/*
Theme Name: Namo Child
Description: Namo Child Theme
Author: Brand Exponents
Template: namo
Version: 1.0
*/

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


@font-face {
	font-family: 'fishmongerkmedium_light';
	src: url('fonts/fhmgr-5-medium-3-light-webfont.eot');
	src: url('fonts/fhmgr-5-medium-3-light-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/fhmgr-5-medium-3-light-webfont.woff2') format('woff2'),
	     url('fonts/fhmgr-5-medium-3-light-webfont.woff') format('woff'),
	     url('fonts/fhmgr-5-medium-3-light-webfont.ttf') format('truetype'),
	     url('fonts/fhmgr-5-medium-3-light-webfont.svg#fishmongerkmedium_light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'fishmongerkMdLtIt';
	src: url('fonts/fhmgr-5-medium-3-lightita-webfont.eot');
	src: url('fonts/fhmgr-5-medium-3-lightita-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/fhmgr-5-medium-3-lightita-webfont.woff2') format('woff2'),
	     url('fonts/fhmgr-5-medium-3-lightita-webfont.woff') format('woff'),
	     url('fonts/fhmgr-5-medium-3-lightita-webfont.ttf') format('truetype'),
	     url('fonts/fhmgr-5-medium-3-lightita-webfont.svg#fishmongerkMdLtIt') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamBook';
	src: url('fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
	     url('fonts/GothamBook.otf')  format('opentype'),
	     url('fonts/GothamBook.woff') format('woff'),
	     url('fonts/GothamBook.ttf')  format('truetype'),
	     url('fonts/GothamBook.svg#GothamBook') format('svg');
	font-weight: normal;
	font-style: normal;
}



body { font-family: 'GothamBook' !important; line-height: 1.6em !important; }
h1, h2, h3, h4, h5, h6 { font-family: 'fishmongerkmedium_light' !important; letter-spacing: 2px !important; font-weight: normal !important; line-height: 1.4em !important; color: #BA9D17 !important; text-transform: lowercase !important; }
	h4 { letter-spacing: 6px !important; }
	h5 { font-family: 'fishmongerkMdLtIt' !important; font-size: 26px !important; line-height: 1.1em !important; letter-spacing: 1px !important; text-transform: none !important; }
	h6 { letter-spacing: 1px !important; font-size: 20px !important; }

#header-inner-wrap, body.header-transparent #header #header-inner-wrap.no-transparent { background-color: #3C3C3B !important; }

.header-controls { margin-right: 20px; }
.header-controls, #navigation .menu { line-height: 80px !important; }
#navigation { font: normal normal 11px 'GothamBook' !important; float: none !important; text-align: center; }
#navigation .menu { display: inline-block; margin: 0 auto !important; }
#navigation a { letter-spacing: 0 !important; padding: 0px 15px !important; }

#logo { width: 160px; margin: 10px 0; }
#sub_logo { float: right; }
	#sub_logo img { width: 130px; margin: 20px 0; }
#header-inner-wrap.stuck #logo, #header-inner-wrap.top-animate #logo { margin: 10px 0 !important; }
#header-inner-wrap { border-bottom: none !important; }
/*
#header-inner-wrap { margin-top: 30px !important; }
#header-inner-wrap.stuck { margin-top: 0 !important; }
*/

.hero-section-wrap.be-section.full-screen-height { background-size: 90% !important; background-position: center top !important; }
.hero-section-inner { vertical-align: bottom !important; }
.hero-section-inner h1 { font-family: 'fishmongerkMdLtIt' !important; text-transform: lowercase !important; color: #FFFFFF !important; font-size: 3vh !important; padding-bottom: 65px; line-height: 1.1em !important; }

.hero-section-wrap > .be-row { background-color: rgba(0,0,0,0); }

.special-h-tag { font-family: 'fishmongerkmedium_light' !important; color: #BA9D17; padding: 0 !important; }
	.special-heading-wrap.style1 .special-h-tag { text-transform: uppercase !important; letter-spacing: 1px !important; }
.column-block .special-heading-wrap .special-heading { margin-bottom: 25px !important; }

.column-block .be-text-block.bounceInLeft { margin-bottom: 45px !important; }

.be-text-block img { margin-bottom: 0 !important; }
.be-section.be-bg-cover.full-screen-section .be-no-space .column-block { vertical-align: middle !important; }

#menu_box_icone .one-fourth { padding: 0 !important; margin: 0 !important; display: table-cell; **vertical-align: middle; text-align: center; cur}
#menu_box_icone .one-fourth .be-text-block { padding: 100px 20px; background-color: rgba(0,0,0,0.6); transition: all 0.4s ease; }
	#menu_box_icone .one-fourth:hover .be-text-block { background-color: rgba(0,0,0,0.4); transition: all 0.3s ease; }
	#menu_box_icone .one-fourth .be-text-block p { margin-bottom: 10px !important; }

	#menu_box_icone .box_ico { width: 90px; }
	#menu_box_icone h6 { font-family: 'fishmongerkMdLtIt' !important; text-transform: lowercase !important; color: #FFFFFF !important; font-size: 13px; letter-spacing: 1px !important; }

	.boxside_ico { width: 70px; padding: 0 0 10px 20px !important; }

.be-section.full-screen-section { min-height: 100vh !important; height: auto !important; }
.be-section.full-screen-section .be-row.be-no-space { height: 100%; min-height: 100vh !important; }
.be-section.full-screen-section .be-row.be-no-space > .one-half.column-block { background-size: 40% !important; background-position: center 30% !important; }

.be-section:before {
	content: "";
	display: block;
	**margin-top: -60px;
}

.highlight { color: #BA9D17; text-transform: uppercase; }

.bounce {
	position: absolute;
	bottom: 0;
	left: 50% ;
	width: 60px;
	height: 60px ;
	margin-left:-30px;
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}
.bounce a { display: block; }
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.portfolio .element-inner img:before { background-color: rgba(0,0,0,0.7) !important; }
#gallery_grid .portfolio-container .element:last-child, #gallery_grid .full-screen.full-screen-gutter .portfolio-container .element { margin-bottom: 15px !important; } /*modificare anche in script.js*/
#gallery_grid .full-screen-gutter .element .element-inner { margin-left: 15px !important; } /*modificare anche in script.js*/
.portfolio-container-overlayed-color { position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; }
.thumb-overlay { padding: 0 !important; display: block !important; background-color: rgba(0,0,0,0.1); opacity: 1 !important; }
.thumb-overlay .thumb-bg { display: none !important; background-color: transparent !important; }
.thumb-overlay:hover .thumb-bg { display: inline-table !important; }

input[type="submit"], .action-button .be-button {
	margin: 0px 20px 10px 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 13px;
	line-height: 13px;
	padding: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: transparent !important;
	border: 2px #BA9D17 solid !important;
	font-family: 'fishmongerkmedium_light' !important;
	color: #BA9D17 !important;
}
input[type="submit"]:hover, .action-button .be-button:hover {
	background-color: #BA9D17 !important;
	color: #000000 !important;
}
p.half-float { float: left; margin: 0; width: 50%; }
p.half-float input[type="text"], p.half-float input[type="email"], textarea { width: 100%; margin: 10px 0 15px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
p.half-float input[type="text"], p.half-float input[type="email"] { height: 30px; }
p.half-float input[type="text"] { width: 95%; }
textarea { height: 140px; }

ul.social_icons { list-style: none !important; padding: 0; }
ul.social_icons li { float: left; display: inline-block; margin-right: 10px; }
ul.social_icons li a { display: block; transition: all 0.3s ease; }
ul.social_icons li a:hover { background-color: #222; transition: all 0.3s ease; }
.my_icon_facebook { display: block; width: 33px; height: 33px; background-size: contain !important; background: url('images/my_icon_facebook.png') no-repeat center; }
.my_icon_instagram { display: block; width: 33px; height: 33px; background-size: contain !important; background: url('images/my_icon_instagram.png') no-repeat center; }
.header-controls ul.social_icons { margin-top: 28px; }
.header-controls .my_icon_facebook, .header-controls .my_icon_instagram { width: 24px; height: 24px; }

#footer { border-top: 1px #222 solid; }
#copyright { color: #868686; font-size: 11px; }
.logo_pushstudio { width: 107px; height: 25px; vertical-align: middle; margin-left: 10px; }



#av-overlay-wrap { background-color: rgba(0,0,0,0.85) !important; color: #000 !important; }
#av-overlay { background: #BA9D17 url('images/av-bg-image.png') no-repeat -50% 120% !important; }
#av-overlay h1 { color: #FFFFFF !important; font-size: 34px !important; line-height: 1.1em !important; letter-spacing: 4px !important; }
#av-overlay input[type="submit"] {
	font-family: 'fishmongerkmedium_light' !important;
	display: block; width: 70%; margin: 30px auto 0;
	background-color: transparent !important;
	border: 2px #FFFFFF solid !important;
	color: #FFFFFF !important;
	**text-transform: none !important;
	font-size: 20px !important;
	letter-spacing: 3px !important;
}
#av-overlay input[type="submit"]:hover {
	background-color: #FFFFFF !important;
	color: #000000 !important;
}
#av-overlay { width: 30% !important; margin: 15% auto 0 !important; }


.loghi_row { display: table; margin-top: 60px; }
.loghi_row .cell { display: table-cell; vertical-align: middle; padding: 6px 20px; }
	.loghi_row .cell img { max-height: 60px; margin: 0; }
	.loghi_row .cell:nth-child(1) { padding-left: 0; margin-left: 0; }
	.loghi_row .cell:nth-child(2) { border-left: 1px #FFFFFF solid; padding-right: 8px; }
	.loghi_row .cell:nth-child(3) { border-right: 1px #FFFFFF solid; padding-left: 8px; }
	.loghi_row .cell:nth-child(4) img { max-height: 50px; }

#bottom-widgets { padding: 10px 0; }
#bottom-widgets-wrap { font-size: 12px; }
#bottom-widgets-wrap img { max-height: 100px; width: auto; }




/*** iPad Pro Breakpoint ***/
	@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1024px) and (max-width: 1024px) {
		.be-section.be-bg-cover.be-bg-overlay.full-screen-section { background-attachment: scroll !important; }
	}
	@media only screen and (min-device-width : 1024px) and (max-device-width : 1024px) and (min-device-height : 1366px) and (max-device-height : 1366px) and (min-width: 1366px) and (max-width: 1366px) {
		.be-section.be-bg-cover.be-bg-overlay.full-screen-section { background-attachment: scroll !important; }
	}
/***************************/
@media all and (max-width: 1024px) {
	#menu_box_icone .one-fourth .be-text-block { padding: 60px 20px; }
	.be-section.be-bg-cover.be-bg-overlay.full-screen-section { background-attachment: scroll !important; }
}
@media all and (max-height: 900px) {
	#av-overlay { width: 40% !important; margin: 10% auto 0 !important; }

	.hero-section-wrap.be-section.full-screen-height { background-size: 80% !important; }
}
@media all and (max-width: 960px) {
	#logo { margin-left: 10px; }
	.header-controls ul.social_icons { float: right; }
	.menu-controls { margin-left: -13px !important; }
	.mobile-nav-controller-wrap { float: left; line-height: 90px !important; }
}
@media all and (max-width: 768px) {
	#av-overlay { width: 70% !important; margin: 30% auto 0 !important; }

	.hero-section-wrap.be-section.full-screen-height { background-size: cover !important; }
	.be-section.full-screen-section .be-row.be-no-space > .one-half.column-block { background-position: 90% 45% !important; }
}
@media all and (max-width: 767px) {
	#hero-section .be-wrap { max-width: 100% !important; }
	#menu_box_icone .one-fourth { display: block; }
	.be-no-space .column-block { min-height: auto !important; }
	.boxside_ico { width: 40px !important; }
	.be-section.full-screen-section .be-row.be-no-space > .one-half.column-block { background-position: center center !important; background-size: contain !important; }
}
@media all and (max-width: 425px) {
	#av-overlay { height: auto !important; position: relative !important; }
	#av-overlay h1 { font-size: 22px !important; }
	#av-overlay input[type="submit"] { width: 100%; font-size: 16px !important; }
}
