/*
 Theme Name:  Ukulele Twins
 Theme URI:   
 Description: Storefront Child Theme
 Author:      DVELOPIT
 Author URI:  http://dvelopit.co.nz/
 Template:    storefront
 Version:     1.0.0
 Text Domain: storefront-child
*/

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





/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


	/* GLOBAL */

#comments { display:none; }


#spacer { clear:both; width:100%; height:100px; }
.woocommerce-tabs, #menu-item-332 { display:none; }

.storefront-pro-active #masthead { border-bottom: 1px solid #000000; height: 180px; }
.entry-title { text-align: center; }



.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] { background-color:#101C8E !important;  text-transform:uppercase; font-family: 'Patua One', Serif; color:#ffffff; }
.added_to_cart:hover, .button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {  background-color:#2033A0; }

html { background-color: #ffffff !important; }

.site-footer a { font-weight:bold; color:#000000 !important; }

div.entry-content, .header.entry-header, .entry-header  { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 4%; padding-right:4%; }
#clip-width { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 4%; padding-right:4%; }
.site-header .col-full { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 4%; padding-right:4%; }
.site-footer .col-full, .single .site-content { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 4%; padding-right:4%; }

.site-header { background-color:#efefef; }

.page-template-default .site-content .col-full, .blog .site-content .col-full, .archive .site-content .col-full { max-width: 1440px; margin-left: auto; margin-right: auto; padding-right:4%; }

.site-content .col-full {
    max-width: inherit;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    box-sizing: content-box;
	
}

section.storefront-product-section, .home entry-header {
    padding: 0 2.617924em;
    max-width: 67.141em;
    margin-left: auto;
    margin-right: auto;
}

#spacer { width:100%; clear:both; float:none; }

.gform_body a { color:#43471A; font-weight:bold; }

.entry-content a { color:#43471a; }
.entry-content a:hover { text-decoration:underline; }



#header-icons { width:70px; float:none; overflow: auto; margin-bottom: 15px; }
#header-icons h2, #header-icons img { float:left; margin-left:15px; }

#header-icons h2 { margin-top:8px; font-size:24px; }

#header-icons img:hover { opacity:0.9; }
#header-btn { background-color:#d0a380; width:340px; text-align:center; color:#7c5233; border-bottom:7px solid #7c5233; clear:both; padding:15px; font-size:18px; font-family: 'Patua One', Serif; font-weight:bold; float: right; margin-right: 5px; }

#header-btn:hover { border-bottom:none; margin-top:7px;}
.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img { max-width: 320px; }
#qualmark { float:left; }
#header-right { float:right; }

h1, h2, h3, h4, h5, h6, .widget-title { font-family: 'Patua One', Serif; color:#000000; }

	/* HOME */
li.listing-item a { color:#2033A0 !important; }
li.listing-item a:hover { text-decoration:underline; }

h1.title-block { padding-top:50px; text-align:center; margin-left:auto; margin-right:auto; }

div.soliloquy-outer-container { margin-top: -68px; }

.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: rgba(0, 0, 0, 0) !important; font-weight:bold !important; text-shadow:3px 3px 5px #000000 !important; }



.soliloquy-caption-inside a:hover { background-color:#000000; color:#ffffff; }

#slider { width: 100%; margin-top: -68px; margin-bottom: 0px; }


.home .display-posts-listing li { float:none !important; min-height: 20px !important; color:#101c8e !important; }

.home header.entry-header { display:none; }

#bg-green { width:100%; background-color:#e0e0e0; padding-top:70px; padding-bottom:70px;  }
#bg-grey { width:100%; background-color:#f6f6f6;  }
#bg-wood { background-color:#ffffff; padding-top:70px; padding-bottom:70px; }
#home-content1 { color:#000000; }
#home-content1 h2 { color:#000000; }
#home-content2 a { font-family: 'Patua One', Serif; font-size: 20px; color:#2033A0 !important; }



/* POSTS */

.posted-on, .hentry.type-post .entry-meta, .single-post #post-navigation  { display:none; }
.single-post .site-content  { max-width: 1440px; margin-left: auto; margin-right: auto; }
.single-post .entry-header, .hentry.type-post .entry-content { padding-left:0; padding-right:0; }
.hentry.type-post .entry-content { width:100%; }

.post .wp-post-image { display:none; }
.page-template-template-posts h1 { text-align:center; }


	/* VIDEO POSTS */ 

	li.listing-item { list-style-type:none; }
	li.listing-item a { color:#000000; font-family: 'Patua One', Serif; font-size:20px; }


	/* TESTIMONIALS */

div.testimonial-title { font-size:20px; font-weight:bold; font-family: PT Serif; }
#testimonial-single { padding-bottom:45px; margin-bottom:40px; border-bottom: 1px solid #000000; text-align:center; }
div.testimonial-text { font-style:italic; }
div.testimonial-name { font-weight:bold; }


	/* DONTATE */

.page-id-39 form { text-align:center; }




/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */



	/* GLOBAL */
div#footer-left { float:left; }
div#footer-right { float:right; }
	.primary-navigation { margin-top:40px !important; }

	
#header-icons { width:70px; float:right; text-align:right; margin-top: -70px; margin-bottom: 15px; }


#tour1, #tour2, #tour3, #tour4, #tour5, #tour6 { width: 31%; height: 5%; margin:.5%; }
	
.soliloquy-container .soliloquy-caption { max-width: 70%; margin-left: auto; margin-right: auto; left: 15%; display: block; top: 25%; }

.soliloquy-container .soliloquy-caption .soliloquy-caption-inside  { font-size:60px !important; font-family: PT Serif; font-style:italic; }

.soliloquy-caption-inside a { color:#ffffff; border: solid 3px #ffffff; font-weight:bold; padding:15px; margin-left: auto; margin-right: auto; display: block; text-align: center; margin-top:10px; width:190px; font-size:26px; font-family: PT Serif; font-style:normal; }
	
	
	
	/* HOME */
	
	#home-signup { width:30%; height:525px; background-color:#101C8E; }
	#col-50a { width:45%; float:left; margin-right:10% }
	#col-50b { width:45%; float:left; }	

	/* 2 COLUMN */

#col1 { width:65%; padding-right:5%; float:left; }
#col2 { width:30%; float:left; }
#clip-width { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 0%; padding-right:0%; }
#clip-width2 { max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 0%; padding-right:0%; }

	
	/* VIDEO POSTS */
	
	.display-posts-listing li { float:left; margin-left:15px; margin-right:15px; min-height:250px; }
	
}




/* MOBILE STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the mobile layout of your site */
@media only screen and (max-width: 768px) {
	/* Mobile styles go below this line */

	.site-header .site-logo-link.site-logo-mobile { margin-left: auto; margin-right: auto; float:none; width: 200px; }
	
	ul#menu-main-1.menu { padding-left:30px; }
	a.menu-toggle { margin-right: 15px !important; }
	
	#site-navigation .handheld-navigation li a { text-align:center; }
		
	.soliloquy-container .soliloquy-caption { max-width: 70%; margin-left: auto; margin-right: auto; left: 15%; display: block; top: 25%; }

.soliloquy-caption-inside { font-size:20px; font-family: PT Serif; font-style:italic; }

.soliloquy-caption-inside a { color:#ffffff; border: solid 3px #ffffff; font-weight:bold; padding:15px; margin-left: auto; margin-right: auto; display: block; text-align: center; margin-top:20px; width:160px; font-size:20px; font-family: PT Serif; font-style:normal; }
	
	
	#footer-left, #footer-right { text-align: center; width:100%; }
	
	
	
	
}