/*
Theme Name: Golden Child
Theme URI: http://golden-wp.guuhuu.com
Author: GuuThemes
Author URI: http://www.guuhuu.com
Template: golden
Description: Golden Child theme
Version: 1.1
Tags: light, two-columns, flexible-width, theme-options, translation-ready, photoblogging
=======
License: GNU General Public License
License URI: license.txt
Text Domain:  golden-child
*/


/*-----------------------------------------------------------------------------------*/
/* Elements
/*-----------------------------------------------------------------------------------*/


.btn-discover {
	text-transform: uppercase;
    color: #333;
    padding: 1.1em 1em;
    border: 4px double #333;
    border-radius: 2px;
    margin: 2em 0 -2em;
    display: inline-block;
}


/*-----------------------------------------------------------------------------------*/
/* Layout
/*-----------------------------------------------------------------------------------*/

body .row {
    display: flex;
    flex-wrap: wrap;
}

/*-----------------------------------------------------------------------------------*/
/* Typography
/*-----------------------------------------------------------------------------------*/

/* Base font*/
body.page p, body #main p, body .accordion-content, body ul.tabs-content, body .toggle_container, body .meta-author, body .meta-category, body .tags, body #sidebar .widget, body #contact-details li, body .item h2 span, body #featured p a:hover, body .meta-category a:visited:hover, body .meta-category a:hover, body .article span a:hover, body #single-article p a:hover, body #single-article .tags a:hover, body #contact-details a:hover, body #latest-quotes blockquote, body #single-project .client-details, body #single-project .project-checklist, blockquote cite, body #footer-global[role="contentinfo"] .widget, body .plan-price, body .pricing-content ul li, body .dropcap, body input[type="text"], body input[type="password"], body input[type="email"], body textarea, body select, body .map-overlay, body #response, body .error, .pagination .page-numbers {
	font-family: 'Gilda Display', serif;
}


/* Heading font*/
body h1, body h2, body h3, body h4, body h5, 
body #content h1, body #content h2, body #content h3, body #content h4, body #content h5, body #content h6, 
body #single-project h1, body #single-project h2, body #single-project h3, body #single-project h4, body #single-project h5, body #single-project h6, 
body .post-title, 
body #sidebar h1, body #sidebar h2, body #sidebar h3, body #sidebar h4, body #sidebar h5, body #sidebar h6, 
body #comments h4, body .comment .author, body #respond h3, 
body .archive-title, body #header-navigation[role="navigation"] li a, body .flex-title, body #introduction p, 
body .section-heading h1, body .project-item .overlay h2, body #our-services h2, body #meet-the-team h2, body #recent-news .homepage h3, body #footer-global[role="contentinfo"] h3, body .feature-title, body #skill li em, body #content p.trigger a, body ul.tabs li a, body .must-log-in, body .logged-in-as, 
body .alert-red, body .alert-blue, body .alert-green, body .alert-brown, body .alert-teal, body .alert-tan, 
body .plan-title, body .button, 
body button, body input[type="submit"], body input[type="reset"], body input[type="button"], 
body a.button.white, body a.button.grey, body a.button.black, body a.button.red, body a.button.blue, body a.button.green, body a.button.brown, body a.button.teal, body a.button.tan, body a.read-more-btn, body a.sign-up-btn, 
body #latest-quotes cite, body #filter li a {
	font-family: 'IM Fell Great Primer SC', serif;
}


body .section-heading h1 span {
	text-shadow: 0 0;
	font-weight: 900;
	text-transform: initial;
	padding: 15px 100px;
	transform: rotate(0) skew(0, 0);
	border-color: #3d3d3c;
}

#single-project h1 {
	text-transform: none;
}

@media screen and (max-width: 767px) {

	body .section-heading h1 span {
		padding: 15px 0;
	}
}




/*-----------------------------------------------------------------------------------*/
/* Header + navigation
/*-----------------------------------------------------------------------------------*/

body .container #logo {
    width: 110px;
    margin: 0 auto;
}

#header-global[role="banner"] {
	padding: 5px 0 10px;
}

body #header-navigation[role="navigation"] ul {
	display: flex;
	width: 100%;
	justify-content: space-between;
	float: right;
	padding: 7px 0;
	border-color: black;
}

@media only screen and (max-width: 767px) {

	body #header-navigation[role="navigation"] ul {
		display: none;
	}
}

body #header-navigation[role="navigation"] ul li.current-cat > a, 
body #header-navigation[role="navigation"] ul li.current_page_item > a, 
body #header-navigation[role="navigation"] ul li.current-menu-item > a,
body #header-navigation[role="navigation"] li a, 
body #header-navigation[role="navigation"] li a:visited {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding: 0;
    color: black;
}


body #header-navigation[role="navigation"] ul li.current-cat > a, 
body #header-navigation[role="navigation"] ul li.contact-menu-item.current_page_item > a, 
body #header-navigation[role="navigation"] ul li.contact-menu-item.current-menu-item > a,
body #header-navigation[role="navigation"] ul li.home-menu-item.current_page_item > a, 
body #header-navigation[role="navigation"] ul li.home-menu-item.current-menu-item > a {
	color: #857550;
}

body #header-navigation[role="navigation"] li.fade a,
body #header-navigation[role="navigation"] li.fade a:visited {
	color: transparent!important;
}


ul#navigation li:hover > ul {
	display: flex;
	flex-direction: column;
	width: 220px;
	margin-top: 12px;
	padding: 1em 1em;
}



/*-----------------------------------------------------------------------------------*/
/* Footer
/*-----------------------------------------------------------------------------------*/

body #footer-global[role="contentinfo"] {
	background: url(assets/img/footer-tile.jpg) repeat-x top left;
	background-size: 80% 100%;
	padding: 90px 0 50px 0;
}

@media only screen and (max-width: 767px) {
	
	#footer-global #contact-details {
		text-align: center;
	}

	#footer-global #contact-details img {
		margin: 0 auto;
	}
}

#footer-global .textwidget {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: #dedbd9;
}

#footer-global h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	color: #dedbd9;
	margin-bottom: 15px;
}

#footer-global[role="contentinfo"] #copyright-details {
	display: none;
}


/*-----------------------------------------------------------------------------------*/
/* Content blocks
/*-----------------------------------------------------------------------------------*/

/* Beers */

.availability-category-list {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	clear: both;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.availability-category-list li {
	text-transform: uppercase;
	font-size: 14px;
	padding: 0 2em;
}

.availability-category-list img {
	display: inline-block;
    height: 44px;
    position: relative;
    bottom: -11px;
    padding-right: 15px;
}

@media only screen and (max-width: 767px) {
	
	.availability-category-list img {
	    display: block;
	    position: static;
	    text-align: center;
	    margin: 0 auto;
	    padding: 15px 0;
	}
}

#portfolio-items .project-item .overlay {
    background-color: rgba(225, 224, 223, .9);
}

#portfolio-items .project-item .overlay h2,
#portfolio-items .project-item .overlay a.read-more-btn {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    line-height: 1.1;
}

#portfolio-items .type-portfolio .project-item .details:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}

#portfolio-items .project-type-currently-available-enjoy .project-item .details:before {
	background: url(assets/img/icoon_available.png) no-repeat center center;
	background-size: contain;
}

#portfolio-items .project-type-currently-not-available .project-item .details:before {
	background: url(assets/img/icoon_notavailable.png) no-repeat center center;
	background-size: contain;
}

#portfolio-items .project-type-testbrew .project-item .details:before {
	background: url(assets/img/icoon_testbrew.png) no-repeat center center;
	background-size: contain;
}



/* Story */

body #our-services {
    margin: 150px 0;
}

/* Meet the masters */

body #meet-the-team h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	line-height: 1.1;
    font-size: 22px;
    line-height: 30px;
}

body #meet-the-team em {
	font-size: 16px;
}

body #meet-the-team i {
	font-style: italic;
}

#meet-the-team .team-member a.read-more-btn,
#meet-the-team .team-member a.read-more-btn:hover {
    color: #f5f5f5;
}

body .section-heading [class^="icon-"],
#meet-the-team .team-member .icon-star {
    display: none;
}


/* Single Portfolio */

.single-portfolio #single-project table {
	width: 100%;
	font-size: 18px;
}

.single-portfolio #single-project table tr {
	border-bottom: 1px solid #CCC;
	height: 40px;
}

.single-portfolio #single-project table tr:last-child {
	border-bottom: 0;
}

.single-portfolio #single-project table tr:first-child {
	border-bottom: 1px solid #CCC;
}

.single-portfolio #single-project table td {
	vertical-align: middle;
}

.single-portfolio #single-project img {
	border: none;
	margin: 0;
	border-radius: 0;
	transition: none;
}

.single-portfolio #single-project strong {
	color: #857550;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
}

.single-portfolio #single-project .custom-button {
	width: 65%;
	padding: 5px;
}

.single-portfolio #single-project .custom-button a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	padding: 10px;
	display: block;
	color: #f3ebe3;
}

.single-portfolio #single-project p {
	font-family: 'Gilda Display', serif;
	font-size: 18px;
	font-weight: 600;
}

.single-portfolio #single-project .show-form > *,
.single-portfolio #single-project .gform_wrapper {
	display: none !important;
}

.single-portfolio #single-project .show-form .gform_wrapper,
.single-portfolio #single-project .show-form .gform_wrapper > *,
.single-portfolio #single-project .show-form .gform_confirmation_wrapper,
.single-portfolio #single-project .show-form .gform_confirmation_wrapper *,
.single-portfolio #single-project .show-form h1,
.single-portfolio #single-project .show-form h1 * {
	display: block !important;
}

@media screen and (max-width: 767px) {
	.single-portfolio #single-project .one_third.last {
		width: 80%;
		margin: -2em auto 2em;
	}
}


/*-----------------------------------------------------------------------------------*/
/* Slider
/*-----------------------------------------------------------------------------------*/

#content-slider .flex-caption {
	background: transparent;
	width: 310px;
	color: #f5f5f5;
	left: 55%;
}

#content-slider .flex-caption .details {
     width: auto !important; 
}

#content-slider .flex-caption .flex-title {
	display: none;
}


#content-slider .flex-caption p {
	color: #f5f5f5;
	font-family: 'IM Fell Great Primer SC', serif;
	font-size: 23px!important;
	line-height: 1 !important;
	font-weight: 900;
	border: none;
	font-style: normal;
}

#content-slider .flex-caption p em {
	display: block;
	padding: .5em 0;
	font-size: .8em;
}

#content-slider .flex-caption a.read-more-btn {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 800;
	font-size: 24px;
}

@media screen and (max-width: 767px) {

	#content-slider .flex-caption {
		display: none;
	}
}


@media only screen and (min-width: 1050px) {

	#content-slider .flex-caption {
		width: 400px;
	}

	#content-slider .flex-caption p {
		font-size: 30px!important;
		line-height: 1.1 !important;
	}
}

@media only screen and (min-width: 1300px) {

	#content-slider .flex-caption {
		width: 500px;
	}

	#content-slider .flex-caption p {
		font-size: 37px!important;
		
	}
}


/*-----------------------------------------------------------------------------------*/
/* I recommend this button
/*-----------------------------------------------------------------------------------*/

.dot-irecommendthis {
	color: #333333;
	display: inline-block;
	width: 65%;
	padding: 5px;
	float: right;
	text-align: center;
	cursor: pointer;
}

.dot-irecommendthis * {
	cursor: pointer;
}

.dot-irecommendthis .dot-irecommendthis-count {
	display: inline-block;
	font-size: 25px;
	line-height: 1.5;
	position: relative;
}

.dot-irecommendthis .dot-irecommendthis-count:before {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background: url(assets/img/like-heart.png) no-repeat top left;	
	background-size: 23px;
    position: absolute;
    left: -30px;
    top: 7px;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

.dot-irecommendthis  .dot-irecommendthis-suffix {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	padding: 10px;
	display: block;
	position: relative;
    border: none!important;
    color: #f3ebe3;
    display: block;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 1px;
    -webkit-mask-image: url(/wp-content/themes/golden/assets/img/mask.png);
    -o-mask-image: url(/wp-content/themes/golden/assets/img/mask.png);
    -moz-mask-image: url(/wp-content/themes/golden/assets/img/mask.png);
    mask-image: url(/wp-content/themes/golden/assets/img/mask.png);
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
    background-color: #857550;
    line-height: 1;
}

.dot-irecommendthis:hover .dot-irecommendthis-suffix {
	background-color: #333;
}


.dot-irecommendthis:hover .dot-irecommendthis-count:before {
	background: url(assets/img/like-heart-black.png) no-repeat top left;
	background-size: 23px;
}


/*-----------------------------------------------------------------------------------*/
/* Gravity forms
/*-----------------------------------------------------------------------------------*/

.single-portfolio #single-project .show-form .gform_confirmation_wrapper {
	font-size: 18px;
}

.gform_wrapper {
	width: 60%;
}

.gform_wrapper .top_label .datepicker {
	width: 47.5% !important;
	padding: .313em .2em;
}

.ui-datepicker select {
    width: 30%;
    display: inline-block;
    margin: 0 5px;
}


.gform_wrapper .top_label .gfield_label,
.ginput_container_textarea {
	float: left;
	width: 50%;
}

.gform_wrapper .units-field {
    width: 50%;
    float: right;
}

.gform_wrapper .top_label .units-field .gfield_label {
    width: 45%;
    background: #333;
    color: white;
    padding: 5px 8px 4px;
    display: block;
    float: left;
    margin: 7px 10px 0px 0;
}

.gform_wrapper .top_label .units-field input.small {
    width: 2.2em;
    padding: .313em .2em;
}

.gform_wrapper .top_label .units-field .ginput_container {
    width: auto;
    display: block;
    float: left;
}

.gform_wrapper .top_label .units-field .gfield_description {
	width: 31%;
	background: #333;
	color: white;
	padding: 3px 8px;
	display: block;
	float: left;
	margin: 7px 0 0px 10px;
	clear: none;
	font-weight: 700;
}

.gform_wrapper .top_label textarea.medium {
	width: 94.5%;
}

.gform_wrapper .gform_footer.top_label {
	width: 50%;
    float: right;
}

.gform_wrapper .gform_footer.top_label input[type=submit] {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 16px;
	padding: 2px 10px;
}

.gform_wrapper .top_label .ginput_container_date {
	width: 50%;
	float: left;
	margin-top: 0em !important;
}

.gform_wrapper .top_label .ginput_container_date label {
	display: none;
}

.gform_wrapper .top_label .gfield_date_day, 
.gform_wrapper .top_label .gfield_date_month, 
.gform_wrapper .top_label .gfield_date_year {
	width: 33.3333%!important;
	margin: 0;
}

@media screen and (max-width: 767px) {

	.gform_wrapper {
		width: 100%;
	}

	body .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	    width: 94.5%;
	}

	.gform_wrapper .top_label .datepicker {
		width: 94.5% !important;
	}

	.gform_wrapper .top_label .gfield_label,
	.ginput_container_textarea {
		width: 100%;
	}

	.gform_wrapper .units-field {
	    width: 100%;
	}

	.gform_wrapper .gform_footer.top_label {
		width: 100%;
	}


}



/* -------------------------------------------------------------------------
 Age check
---------------------------------------------------------------------------- */

body {
	overflow: hidden;
}

#age-check {
	position: fixed;
	background: rgba(233,229,224,0.9);
	background-size: cover;
	width: 100vw;
	height: 100vh;
	min-width: 320px;
	top: 0;
	z-index: 99999;
	overflow: hidden;
	display: flex;
}

#age-check .age-links {
	margin: 40vh auto 0;
}

#age-check .age-links a {
	background-color: #333;
	text-transform: none;
	font-weight: 700;
	font-size: 21px;
	padding: 15px 73px;
	margin: 0 1em;
}