/*
Theme Name: Enfold Child for Little Images Photography
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. 
Template: enfold
Green #009A67
Orange EB8D27
Date July-2018
*/

/* Custom styles here:*/

@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed:400,500,700);
/* background colour */

html {
    background: white!important;
}
.html_stretched #wrap_all {
    background-color: #ffffff;
}

.content, .sidebar {
  padding-top: 10px !important;
}
/* menu styles */

#top #header .av-main-nav > li {
     height: 85px !important;
}

/* Blog as grid styles based on */

.template-blog main div div.avia-content-slider article a.slide-image img { border: #ababab 4px solid; margin-bottom: -2px;}

.template-blog main div div.avia-content-slider.avia-content-grid-active div div div.slide-content header h3.slide-entry-title.entry-title { background-color: #ffffff; margin-top: -8px; border: #ffffff 2px solid !important;}

.blog .slide-entry-excerpt {display: none !important;} 

.html_elegant-blog .avia-content-slider .av-vertical-delimiter { position: relative; top: -5px; }

.blog .slide-meta {display: none !important;}


/*Photo-order and download forms*/

#photo-order-login-dnload-wrapper {
    position: absolute !important; 
    border: #aabbcc 2px solid; 
    top: -12px;
    left: 24%;
    z-index: 900;
    background: rgba(255,255,255,0.1);
    width: 50%;
}


div#photo-preorder-side.photo-preorder-side form label,
div#photo-preorder-login-container.photo-preorder-login-container form label,
div#photo-order-login-container.photo-order-login-container form label,
div#photo-download-container.photo-download-container form label,
div#photo-download-side.photo-download-side form label {
    display: block;
    background-color: #EB8D27;
    color: #ffffff;
    padding-left: 5px;
    margin-bottom: -1px;
}

div#photo-preorder-side.photo-preorder-side form#order-id input#order_id,
div#photo-preorder-login-container.photo-preorder-login-container form#order-id input#order_id,
div#photo-order-login-container.photo-order-login-container form input#login.text,
div#photo-download-container.photo-download-container form input#code.downphoto-text-input,
div#photo-download-side.photo-download-side form input#code.downphoto-text-input {
    font-size: 17px;
    color: #EB8D27;
    font-weight: bold;
    padding: 4px;
    border: #EB8D27 2px solid;
    margin-bottom: 2px;
    float: left;
}


div#photo-preorder-side.photo-preorder-side form#order-id input.preorder-submit-btn,
div#photo-preorder-login-container.photo-preorder-login-container form#order-id input.preorder-submit-btn,
div#photo-order-login-container.photo-order-login-container form input#submit,
div#photo-download-container.photo-download-container form input#submit,
div#photo-download-side.photo-download-side form input#submit {
    margin-top: -26px;
    margin-right: 4px;
    float: right;
    padding: 4px 4px 4px 4px;
}




/* generic hide/show for mobile */
/* large displat */
#hide-desktop, #hide-desktop.hide-desktop, .hide-desktop {display: none!important;}
#hide-mobile, #hide-mobile.hide-mobile, .hide-mobile {display: block!important;}
        


/* home page reduce margins around mobile colour section with images*/

/*QA*/
.orange-theme-qa { }
.orange-theme-qa.enable_toggles > section > div > p::first-letter {
    color: #EB8D27; font-weight: 700; font-size: 120%;
}
.orange-theme-qa.enable_toggles > section > div > p > span,
.orange-theme-qa.enable_toggles > section > div > p > span > span.hor_icon,
.orange-theme-qa.enable_toggles > section > div > p > span > span.vert_icon {
    color: #EB8D27;
    border-color: #EB8D27;
}

/*Fix button margins after update*/
div.avia-button-wrap > a {margin-top: 4px !important; }

/* divs for sketch amimated inserted into custom template header of child theme + form section*/

.sketch-animation,
.sketch-banner { 
    height: 180px; width: 800px; position: absolute; top:1px; z-index: 502; left: 100px; }
.sketch-random-holder { 
    height: 180px; width: 800px; position: absolute; top:1px; z-index: 502; right: 1px; }

.sketchanim-iframe { margin-left:510px; width: 100%; height: 200px; border:none;}
.sketchrandom-iframe { width: 100%; height: 200px; border:none;}

/* */

/* feedback form for testimonials */

.feedback-thanks-confirm-message {padding: 25px; border:#EB8D27 solid 1px; background-color: #ffffff; margin-bottom: 5px;}

 /* feedback form likert table text */
 
 form#vfbp-form-2 div div.vfb-fieldType-likert div.vfb-form-group div table.vfb-table.vfb-likert.vfb-likert-cols-5 tbody tr.vfb-likert-row th label { font-size: 13px;}


/* cancel enfold overlay on image links */
.image-overlay{
display: none !important;
}
html {
    background: #ffffff !important;
}
/* cancel enfold sideways jump-shift when going to new page */
@media only screen and (min-width: 989px) {
		html.responsive {overflow-y: scroll;}
		.av-preloader-reactive {overflow: hidden !important; }}

/* typography */

.intro-para p {
	font-size: 20px;
	line-height: 140%;
}
h2 {
	letter-spacing: 1px !important;
}
.footer-call-out {
	font-size: 30px;
	line-height: 140%;
}
.green-accent {color: #009A67;}
.black-accent {color: #000000; font-weight:bold;}

.vfb-form-success {font-size:38px !important; color: #f7921d; line-height: 42px; }

.photoorder-iframe {
	width: 100%;
	min-height: 550px;
	height: 950px;
	/* src https://myschooldays.com.au/orders */
}
.photoorder-iframe html body div.header {
	background-color: #e9e7e2;
    color: #00375a;
    font-size: 3em;
    margin-bottom: .5em;
    padding: 0;
    text-align: center;
	font-family: 'Yanone Kaffeesatz', sans-serif; 
	}


/* Button styles   */

div.avia-button-wrap a.avia-button:hover {background-color: #000000;}
div.avia-button-wrap a.avia-button:active {background-color: #000000;}
div.avia-button-wrap a.avia-button.avia-color-theme-color span.avia-color-theme-color-subtle {background-color: #009A67;}


/* #Media Queries
================================================== */



/* large screens with 990 and max 1140- width */
	@media only screen and (min-width: 990px) and (max-width: 1139px)  {
		.sketch-animation  {
            height: 180px; width: 800px; position: absolute; top:1px; z-index: 502; left: 10px; 
        }
        .sketch-random-holder { 
            height: 180px; width: 630px; position: absolute; top:1px; z-index: 502; right: 1px; }

        
        
		.sketchanim-iframe {margin-left:300px; width: 100%; height: 200px; border:none;}
        .sketchrandom-iframe {width: 100%; height: 180px; border:none;}

        /*forms*/
        #photo-order-login-dnload-wrapper {
            left: 28%;
            width: 48%;
        }
		
		}

/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 989px) {
		.sketch-animation {
            height: 140px; width: 670px; position: absolute; top:5px; z-index: 502; left:175px; 
        }
        .sketch-random-holder { 
            height: 140px; width: 480px; position: absolute; top:1px; z-index: 502; right: 1px; }

        
        
		.sketchanim-iframe { margin-left:10px; width: 100%; height: 140px; border:none;}
        .sketchrandom-iframe {width: 100%; height: 200px; border:none;}
        
        /*forms*/
        #photo-order-login-dnload-wrapper {
            left: 35%;
            width: 57%;
        }
		}

/* All Mobile Sizes (devices and browser) */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.sketch-animation {
            height: 95px; width: 350px; position: absolute; top:26px; z-index: 502; left:230px;  
        }
        .sketch-random-holder {display: none;  }

        
		.sketchanim-iframe {margin-left:10px; width: 100%; height: 95px; border:none;}
        .sketchrandom-iframe {width: 100%; height: 95px; border:none;}
        
		/*forms*/
        #photo-order-login-dnload-wrapper {
        position: relative!important; 
        top: 1px;
        left: 1px;
        width: 100%;
        z-index: 0; 
        }
		}
		
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        
        .responsive .html_entry_id_18.av-no-preview div#wrap_all div#photo-order-login-dnload-wrapper.content {padding-bottom: 5px !important;}
        
		.sketch-animation, .sketch-random-holder { display: none;  }
		.sketchanim-iframe, .sketchrandom-iframe  {display: none; }
		/* generic hide/show for mobile */
		#hide-desktop, #hide-desktop.hide-desktop, .hide-desktop {display: block!important;}
        #hide-mobile, #hide-mobile.hide-mobile, .hide-mobile { display: none!important;}
        
        /*forms*/
        #photo-order-login-dnload-wrapper {
        position: relative!important; 
        top: 1px;
        left: 1px;
        width: 100%;
        z-index: 0;
        }
		}
		
/* Quick CSS Added to child theme setup in WP */

@media only screen and (min-width: 989px) {
html.responsive {
  overflow-y: scroll;
}

.av-preloader-reactive {
  overflow: hidden !important;
}}