/*

Theme Name: Donna Larcom Portraits

Theme URI: 

Description: Custom Wordpress theme for Donna Larcom Townsville Portrait Photographer

Author: Lee Olsen

Author URI: http://www.shiftrefresh.com.au

*/



/* WEBFONT DECLARATIONS */



@font-face {

    font-family: 'robotoregular';

    src: url('webfonts/Roboto-Regular-webfont.eot');

    src: url('webfonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('webfonts/Roboto-Regular-webfont.woff') format('woff'),

         url('webfonts/Roboto-Regular-webfont.ttf') format('truetype'),

         url('webfonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotomedium';

    src: url('webfonts/Roboto-Medium-webfont.eot');

    src: url('webfonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('webfonts/Roboto-Medium-webfont.woff') format('woff'),

         url('webfonts/Roboto-Medium-webfont.ttf') format('truetype'),

         url('webfonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotolight';

    src: url('webfonts/Roboto-Light-webfont.eot');

    src: url('webfonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),

         url('webfonts/Roboto-Light-webfont.woff') format('woff'),

         url('webfonts/Roboto-Light-webfont.ttf') format('truetype'),

         url('webfonts/Roboto-Light-webfont.svg#robotolight') format('svg');

    font-weight: normal;

    font-style: normal;



}



body { background:#fff; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:1.5em; color:#666; min-width:320px; font-family:'robotolight', Tahoma, Geneva, sans-serif; }



.layout { width:1200px; padding:0; margin:0 auto; position:relative; z-index:1; }

.white-bg { width:1200px; }



/* General formatting */

h1, h2, h3, h4, h5, h6 { color:#555; margin:0 0 12px 0; font-weight:normal; }

h1 { font-size:48px; line-height:1.2em; }

h2 { font-size:50px; line-height:1.2em; }

h3 { font-size:24px; font-family:'robotoregular', Tahoma, Geneva, sans-serif; }

h4 { font-size:17px; margin-bottom:10px; }

h5 { font-size:14px; }

h6 { font-size:12px; }



.block-title { text-align:center; display:block; position:relative; margin-bottom:50px; }

.block-title:before { content: ""; display:block; position:absolute; height:2px; overflow:hidden; width:100%; background:#a8a8a8; z-index:0; top:28px; left:0px; }

.block-title:after { content: ""; display:block; position:absolute; height:1px; overflow:hidden; width:100%; background:#a8a8a8; z-index:0; top:34px; left:0px; }

.block-title h2 { padding:0 25px; position:relative; z-index:1; display:inline; margin:0; background:#fff; }



#about .two-col .inner { min-height:420px; padding-top:40px; padding-bottom:0px; }

#contact .two-col .inner { min-height:540px; }

#contact .two-col { margin-top:20px; }

.two-col .block-title { margin-bottom:0; top:9px; }

.two-col .block-title:before { top:11px; }

.two-col .block-title:after { top:17px; }

.two-col .block-title h3 { padding:0 20px; position:relative; z-index:1; display:inline; margin:0; background:#fff; letter-spacing:1px; text-transform:uppercase; }

#about .two-col.first { font-size:16px; line-height:24px; }

#about .two-col.first strong { font-size:18px; line-height:28px; }

.two-col.options ul { }

.two-col ul {}

.two-col ul li { list-style-type:none; background:transparent url(images/gfx.png) -632px 8px no-repeat; padding:0 0 19px 20px; }





h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#555; }



p { margin:0 0 26px 0; }

ul { margin:0; padding:0; }



strong, b { font-family:'robotomedium', Tahoma, Geneva, sans-serif; font-weight:normal; }



.post p:first-child, .post script + script + script + p { font-family:'roboto_slabregular', Arial, Helvetica, sans-serif; color:#22282d; font-size:19px; line-height:28px; border-bottom:1px solid #999999; padding-bottom:25px; }



a { color:#666; text-decoration:none; }

a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline; color:#ed9c45; }

a img { border:none; }

.content a { }



table { margin:0 0 20px; padding:0; border-collapse:collapse; width:100%; }

table td { vertical-align:top; padding:0; border-collapse:collapse; background:#f8f8f8; line-height:1.6em; }

/*table td p { margin:0; }*/





hr { background-color:#999999; color:#999999; height:1px; overflow:hidden; border:0; margin:0 0 20px 0; clear:both; }



/* Header and banners */

.header { height:105px; padding:65px 0 0 0; display:block; width:1200px; background:#fff; transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out; }

.header.fadeInDown { padding-top:20px; height:75px; border-bottom:1px solid #ddd; }



h1.logo { position:absolute; top:60px; left:0px; margin:0; text-align:center; line-height:38px; }

h1.logo span { text-transform:uppercase; font-size:15px; letter-spacing:1px; display:block; clear:both; color:#777; }

h1.logo a { display:block; }

h1.logo a span { color:#777; }

h1.logo a:hover { text-decoration:none; }



.header.fadeInDown h1.logo { font-size:39px; top:20px; line-height:32px; }

.header.fadeInDown h1.logo span { font-size:12px; }





.content { position:relative; height:1%; min-height:200px; padding: 0px; }



#standard-page { }





/* Page structure styles */

.section { position:relative; margin-bottom:80px; clear:both; overflow:hidden; }

.inner-section { margin-top:60px; }

.two-col { position:relative; float:left; width:590px; margin:0 0 0 20px; }

.two-col.first { margin-left:0px; }

.two-col .inner { padding:30px; border:1px solid #a8a8a8; border-top:none; }



#about .slideshow { margin-top:60px; }

.slideshow { margin-bottom:50px; min-height:683px; background:transparent url(images/ajax-loader.gif) 50% 50% no-repeat; }





.footer { position:relative; z-index:1; background:#efefef; text-align:center; margin-top:110px; }

.footer .inner { position:relative; width:1200px; margin:0 auto; padding:30px 0 40px; border-top:1px solid #fff; }

.footer-text { font-size:14px; }

.footer-links { display:block; border-bottom:1px solid #fff; padding-bottom:30px; margin-bottom:20px; }



.footer-left { float:left; }

.footer-right { float:right; }

.footer a { color:#555; }

.top-link { display:block; width:90px; height:90px; overflow:hidden; margin:0 auto; position:relative; top:-46px; }

.top-link img { width:100% !important; height:auto !important; }



#home img.size-full { float:left; margin:0 20px 20px 0; width:590px; height:auto !important; }

#home .inner { display:block; width:1220px; }

#home br { display:none; }

#home p { margin:0; }



#products .wp-caption { float:left; margin:0 30px 30px 0; width:585px !important; height:auto !important; overflow:hidden; position:relative; }

#products .inner { display:block; width:1230px; }

#products .wp-caption img { width:auto !important; height:auto !important; position:relative; z-index:1; }

#products .wp-caption p.wp-caption-text { display:block; position:absolute; bottom:0px; z-index:2; background:transparent url(images/overlay-bg.png) repeat; padding:26px 0; text-align:center; width:100%; font-size:32px; color:#ffeabd; }



/* Navigation styles */

/* NAV */

.back-link { float:right; }

#nav { float:right; width:590px; }

#nav ul { list-style-type:none; margin:0; padding:0; display:block; width:100%; }

#nav ul li { float:left; display:block; width:20%; text-align:center; }

#nav a { font-size:22px; color:#777; display:block; padding:14px 10px; transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out;  }

.header { position: relative; z-index: 99 !important; }
.content { z-index: 0 !important; }
#nav ul li { position: relative; }
#nav ul ul { position: absolute !important; display: none !important; width: 200px; background: #fff; z-index: 99 !important; }
#nav ul li:hover ul { display: block !important}
#nav ul ul li { clear: both; width:100%; text-align:left; }
#nav ul ul li a, #nav ul ul li:first-child a { background-color: #fff !important; color:#777 !important; font-size:18px; padding:10px 10px 10px 25px; }
#nav ul ul li a:hover, #nav ul ul li:first-child a:hover { text-decoration: underline !important; }

.active, #nav ul li:first-child a, .fadeInDown #nav ul li:first-child a.active {

    color: #333 !important;

	background:#eee;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}

.active:hover, #nav ul li:first-child a:hover { text-decoration:none; }

.fadeInDown #nav ul li:first-child a:hover { text-decoration:underline; }



.fadeInDown #nav ul li:first-child a { background:#fff; color:#777 !important; }





/* Gallery Styles */

.ngg-galleryoverview { margin:0 !important; width:1216px !important; }

.ngg-gallery-thumbnail-box { margin:0 16px 16px 0 !important; width:592px; }

.ngg-gallery-thumbnail { float:none !important; }

.ngg-gallery-thumbnail img { border:none !important; margin:0 !important; padding:0 !important; width:100%; height:auto !important; }



.cta-buttons { display:block; clear:both; overflow:hidden; margin-bottom:55px; }

.cta-buttons .inner { display:block; width:1221px; }

.cta-buttons a { display:block; float:left; width:386px; border:1px solid #a8a8a8; margin-right:21px; position:relative; font-size:24px; line-height:34px; padding:30px 50px 30px 138px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out; }

.cta-buttons a:hover { border-color:#333; background:#fff2e4; color:#111; text-decoration:none; }

.cta-buttons a img { width:77px !important; height:auto !important; position:absolute; left:30px; top:26px; }



/* Custom formatting */

.keyword { font-weight:bold; color:#9a313c; }

.alignleft { float:left; margin: 0 50px 0 0; }

.wp-image-78 { margin-top:-10px; margin-bottom:40px; }

.alignright { float:right; margin: 0 0 30px 30px; clear:both; }

img.alignleft, img.alignright {

}

.clear { clear:both; } /* Use to clear floated divs */

.wp-caption-text { margin:0; }



.map {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 35px;

    height: 0;

    overflow: hidden;

}



.map iframe {

    position: absolute;

    top:0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

	max-height:400px !important;

}





.page-id { display:none; }





/* Editor styles */



.highlight-btn { display:block; width:100%; text-align:center; clear:both; margin:30px 0 0; }

.back-link a, .highlight-btn a, .wpcf7-submit { cursor:pointer; display:inline-block; color:#444; margin:0 auto; background:#ffcc95; border:1px solid #ffcc95; font-family:'robotolight', Tahoma, Geneva, sans-serif; font-size:21px; padding:15px 40px; clear:both; transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -webkit-transition: all .50s ease-in-out; }

.back-link a:hover, .highlight-btn a:hover, .wpcf7-submit:hover { border-color:#333; background:#ffd6aa; color:#111; text-decoration:none; }



.intro-text { font-size:24px; line-height:40px; }

#contact .two-col .intro-text { font-size:21px; line-height:34px; }





/* Contact Form */

.wpcf7 { display:block; clear:both; }

span.wpcf7-not-valid-tip { top:0px !important; left:6px !important; border:none !important; color:#F00 !important; background-color:transparent !important; padding:0 !important; margin:0 !important; }

.wpcf7-form-control-wrap input, .wpcf7 textarea, .wpcf7 select { width:100%; border:1px solid #a8a8a8; background:#f9f9f9; font-size:18px; font-family:'robotolight', Tahoma, Geneva, sans-serif; padding:13px; position:relative; color:#444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wpcf7-form-control-wrap input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { border:2px solid #ffcc95; padding:12px; background:#fff; }

.wpcf7 textarea { height:200px; font-size:18px; font-family:'robotolight', Tahoma, Geneva, sans-serif; }

.wpcf7-form { clear:both; margin:0; }

.wpcf7-form p { margin:20px 0 0; }







/* MEDIA QUERIES */



@media handheld, only screen and (max-width: 1280px), only screen and (max-device-width: 1280px) {

  .layout, .white-bg, .header, .footer .inner { width:960px; }

  .header { height:95px; padding:50px 0 0 0; }

  h1.logo { top:44px; }

  .ngg-galleryoverview { margin:0 !important; width:974px !important; }

  .ngg-gallery-thumbnail-box { margin:0 14px 14px 0 !important; width:473px; }

  #nav { width:472px; }

  #nav a { font-size:20px; }

  #home img.size-full { margin:0 16px 16px 0; width:472px !important; }

  #home .inner { width:976px; }

  #products .wp-caption { margin:0 24px 24px 0; width:468px !important; height:auto !important; }

  #products .wp-caption img { width:468px !important; }

  #products .inner { width:984px; }

  #products .wp-caption p.wp-caption-text { padding:21px 0; font-size:26px; }

  .two-col { width:470px; }

  .two-col .inner { padding:30px 24px; }

  #about .two-col .inner { min-height:520px; }

  .slideshow { min-height:550px; }

  

  .cta-buttons .inner { width:978px; }

  .cta-buttons a { width:308px; margin-right:18px; font-size:20px; line-height:27px; padding:30px 20px 30px 118px; }

  .cta-buttons a img { width:77px !important; left:20px; top:18px; }

  

}





@media handheld, only screen and (max-width: 992px), only screen and (max-device-width: 992px) {

  body { font-size:16px; }

  .layout, .white-bg, .header, .footer .inner { width:720px; }

  .header { height:90px; padding:47px 0 0 0; }

  h1.logo { font-size:39px; line-height:32px; top:42px; }

  h1.logo span { font-size:12px; }

  .intro-text { font-size:20px; line-height:32px; }

  .block-title h2 { font-size:42px; }

  #nav { width:400px; }

  #nav a { font-size:17px; }

  #home img.size-full { margin:0 12px 12px 0; width:354px !important; }

  #home .inner { width:732px; }

  #products .wp-caption { margin:0 18px 18px 0; width:351px !important; height:auto !important; }

  #products .wp-caption img { width:351px !important; }

  #products .inner { width:738px; }

  #products .wp-caption p.wp-caption-text { padding:16px 0; font-size:20px; }

  .ngg-galleryoverview { margin:0 !important; width:730px !important; }

  .ngg-gallery-thumbnail-box { margin:0 10px 10px 0 !important; width:355px; }

  .two-col { width:350px; }

  .two-col .inner { padding:30px 24px; }

  .two-col .block-title h3 { font-size:20px; }

  .two-col .block-title:before { top:9px; }

  .two-col .block-title:after { top:15px; }

  /*.two-col.options ul { font-size:15px; line-height:20px; }*/

  #about .two-col .inner { min-height:695px; }

  .slideshow { min-height:410px; }

  

  .cta-buttons .inner { width:732px; }

  .cta-buttons a { width:232px; margin-right:12px; font-size:16px; line-height:22px; padding:20px 10px 20px 80px; }

  .cta-buttons a img { width:50px !important; left:15px; top:15px; }

}





@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) {

  body { font-size:16px; }

  .layout { padding:0 12px; }

  .layout, .white-bg, .header, .footer .inner { width:auto; clear:both; }

  .header, .header.fadeInDown { height:130px; padding-top:10px; width:100%; }

  .header.fadeInDown { margin-left:-12px; height:46px; padding-top:6px; }

  .header.fadeInDown .inner { position:relative; padding:0 12px; }

  h1.logo { position:relative; top:auto; left:auto; margin:5px auto; }

  .header.fadeInDown h1.logo { display:none; }

  .block-title h2 { font-size:36px; }

  .block-title:before { top:20px; }

 .block-title:after { top:26px; }

  .two-col.first { margin-bottom:30px; }

  .two-col { float:none; clear:both; width:auto; margin:0; }

  .two-col .block-title h3 { font-size:18px; }

  .two-col .block-title:before { top:9px; }

  .two-col .block-title:after { top:15px; }

  /*.two-col.options ul { font-size:15px; line-height:20px; }*/

  #about .two-col .inner, #contact .two-col .inner { min-height:0px; padding-bottom:20px; }

  #about .intro-text img.alignleft { float:right; margin:0 0 10px 22px; width:140px !important; height:auto !important; }

  #products .intro-text img.alignright { clear:none; width:48% !important; height:auto !important; margin:0 1% 20px 1%!important; float:left; } 

  #nav { float:none; position:relative; width:100%; margin:0 auto; }

  #nav a { font-size:15px; font-family:'robotoregular', Tahoma, Geneva, sans-serif; padding:10px 7px; }

  

  #home img.size-full, .ngg-gallery-thumbnail-box { margin:0 0px 10px 0; width:100% !important; }

  #home .inner, .ngg-galleryoverview { width:100% !important; margin:0 !important; }

  .slideshow { min-height:1px; }

  .section { margin-bottom:40px; }

  

  #products .wp-caption { margin:0 0px 18px 0; width:100% !important; }

  #products .wp-caption img { width:100% !important; height:auto !important; }

  #products .inner { width:100% !important; margin:0 !important; }

  #products .wp-caption p.wp-caption-text { padding:21px 0; font-size:26px; }

  

  .cta-buttons { display:block; clear:both; overflow:hidden; margin-bottom:30px; }

  .cta-buttons .inner { width:auto; }

  .cta-buttons a { float:none !important; clear:both; width:100%; border:1px solid #a8a8a8; margin:0 0 10px 0; font-size:18px; line-height:25px; padding:30px 50px 30px 100px; }

  .cta-buttons a img { width:50px !important; left:30px; top:18px; }

  .cta-buttons a br { display:none !important; }



}



@media handheld, only screen and (max-width: 420px), only screen and (max-device-width: 420px) {

  #nav a { font-size:14px; }



}