/*
Theme Name: Beecroft
Theme URI: http://themes.muffingroup.com/betheme/
Author: PVDC
Author URI: http://www.pvdc.it/
Description:	Child Theme for Beecroft - Premium WordPress Theme
Template:		beecroft
Version: 		1.6.1.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.full_column .sfondoblog, #full_column #sfondoblog {width:50% !important;}


@media only screen and (min-width: 900px) {
    .full_column .sfondoblog, #full_column #sfondoblog {width: 100% !important; float: none !important;}
    .wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination .vc_pagination {

        position: fixed !important;
        top: 500px;
        left: 50% !important;
        right: 0;

        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 136px;
        height: 200px;
        margin: auto;

    }
}

a.mfn-link{margin: 0px !important;}
.mobile-header-mini #Top_bar .logo, .mobile-header-mini #Top_bar #logo {margin: 0px !important;}
.header-overlay .overlay-menu-toggle{position:absolute;right:40px;top:25px;height:45px;width:45px;line-height:45px;text-align:center;font-size:29px;z-index:9911}


.Latest_news ul li .photo {

    width: 100%;
    border-right-width: 0px;
    border-style: none;
    float: none;
    line-height: unset;

}

.Latest_news ul li.has-post-thumbnail .desc {

    margin-left: 0;
    width: 100%;
    padding-left: 0px;

}

.img_crop {height:200px; overflow: hidden;}

#content_blog { width: 50%; height: 100vh; background-color:#e6e7e8;float:right;display: table;}
.content_singleblog {
    display:table-cell;
    vertical-align:middle;
padding:0px 200px;}
.content_singleblog p {color:#797a7d;}

.header-simple #Top_bar:not(.is-sticky) .top_bar_left{top:-61px}

#Side_slide #menu {text-align:right; text-transform: uppercase;}
#Side_slide #menu ul li {border:0px !important;}

/***** RESPONSIVE IN ORIZZONTALE!!!! *********/

@media only screen and (orientation:landscape) and (max-width: 900px){

    .full_column, #full_column {min-height: 100vh !important;} /* div column metà pagina, a differenza della visualizzazione normale che è fullscreen */
    h1 {font-size: 40px !important;}
    .blocco {

        padding: 0px 100px !important;

    }
    #Top_bar {

        top: 0px !important;}
    #overlay-menu, .overlay-menu {margin-top: -100px !important;}
    .Overlay, #Overlay {overflow: scroll;}
}

@media only screen and (min-width: 500px) and (max-width: 900px) {

    #Top_bar #logo img, #Top_bar .column, .header-empty #Header {height:75px !important;}
}

@media only screen and (orientation:portrait) and (min-width: 768px) and (max-width: 900px) {

    #Top_bar {

        top: 0px !important;}
}
/***** FINE RESPONSIVE IN ORIZZONTALE!!!! *********/

#Overlay {

    position: fixed;
    top: 0;
    right: 0 !important;
    width: 45% !important;
    left: auto  !important;
    height: 100%;
    z-index: 9910;
    display: none;
    opacity: 1 !important;
}
#Overlay {

    background: rgba(230, 231, 232, 1) !important;
    transition: 0.0s !important;

}
#overlay-menu {left: auto !important; right: 0px !important;}
#overlay-menu ul li a {font-size: 38px !important; line-height: 74px !important; margin-right:55px;}
#overlay-menu ul li {

    text-align: right !important;
    text-transform: uppercase !important;

}
#overlay-menu ul li a:hover {color: #a3191c !important;}
/*a:hover {color: #a3191c !important;}*/

#img_blog {width: 50%; float:left;background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;}
@media only screen and (max-width: 900px) {
    #img_blog, #content_blog {width: 100% !important; float: none !important;}

}
a.mfn-link.mfn-link-6{color:#a3191c !important;}
a.mfn-link {font-size:20px;}
#Top_bar {
    z-index: 200 !important;
}

#footer_menu, .footer_menu {display: table; width: 100%; padding-right:60px; text-align:right;margin-top:18%;line-height: 5px; font-size: 11px;}
table th, table td {border:0px !important; border-style: hidden !important; box-shadow:none !important;}
table tr {border-bottom:5px !important;}
table {font-family: "FuturaStd-light", Arial, Tahoma, sans-serif;font-size:14px;}

.layout-full-width.header-fw #Top_bar .container {

    max-width: 100%;
    margin: 0px;
    padding: 0px;}

@media only screen and (min-width: 900px) {
    .logo_menu {display:none !important;}
}

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

@media only screen and (max-height: 720px) {
    #overlay-menu ul li a {font-size:28px !important; line-height: normal !important; }
}
/*.overlay-menu, #overlay-menu {padding-top:88px;}*/

.fl-callout .fl-photo-content a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: all 0.3s;
}
.fl-callout:hover .fl-photo-content a:before {
    opacity: 1;
}
html, .full_column_scroll, #full_column_scroll, body{
    scroll-behavior: smooth !important;
}
.blocco, #blocco {-webkit-overflow-scrolling: touch !important;}

.close, .close:hover, .close:active, .close:link, .close:visited; .close:default {color: #004b5a !important; opacity: 1 !important;}
.close .icon-cancel-fine, .icon-cancel-fine  {color: #004b5a !important; opacity: 1 !important;}
::placeholder {
    color: #004b5a !important;
}
a:focus, a:hover a:active {#004b5a !important;}

/******** RESPONSIVE MENU BAR ************/
@media only screen and (min-width: 55px) and (max-width: 900px) {
    .header-overlay .overlay-menu-toggle {
        top: 17px !important;
    }
}
.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination .vc_pagination {width: auto !important;}

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

    #overlay-menu ul li a{
        margin-right: 0px !important;
    }
    #footer_menu, .footer_menu {padding-right:24px;}
}

.littlelink {font-size:18px !important;}
#overlay-menu ul li a::after,#overlay-menu ul li a::before {
    content: normal !important;
}

.login h1 a {
    background-size: 200px !important; width: 100% !important; height: auto;}