/*
   THEME NAME:Images by Bethany Custom Child Theme
   THEME URI:http://www.imagesbybethany.com
   VERSION:1.1
   AUTHOR:JamieLeigh.com
   AUTHOR URI:http://www.jamieleigh.com
   DESCRIPTION:This is a custom child theme created for Images by Bethany by JamieLeigh.com. 
   TEMPLATE:headway
*/

@import url("../headway/style.css");

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/OpenSans-Italic-webfont.eot');
    src: url('fonts/OpenSans-Italic-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/OpenSans-LightItalic-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-LightItalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ambassador_plus_sanslight';
    src: url('fonts/ambassadorplussans-light-webfont.eot');
    src: url('fonts/ambassadorplussans-light-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ambassadorplussans-light-webfont.woff') format('woff'),
         url('fonts/ambassadorplussans-light-webfont.ttf') format('truetype'),
         url('fonts/ambassadorplussans-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ambassador_plus_sansthin';
    src: url('fonts/ambassadorplussans-thin-webfont.eot');
    src: url('fonts/ambassadorplussans-thin-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ambassadorplussans-thin-webfont.woff') format('woff'),
         url('fonts/ambassadorplussans-thin-webfont.ttf') format('truetype'),
         url('fonts/ambassadorplussans-thin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'signerica_fatregular';
    src: url('fonts/signerica_fat-webfont.eot');
    src: url('fonts/signerica_fat-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/signerica_fat-webfont.woff') format('woff'),
         url('fonts/signerica_fat-webfont.ttf') format('truetype'),
         url('fonts/signerica_fat-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'signerica_mediumregular';
    src: url('fonts/signerica_medium-webfont.eot');
    src: url('fonts/signerica_medium-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/signerica_medium-webfont.woff') format('woff'),
         url('fonts/signerica_medium-webfont.ttf') format('truetype'),
         url('fonts/signerica_medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'signerica_thinregular';
    src: url('fonts/signerica_thin-webfont.eot');
    src: url('fonts/signerica_thin-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/signerica_thin-webfont.woff') format('woff'),
         url('fonts/signerica_thin-webfont.ttf') format('truetype'),
         url('fonts/signerica_thin-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4 {
    font-family: 'ambassador_plus_sanslight', sans-serif !important;
    font-weight: normal;
    text-transform: none !important;
    color: #000;
    line-height: 100% !important;
    padding-top: 40px;
}

h5, h6 {
    font-family: 'signerica_mediumregular', sans-serif !important;
    font-weight: normal;
    text-transform: none !important;
    color: #000;
    padding-top: 40px;
}

.block-type-content div.entry-content h1, h1 {
    font-size: 300%;
}

h1.toplogo, h1.entry-title {
    padding-top: 0 !important;
}

.block-type-content h1.entry-title {
    color: #333333;
    font-size: 300%;
    line-height: 130%;
}

.block-type-content div.entry-content h2, h2 {
    font-size: 250%;
}

h2.entry-title {
    font-size: 250% !important;
}

.block-type-content .entry-title, .block-type-content .archive-title {
    margin: 0 0 5px;
    max-width: 100%;
    word-wrap: break-word;
}
.block-type-content div.entry-content h3, h3 {
    font-size: 200%;
}

.block-type-content div.entry-content h4, h4 {
    font-size: 150%;
}

.block-type-content div.entry-content h5, h5 {
    font-size: 200%;
}

.block-type-content div.entry-content h6, h6 {
    font-size: 120%;
}

body {
    font-family: 'open_sanslight', sans-serif !important;
    color: #000 !important;
}

p {
    font-family: 'open_sanslight', sans-serif !important;
    color: #000 !important;
    font-size: 100% !important;
    line-height: 180%;
    margin-top: 2%;
    text-align:justify;
}
::selection {
	background: #cccccc; /* Safari */
}
::-moz-selection {
	background: #cccccc; /* Firefox */
}

a {
    color: #666666;
}

a:hover {
    color: #999999;
}

a.small {
    color: #666666;
    text-decoration: none;
    font-size: 80% !important;
}

a.small:hover {
    color: #999999;
}

.block-type-widget-area li.widget .widget-title {
    font-size: 170% !important;
    line-height: 100% !important;
    margin-bottom: 10px;
    padding: 2px !important;
    text-align: justify !important;
}

.nr_post_title {
    font-family: 'open_sanslight', sans-serif !important;
    color: #000 !important;
    font-size: 100% !important;
    font-weight: normal !important;
    text-align: left !important;
}

/**Block quote styling**/

blockquote {
    border-bottom: 0 dotted;
    border-left: 0 !important;
    border-top: 0 dotted;
    color: #666666;
    margin: 0 !important;
    padding: 0 !important;
}

.nr_post_title:hover {
    color: #ccc !important;
}

/*** Shortcodes Styles ***/

div.su-spoiler-title {
  font-weight: normal !important;
  font-size: 1.1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px;
}

/***** Homepage styling *****/

html, body {
    margin:0;
    padding:0;
    height:100%;
}

#wrapper-3, div.wrapper-mirroring-3 {
  min-height: 100% !important;
  width: 100% !important;
  height: auto !important;
  position: fixed !important;
  top: 0;
  left: 0;
}

#wrapper-3, div.wrapper-mirroring-3 {
  min-height: 100% !important;
  width: 100% !important;
  height: auto !important;
  position: fixed !important;
  background: url('../../uploads/2014/01/coming_soon0001b.jpg') !important;
  top: 0;
  left: 0;
}

#block-6 {
    width:100%;
    background: transparent;
    position: fixed !important;
    bottom:0;
    left:0;
    border-top:1px solid white;
}

#block-6 ul.menu li > a {
    font-family: 'ambassador_plus_sanslight', sans-serif !important;
    font-size: 150% !important;
    color: #fff !important;
}

#block-6 ul.menu li > a:hover {
    color: #cccccc !important;
}

.hometitle {
    color: #FFFFFF !important;
    font-size: 600% !important;
    line-height: 90% !important;
    text-align: center;
    margin-top: 5% !important;
    position: relative;
    z-index: 99;
    transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}
.hometitle a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}
.homesubtitle {
    color: #FFFFFF !important;
    font-size: 189% !important;
    line-height: 130% !important;
    text-align: center;
    margin-bottom: 22%;
    position: relative;
    z-index: 99;
    transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}
.homesubtitle a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/** Responsive text resizing for homepage **/

@media screen and (max-width: 768px) { 
    .hometitle { font-size: 320% !important; }
    .homesubtitle { font-size: 100% !important; }
}

@media screen and (max-width: 400px) { 
    .hometitle { font-size: 200% !important; }
    .homesubtitle { font-size: 50% !important; }
}

/****Homepage fullscreen background slideshow****/
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}

.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(../../uploads/2014/01/coming_soon0001b.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../../uploads/2015/06/vancouver-family-portrait-photograhper-03.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../../uploads/2015/06/vancouver-family-portrait-photograhper-01.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../../uploads/2015/06/vancouver-family-portrait-photograhper-05.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../../uploads/2015/06/vancouver-family-portrait-photograhper-06.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../../uploads/2015/06/vancouver-family-portrait-photograhper-07.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}

/**Header Navigation**/

#wrapper-22 {
    margin-bottom: 0;
    position: fixed;
    z-index: 99;
}

#block-7 {
    border-bottom-width: 0;
    border-top-width: 0;
}

.toplogo {
    font-size: 280% !important;
    text-align: left;
    transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}
.nav-align-right {
    color: #000000 !important;
    font-family: 'ambassador_plus_sanslight',sans-serif !important;
    font-size: 80% !important;
    transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
}

/** Responsive text resizing for top logo and navigation**/

@media screen and (max-width: 950px) { 
    .toplogo { font-size: 280% !important; }
    .nav-align-right { font-size: 90% !important; }
}

@media screen and (max-width: 920px) { 
    .nav-align-right { font-size: 80% !important; }
}

@media screen and (max-width: 860px) { 
    .nav-align-right { font-size: 75% !important; }
}
@media screen and (max-width: 830px) { 
    .nav-align-right { font-size: 70% !important; }
}

@media screen and (max-width: 790px) { 
    .toplogo { font-size: 200% !important; }
    .nav-align-right { font-size: 60% !important; }
}

@media screen and (max-width: 720px) { 
    .nav-align-right { font-size: 55% !important; }
}

@media screen and (max-width: 700px) { 
    .nav-align-right { font-size: 50% !important; }
}

/**Page and Post Navigation**/

#wrapper-6, div.wrapper-mirroring-6 {
    margin-bottom: 0;
    position: fixed;
    z-index: 99;
}

#wrapper-7, div.wrapper-mirroring-7, #wrapper-11, #wrapper-23 {
    position: relative;
    z-index: 1;
}

#wrapper-19, div.wrapper-mirroring-19 {
    position: relative;
    z-index: 1;
}

.block-type-navigation  ul.menu li > a {
    font-family: 'ambassador_plus_sanslight', sans-serif !important;
    font-size: 150% !important;
    color: #000 !important;
}

.block-type-navigation  ul.menu li > a:hover {
    font-family: 'ambassador_plus_sanslight', sans-serif !important;
    font-size: 150% !important;
    color: #999 !important;
}

.loop-navigation {
    font-family: 'signerica_mediumregular', sans-serif !important;
    color: #fff !important;
    line-height: 200% !important;
}

.block-type-content div.loop-navigation div.nav-previous a, .block-type-content div.loop-navigation div.nav-next a {
    color: #fff !important;
    padding: 8px 4px !important;
}

/*** FEATURED IMAGE NO BORDER ***/

.block-type-content a.post-thumbnail img {
border-style: none !important;
padding: 0px !important;
}

/**** ABOUT PAGE *****/
#wrapper-wme545aee60c12fd, div.wrapper-mirroring-wme545aee60c12fd {
margin-bottom: 0px;
margin-top: 0px;
border-color: #CCCCCC;
border-style: solid;
border-bottom-width: 1px;
position: fixed;
z-index: 99 !important;
}

/**** ABOUT PAGE FOOTER STICKY NAV *****/
#wrapper-wa0545aee60d5c8d, div.wrapper-mirroring-wa0545aee60d5c8d {
    border-color: #CCCCCC !important;
    border-top-width: 1px !important;
    border-style: solid !important;
    position: fixed !important;
    bottom: 0px !important;
    z-index: 99 !important;
}

div#wrapper-ws5545aee60d5479.responsive-grid {
width: auto !important;
max-width: 1070px;
}

/**Table Styling**/
table th, table td {
    border: 0px !important;  
}

/** widget list style **/
.block-type-widget-area li.widget {
    list-style: none !important;
}
.block-type-widget-area li.widget ul {
    list-style: none !important;
    margin: 5px 0;
    padding: 0 0 0 3px !important;
}
.block-type-widget-area li.widget a {
    color: #333333;
    text-decoration: none !important;
}
.block-type-widget-area li.widget a:hover {
    color: #cccccc;
    text-decoration: none !important;
}

/**Form styling**/

.wpcf7-form input.wpcf7-submit {
    background: none repeat scroll 0 0 #e2e2e2;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin: 6px 0 0;
    padding: 6px 10px 3px;
    width: auto;
    font-family: 'signerica_mediumregular', sans-serif !important;
    font-size: 100% !important;
}

button, input[type="reset"], input[type="button"], input[type="submit"] {
    font-family: 'signerica_thinregular',sans-serif !important;
    color: #fff;
    margin: 6px 6px 0 0;
    padding: 5px 6px 0 6px !important;
    font-weight: bold;
    font-size: 100% !important;
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    background: none repeat scroll 0 0 #ccc;
    color: #FFF !important;
}

input.wpcf7-text {
    width: 400px !important;
}

.wpcf7 textarea  {
  height: 125px;
  width: 400px !important;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    margin: 6px 6px 0 0;
    padding: 6px 4px;
    font-size: 100% !important;
    font-family: 'open_sanslight';
}

/**WordPress Gallery styling**/
.gallery {
    margin: 2px !important;
}

dl {
    margin: 0 40px 0 0 !important;
}

.gallery-item {
    width: 12% !important;
    padding: 2px !important;
}

/**Testimonial horizontal rule**/

div.entry-content hr {
    background-color: #CCCCCC;
    border: 0 none;
    height: 1px;
    margin: 30px 0 35px;
}

hr.testimonial:after {
    background: none repeat scroll 0 0 #FFFFFF;
    content: " Client Love ";
    display: inline-block;
    font-family: 'signerica_mediumregular';
    font-size: 1.5em;
    padding: 0 50px 0;
    position: relative;
    top: -0.6em;
}
hr.testimonial {
    border-image: none;
    border-style: double none none;
    padding: 0;
    text-align: center;
}

/**Footer horizontal rule**/
hr.contact {
    padding: 0;
    border-image: none;
    border-style: double none none;
    color: #ccc;
    text-align: center;
}

hr.contact:after {
    content: " connect with me ";
    display: inline-block;
    position: relative;
    top: -0.6em;
    font-size: 1.5em;
    font-family: 'signerica_mediumregular';
    padding: 10px 50px 0 50px;
    background: white;
}

div.footer {
    margin-top: 2%;
}

/**Social Icons Styling**/
.social {
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    margin: 5px;
}
.social:hover {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

/** Woo-slider customization **/
.wooslider {
border: 0px;
box-shadow: none;
padding: 0 !important;
}

ol.wooslider-control-nav.wooslider-control-paging {
display: none !important;
}

.wooslider:hover .wooslider-next:hover, .wooslider:hover .wooslider-prev:hover { opacity: 0.4 !important; }
wooslider-direction-nav {*height: 0;}
.wooslider-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.6); text-shadow: 1px 1px 0 rgba(255,255,255,0.2); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.wooslider:hover .wooslider-prev { opacity: 0.6; left: 10px; }
.wooslider:hover .wooslider-next { opacity: 0.6; right: 10px; }

body .wooslider .slide-content {margin: 0 !important;} 
#slider { display: block; margin: 0 auto; padding: 0 0px; position: relative; 

/** Contextly Styles **/

.ctx-sections-container {
	padding: 0 0 5px 0;
	background: #ffffff;
}

.ctx-links-header p {
line-height: 1;
color: #000;
font-family: 'ambassador_plus_sanslight', sans-serif !important;
font-size: 20px;
text-transform: uppercase;
}

#ctx-module .ctx-link-image img {
	max-width: 100% !important;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
}

/*** Contact Map Styles ***/
.google-map-placeholder {
border: none !important;
}