/*
Theme Name: Boo Child
Theme URI: http://boo.themerella.com/
Author: ThemeRella Team
Author URI: https://themeforest.net/user/themerella
Template:  boo
Description: Versatile, Powerful and Ultimate Wordpress Theme Made by Themerella. Boo is endlessly customizable, fully responsive and retina ready Wordpress theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: boo
Tags: featured-images, two-columns, custom-header, custom-menu, flexible-header, full-width-template, post-formats, theme-options
*/
.hideit { display:none !important}

html, body {
    overflow-y:auto;
}

h1 { margin-top:20px; margin-bottom:10px }
h2 { margin-top:20px; margin-bottom:10px }
h3 { margin-top:10px; margin-bottom:5px }
H1 + H3 { margin-top:-30px; margin-bottom: 20px }

p { margin-top:0; margin-bottom: 15px }

li { line-height: inherit }

video { width:100%; height:auto; max-width:100% !important }

.wpb_content_element { margin-bottom: 20px !important}
.aspect-ratio-container { max-width:none !important; max-height: none !important}
UL.social-icon { display: block; text-align: center}

/* this is older */
.color-bg-content *, .color-bg-content a {color: #FFF !important}
.color-bg-content > .vc_column-inner { background-color: rgba(163,33,97,0.6) !important; color: #FFF !important }

.white-text *, .white-text > *, .color-bg *, .color-bg a {color: #FFF !important}
.color-bg > .vc_column-inner > .wpb_wrapper { background-color: rgba(163,33,97,0.6) !important; color: #FFF !important; padding:10px 30px !important }

.contact-gray input, .contact-gray textarea { color: #333 !important}

.captcha .wpcf7-form-control-wrap { transform: scale(0.9); }

.social-icon li { font-size: 1.5em }
.branded i.fa-rss:before { /* content: "\f212" !important */ content:"" !important; background: url("images/blog-icon.png"); background-size: cover; width:24px; height: 24px }


@media (min-width: 768px) {
    .five_columns { margin-left: -8.33% !important; margin-right: -8.33% !important }
	.five_columns .vc_col-sm-2 { width: 20% }
}


/* TOP RIGHT BOX */
.top-right-box > .vc_column-inner {
	background-color: rgba(163,33,97,0.6) !important;
	color: #FFF !important;
}
.top-right-box > .vc_column-inner h3 { margin-bottom: 10px }

/* TESTIMONIAL WIDGET */
.testimonial-widget {
	width:100%;
	height: 100px;
}

/* TOOLTIP */
.social-icon li { position: relative }
.social-icon-tooltip { 
	display:none;
	position:absolute;
	top:45px;
	left:50%;
	transform: translateX(-50%);
	background: rgba(163,33,97,0.7);
	padding:3px 7px;
	font-size:12px;
	line-height: 1.2;
	border-radius: 2px;
}
.social-icon li:hover .social-icon-tooltip { display: block }
.social-icon.scheme-dark.square li a { background-color: transparent}


/* SEARCH */
.widget_search LABEL {
	width:calc(100% - 45px);
	display: inline-block;
	margin:0;
	height: 40px;
}
.widget_search LABEL:after { display: none }
.widget_search INPUT.search-field {
	padding: 0.8em 1.3em;
	height: 40px;
	border: 0;
	color:#000 !important;
}
.widget_search input[type="submit"] {
	width: 40px;
	height: 40px;
	border-radius:0;
	margin-top:0;
	display: inline;
	padding:0;
	font-size:1em;
	line-height:0;
	background: url("images/search-icon.png") no-repeat center center;
	text-indent: -999px;
}

/* BACKGROUND */
#content, .main-header .main-bar-container {
    background-repeat: no-repeat;
    background-size:auto;
    background-attachment: scroll;
    background-position: center top;
	background-color: transparent;
}
#content {
	padding-top:15px;
	background-image: url("../boo-child/images/bg-content.png");
	background-repeat: repeat-y !important;
}
.main-header .main-bar-container {
	background-image: url("../boo-child/images/bg-menu.png");
	background-size: cover;
}
.main-header .secondary-bar {
	background-image: url("../boo-child/images/bg-top.png");
	background-size: cover;
	background-position: center center;
}

/* HEADER */
.header-module .wpb_content_element { margin-bottom: 0 !important }
#headeremaillink { margin-bottom: 0 !important }

/* MAIN MENU */
.main-bar .main-nav {
	justify-content: center;
	flex-wrap: nowrap;
}
.main-bar .main-nav > li {
	flex-grow: 1;
}
.main-bar .main-nav > li > a {
    display: inline-block;
    margin: 0 auto;
}

.main-nav ul.nav-item-children li {
	line-height: normal;
	padding:0 10px;
}
.main-nav ul.nav-item-children li a { 
	line-height: 1.5;
	padding:8px 15px;
}
.main-nav ul.nav-item-children li.current_page_item a {
	background: #a32161;
	color: #FFF;
}

/* FOOTER */
.main-footer {
	padding:0;
}

/* TABS */
#verticalpagemenu UL { list-style: none; padding:0 }
#verticalpagemenu LI A {
	display: block;
    color: #555;
	padding: 12px 20px 8px;
    background-color: #FFF;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
	line-height: normal;
	margin-bottom: 10px;
	border-bottom:4px solid #FFF;
}
#verticalpagemenu LI A:hover {
	border-bottom:4px solid #a32161;
}
#verticalpagemenu LI.current-menu-item A {
	color:#FFF;
	background-color: #a32161;
	border-bottom:4px solid #a32161;
}

.nav-stacked>li { margin-bottom: 0 !important }
.tc-tabs-style1 { padding:0 !important; background: none !important; border: 0 none !important }
.tc-tabs-style1 UL.nav-tabs LI a { color:#555 !important; background-color: #FFF !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 1px !important; text-transform: uppercase !important}
.tc-tabs-style1 UL.nav-tabs LI a:after { background-color: #a32161 !important }
.tc-tabs-style1 .tab-content { margin-top:0 !important; padding:0 !important }
.tc-tabs-style1 .tab-content * { color: #FFF !important }
.tc-tabs-style1 .tab-content .wpb_content_element { margin-bottom: 0 !important }
.tc-tabs-style1 .tab-content .header-image { position: absolute; width: 100%}
.tc-tabs-style1 .tab-pane { color:#FFF; background-color: rgba(163,33,97,0.6) !important; padding:10px 30px 30px !important }

@media (max-width: 992px) {
	.tc-tabs-style1 UL.nav-tabs { padding-right:0 !important }
}
@media (max-width: 767px) {
	.tc-tabs-style1 UL.nav-tabs LI { width: 100% !important }
}


/* SERVICII */
.cereoferta-box .wpb_wrapper { position: relative}
.cereoferta-box h2 { position:absolute; margin:0; padding:0 20px; top:50%; width: 100%; transform: translateY(-50%)}

.folder-box .wpb_wrapper { position: relative}
.folder-box h2 { color:#FFF; position:absolute; margin:0; padding:0 20px; top:50%; width: 100%; transform: translateY(-50%)}

/* PORTOFOLIU */
.portfolio-info strong { font-weight: 700 }
#portofoliu-tabs LI.vc_tta-tab { width:25%; vertical-align: top }
#portofoliu-tabs LI.vc_tta-tab > A {
	background:none !important;
	border:0 none !important;
	color:#555;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 1px;
	padding-top:0;
}
#portofoliu-tabs LI.vc_tta-tab > A SPAN { margin:0 !important }
#portofoliu-tabs LI.vc_tta-tab.vc_active > A { color:#a32161 }
#portofoliu-tabs LI.vc_tta-tab > A IMG { padding:0 5px 10px; max-width: 100% }

#portofoliu-tabs .wpb_image_grid .wpb_image_grid_ul .isotope-item { position: inherit!important; top:inherit !important; left:inherit!important}
#portofoliu-tabs .wpb_image_grid .wpb_image_grid_ul img { margin:5px }

#portofoliu-tabs h2.wpb_gallery_heading { font-size: 24px !important; text-align: center !important; font-weight: 600 !important }

.wpb_image_grid .wpb_image_grid_ul { text-align: center }
.wpb_image_grid .wpb_image_grid_ul .isotope-item { position: inherit!important; top:inherit !important; left:inherit!important; margin:5px; display: inline-block; text-align: center; float: none}

.vc_images_carousel .vc_carousel-control { width:auto !important }

.color-button a {
	color: #FFF !important;
	background: #a32161 !important;
}
.color-button a:hover {
	color: #a32161 !important;
	background: #FFF !important;
}

.masonry-filters.classic li { color:#555; font-weight:bold; font-size:15px }
.masonry-filters.classic li:hover, .masonry-filters.classic li.active { color: #a32161 }
.masonry-filters.default li:hover>span:first-child span:after, .masonry-filters.default li.active>span:first-child span:after, .masonry-filters.classic li:hover>span:first-child span:after, .masonry-filters.classic li.active>span:first-child span:after { background-color:#a32161  }
.portfolio-item.grid .portfolio-content { padding:1em 5%}
.portfolio-item a { color:#555}

/* ACF FORM */
.acf-fields > .acf-field, .field_group > .acf-field { padding:0 20px 20px !important; }
.acf-field {
	border-top:0 none !important;
	margin:0 !important;
}
.acf-field[class*="column-layout"] { clear: none }
.acf-field .acf-label { margin:0 0 5px !important }

.field_group { background:#EBEDF3; padding:0 20px; margin-top:20px; margin-bottom:40px; border:5px solid #CFCFD7  }
h3.field_group_description { font-size:1.4em; text-align:center; margin:0 -20px 20px; background:#CFCFD7; padding:10px 0; text-transform: uppercase}
P.af-field-instructions { font-size: 14px; margin:10px 0 }
ul.acf-radio-list li, ul.acf-checkbox-list li { font-size: 14px !important }

.field_group > .acf-field.acf-field-message { padding-bottom: 0 !important }
.field_group H5 { font-size:17px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #999}

.acf-error-message p { margin:0.2em 0 !important }

.g-recaptcha > div { margin: 0 auto }

.af-submit.acf-form-submit { text-align:center }
.af-submit.acf-form-submit BUTTON {
    background: #a32161;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .2s;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 2px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-border-radius: 2px;
    width: auto;
	max-width:100%;
    font-weight: 700;
    cursor: pointer;
    padding: 17px 100px 14px;
	margin:0 auto;
    line-height: 21px;
    font-size: 18px;
}
.af-submit.acf-form-submit BUTTON:hover {
	background: #333;
}

@media (max-width: 768px) {
	.acf-field-columngroup { width: 100% !important }
}

/* PORTFOLIO ANIMATED FOLDER */
.animated-folder .folder { 
	position: relative;
	-webkit-perspective: 16000px;
	perspective: 16000px;	
}

.animated-folder .folder IMG {
	max-width: 100%;
	position: absolute;	
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	outline: 1px solid transparent;	
}

.animated-folder .folder .folder-back,
.animated-folder .folder .folder-face { 
	position: absolute; top:0; left:0;
	-webkit-transform-origin: bottom center;
	transform-origin:bottom center;
}

.animated-folder .folder .folder-p1, .animated-folder .folder .folder-p2, .animated-folder .folder .folder-p3 { 
	position: absolute; top:10px; 
	-webkit-transform: scale(1) translate(-50%, 0);
	transform: scale(1)  translate(-50%, 0);	
}
.animated-folder .folder .folder-p1 { left:25% }
.animated-folder .folder .folder-p2 { left:50% }
.animated-folder .folder .folder-p3 { left:75% }

.animated-folder .folder:hover .folder-face {
	-webkit-transform: rotateX(35deg);
	transform: rotateX(35deg);
}
.animated-folder .folder:hover .folder-p1 {
	-webkit-transform: scale(1.1) translate(-60%,-20%) rotate(-15deg);
	transform: scale(1.2) translate(-60%,-20%) rotate(-15deg);
}
.animated-folder .folder:hover .folder-p2 {
	-webkit-transform: scale(1.1) translate(-50%,-40%);
	transform: scale(1.2) translate(-50%,-40%);	
}
.animated-folder .folder:hover .folder-p3 {
	-webkit-transform: scale(1.1) translate(-25%,-20%) rotate(15deg);
	transform: scale(1.2) translate(-25%,-20%) rotate(15deg);
}