/*
Theme Name: Sympathique Child
Theme URI: http://deliciousthemes.com/
Description: A Multipurpose WordPress Theme
Author: Madalin Tudose
Author URI: http://deliciousthemes.com/
Template: sympathique
Version: 1.4
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../sympathique/style.css');


/* =Theme customization starts here
-------------------------------------------------------------- */

.logo img{
    max-height: none;
    padding: 0;
    height: 70px;
}

#navigation{
    float: none;
    margin-left: -174px;
}

.searchform-switch,
.searchform-switch i
{
    line-height: 64px;
    height: 64px;
}

ul#mainnav > li > a{
    margin-bottom: 0;
    margin-top: 0;
    line-height: 14px;
    height: 56px;
    text-align: center;
    width: 87px;

    display: table-cell;
    vertical-align: middle;

    padding: 0 10px;    
    font-size: 11px !important;
}

ul#mainnav > li > a > span{
    line-height: 10px;    
}



.logo{
    line-height: 64px;
    height: 64px;
}
ul#mainnav > li.current-menu-item > a, ul#mainnav > li.current-item > a, .page-template-template-onepage-php ul#mainnav li.active a,
ul#mainnav > li.sfHover > a,
ul#mainnav li a:hover,
ul#mainnav li a:active,
ul#mainnav li a.current
{
    background-color: #fff100 !important;
    color: #000 !important;
}

.blog-feed-details a:hover,
#portfolio-carousel a:hover,
table#wp-calendar tbody td a{
    color: #e1472f;
}
table#wp-calendar tbody td a{
    color:#e1472f;
    background:#fafafa;	
}
.countdown_section{
    background: #e1472f;
    color: #fff;		
}
ul#mainnav li ul{
    top: 69px !important;    
}
ul#mainnav li ul li ul{
    top: -2px !important;
}
ul#mainnav li > ul > li{
    background-color: rgba(120,120,120,0.6) !important;    
}
ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active{
    background-color: transparent;
    color: #FFF;
}

ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active{
    width: 270px;
    border: none;
}

ul#mainnav > li ul li.sfHover > a,
ul#mainnav li, ul#mainnav li:hover, ul#mainnav li a:hover{
    border: none !important;
}

ul#mainnav li ul {
    width: 300px !important;    
}

ul#mainnav li ul li ul {
    left: 40px !important;
    position: relative !important;
    width: 180px !important;
    background: none !important;
    display: inherit !important;
    visibility: visible !important;
    top: 0px !important;
}

ul#mainnav li ul li ul li{
    width: 260px !important;
}
ul#mainnav li ul li ul li a{
    width: 235px !important;    
    border-bottom: 1px solid #FFF;
    border-bottom: none;
    padding-left: 10px;
}

ul#mainnav li ul li ul li ul li a{
    width: 195px !important;    
}
ul#mainnav li ul li ul li ul li{
    width: 220px !important;
}

ul#mainnav li ul li ul li.nav-first-item {
    border-top:none;
}

ul#mainnav a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

ul#mainnav li ul.sub-menu > li {
    border-top: 1px solid #FFF !important;
}

ul#mainnav li ul.sub-menu > li ul.sub-menu li {
    background-color: transparent !important;
}

ul#mainnav li ul li a:active{
    padding-left: 15px !important; 
}
ul#mainnav li ul li ul li a:active{
    padding-left: 10px !important; 
}

ul#mainnav > li > a > span{
    border: none;
}

#footer {
    position: relative !important;
    border-top: 5px solid #FFF !important;
    outline: 10px solid #fff100;
}


.bgtitle h2, .homepage-clients h2, ul#home-filters li a{
    background-color: #e7e7e7;
}

.bgtitle{
    border-bottom: 2px solid #686868 !important;
}

@media only screen and ( max-width: 1280px ) {
    ul#mainnav > li > a{
        width: 85px;
        padding: 0 3px;    
        font-size: 10px !important;
    }
    #navigation{
        float: none;
        margin-left: -162px;
    }
}

#posts h2.widgettitle{
    color: #444444;
    font-family: Open Sans;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

#posts .widget_text, #posts .widget_dt_fancy_contact{
    margin-bottom: 0px;
}
.share-options{
    margin-top: 20px;
}

h2.vc_custom_heading:before { content:  "\00a0\00a0\00a0 ";
}

.pinterest-sharer, .google-sharer, .delicious-sharer{
    display: none !important;
}
		
h2.vc_custom_heading{
    background-color: #e7e7e7;
    /*float: left;*/
    font-size: 13px;
    font-weight: 600 !important;
    line-height: 26px;    
    /*text-transform: uppercase;*/
    width: 100%;
    font-family: Open Sans !important;    
    box-sizing: content-box !important;
    /*height: 25px;*/
    margin-bottom: 15px;
    padding-bottom: 1px;
    padding-top: 4px;
}
h2.vc_custom_heading:after {
    content:"\a0";
    display:block;
    margin-top: 5px;
    line-height:1px;
    border-bottom:2px solid #686868;        
    border-top: 3px solid #F3F3F3;
}

.vc_pageable-slide-wrapper a.vc_gitem-link{
    border-bottom:2px solid #686868;       
}

.vc_pageable-slide-wrapper .vc_custom_heading{
    background: none !important;
    text-transform: none !important;    
}
.vc_pageable-slide-wrapper .vc_custom_heading p {
   color: #a1a1a1;
   display: inline-block;
   padding-bottom: 15px;
   background: none;
   padding-top: 5px;
   line-height: 14px;
   font-size: 12px !important;
   font-weight: normal;
   color: #686868;
   border: 0;
       
}
.vc_pageable-slide-wrapper .vc_custom_heading p:empty {
   display: none;
}
.vc_pageable-slide-wrapper .vc_gitem-zone-mini, .vc_pageable-slide-wrapper .vc_gitem-zone-mini .vc_gitem-col{    
    padding: 0;    
}
#tagline, .portfolio-nav{
    display: none !important;
    visibility: hidden !important;
}
#image-subheader .block-title h1{
    border: 0 !important;
    max-width: 400px;
    margin-top: 5px;
    font-size: 28px !important;
    color: #fff100 !important; 
    font-weight: 400;
    text-align: right;    
}

#image-subheader .block-title {
    float: right;
    background:rgba(0,0,0,0.5);
    display: none;
}


@media only screen and ( min-width: 1281px ) {
    body.home div.logo img{
        height: 110px;
    }
    body.home ul#mainnav > li > a {
        padding-top: 27px !important;
        padding-bottom: 27px !important;
    }
    body.home .searchform-switch, 
    body.home .searchform-switch i{
        height: 110px;
        line-height: 110px;
    }
    body.home ul#mainnav > li > ul{
        top: 110px !important;
    }
}

label{
     color: #444444;
}

/*
.homepage-grid .portfolio li.item-wide, .homepage-grid .portfolio li.item-wide img {
        width:550px !important;
        height:450px !important;
}

.homepage-grid .portfolio li.item-small,.homepage-grid  .portfolio li.item-small img {
        width:265px !important;
        height:215px !important;
}
*/

#estiare-portfolio-grid ul#home-filters li a{
    padding: 3px 12px;
}

.homepage-grid .portfolio li.item-high,.homepage-grid  .portfolio li.item-high img {
        width:197px !important;
        height:336px !important;        
}

.homepage-grid .portfolio li.item-long, .homepage-grid .portfolio li.item-long img {
        width:405px !important;
        height:158px !important;
}

@media only screen and ( max-width: 1280px ) {
    #estiare-portfolio-grid #home-filters{
        margin-top: 30px !important;
    }
    #estiare-portfolio-grid .bgtitle {
        height: 54px;
    }
    #estiare-portfolio-grid ul#home-filters li a{
        padding: 3px 6px;
    }
}


#top-header .column-last{
    width: 100%;
}

#home-filters{
    display: none;
}

.clients li a {
	opacity:0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
        height: 150px;
}

@media only screen and (min-width: 1281px) {
    .clients li {
	padding:0 64px !important;        
    }
}

@media only screen and (max-width: 1023px) {
    #navigation{
        margin-left: 0;
    }
    .menu li{
        list-style: none;
    }    
}

.list-icon-angle-right p{
    margin-bottom: 0;
    padding-left: 11px;
}
.fa-angle-right::before{
    color: red;
}


.page-template-template-portfolio-php #formal-subheader .theme-breadcrumbs,
.single-portfolio #formal-subheader .theme-breadcrumbs, 
.page-template-template-portfolio-php #regular-subheader .theme-breadcrumbs, 
.single-portfolio #regular-subheader .theme-breadcrumbs {
    display: block !important;
}

.vc-zone-container-custom img{
    margin-top: -2px;
}
.vc-zone-container-custom {
    border-bottom: 2px solid #686868;
}


.formal-content h1{
    display: none;
}

.theme-breadcrumbs > a{
    font-weight: bold;
}

section.portfolio-single .vc_col-sm-8{
    width: 62%;
}
section.portfolio-single .vc_col-sm-4{
    width: 38%;
    text-align: justify;
}
.grid-item-on-hover .grid-text{
    width: 80%;
}

.portfolio-single .vc_grid.vc_grid-owl-theme.vc_grid-gutter-25px .vc_grid-owl-nav .vc_grid-owl-next, 
.portfolio-single .vc_grid.vc_grid-owl-theme.vc_grid-gutter-25px .vc_grid-owl-nav .vc_grid-owl-prev {
    margin-top: -67px;
    color: #000;
    font-size: 30px;
}


.vc_toggle_title h4:before { content:  "\00a0\00a0\00a0 ";
}


.vc_toggle_title h4{
    background-color: #e7e7e7;    
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 26px;        
    width: 100%;
    font-family: Open Sans !important;    
    box-sizing: content-box !important;
    /*height: 25px;*/
    margin-bottom: 15px;
    padding-bottom: 6px;
    padding-top: 4px;
  	padding-right: 10px
}

.vc_toggle_content h5{
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 2px;
}
.vc_toggle_content p{
  font-size: 15px;  
  text-align: justify;
}

.default-pointer a{
    cursor: default !important;
}



#floatmenu .logo img{    
    max-height: 110px;
  	margin-top: -5px;
}

#floatmenu ul#mainnav > li > a {
    height: 55px;
    line-height: 15px;
}

#floatmenu .searchform-switch, #floatmenu .searchform-switch i {
    height: 110px;
    line-height: 108px;
}



#image-subheader div{
    background-position: center auto !important;
    background-repeat: no-repeat !important;    
    background-size: cover !important;
}


.flags_language_selector {
    display: block !important;
}

.page-id-2018 .tp-bullet {
    width: 14.2857% !important;
}

ul#mainnav li ul{
	background: rgba(0,0,0,0.8) !important;
	padding: 0 !important;
}