/*
Theme Name: GV Child
Description: This is a child theme for GV Theme
Author: Igor 
Template: gv
Version: 4.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#new_post_thumb {
    width: 65px;
}
.new_post_thumb.column-new_post_thumb {
    text-align: center;
}

/**  Header Top Language  **/
.nav>li>a{
    color: #fFFFff;transition: all .2s;}
.is-outline {color: #8c8c8c;}
.h1, h1 {
    font-size: 2.7em;
	line-height: 1.3;
}

.dark.nav-dropdown.nav-dropdown-bold>li.nav-dropdown-col, .dark.nav-dropdown.nav-dropdown-simple>li.nav-dropdown-col, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a, .nav-dark .nav>li.header-divider, .nav-dark .header-divider:after, .nav-dark .nav-divided>li+li>a:after{border-color: #fff;}  
.nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button { color: #ffffff;}
.dark .nav>li>a:hover, .dark .nav>li.active>a, .dark .nav>li>a.active .nav-dark .nav>li.current>a, .nav-dark .nav>li>a:hover, .nav-dark .nav>li.active>a, .nav-dropdown.dark>li>a:hover, .nav-dropdown.dark .nav-column>li>a:hover, .nav-dark a.plain:hover, .nav-dark .nav>li>a.active { color:rgba(255,255,255,0.8);}

.social-icons.follow-icons{font-size: 18px;}

.GvLang a, .GvLangFirst a {text-transform: capitalize;}
.GvLangImg a {padding-left: 0!important;}
li.GvLangImg {background-color: rgba(255, 255, 255, 0.22); text-align: center;}
.GvLangImg .image-icon img {width: 26px;}
.mobile-sidebar .GvLangImg .image-icon {opacity: 1;}

@media (min-width: 850px){
    .GvLangFirst>a:after {
    width: 0px;
    border-left: 0!important;
    height: 0!important;
    margin-top: 0!important;
    left: 0!important;

}

    .GvLang >a:after{
     /*
        content: '';
        border-left: 1px solid red!important;
        height: 15px;
        margin-top: -7px;
        left: -5px;
    */
    }
}
    
/** FINE Header Top Language  **/

/** Header Top Bar **/

.GvTopContactsNumb, .GvTopNav li a {font-size: 14px;}

/*Bottone 1 Header*/
    a.button.secondary {
        border: 1px solid white;
    }

@media (max-width: 849px){
    a.button.secondary {
        width: 100%;
    }
}
/*Fine Bottone 1  Header*/

/** FINE Header Top Bar **/


/* INIZO Portfolio (guide)*/

/*immagine header title*/
.page-title-inner.container.flex-row.dark.GVPortTitle {
    padding: 150px 10px;
}
@media (max-width: 400px){
    .page-title-inner.container.flex-row.dark.GVPortTitle {
        padding: 50px 10px;
    }
}

/*portfolio breadcrumb*/

.GVPortBreadc {
    padding: 4px 20px;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f2f2f2;
}
/* FINE Portfolio (guide)*/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/*************** Prova hover banner   ***************/

div.gvBan{overflow: hidden;}
div.gvBan h4{margin-bottom: 0;}
div.gvBan .text-box {
    width: 100% !important;
    bottom: 0;
}
div.gvBan h4,
div.gvBan .button{
    max-height: 0;
    opacity: 0;
    transition: opacity 0.4s ease-out;
    overflow: hidden;
}

/*div.gvBanTxtHov .text-inner.text-center,*/
/*div.gvBanTxtHov .text-inner.text-right,*/
/*div.gvBanTxtHov .text-inner.text-left,*/
div.gvBan .text-inner{
    background-color: rgba(54, 140, 216, 0.85);
    -webkit-transition: height 0.4s ease-out, opacity 0.4s ease;
    -moz-transition: height 0.4s ease-out, opacity 0.4s ease;
    -ms-transition: height 0.4s ease-out, opacity 0.4s ease;
    -o-transition: height 0.4s ease-out, opacity 0.4s ease;
    transition: height 0.4s ease-out, opacity 0.4s ease;
    height: 70px;
}
/*div.gvBanTxtHov:hover .text-inner.text-left,*/
/*div.gvBanTxtHov:hover .text-inner.text-center,*/
/*div.gvBanTxtHov:hover .text-inner.text-right,*/
div.gvBan:hover .text-inner{height: 150px;}

div.gvBan:hover h4,
div.gvBan:hover .button{
    opacity: 1;
    max-height: 100%;
    transition: opacity 0.4s ease-in;
}
@media (max-width : 1024px){
/*@media (max-width : 768px){*/
/*@media only screen and (max-width : 768px){*/
    div.gvBan h4,
    div.gvBan .button,
    div.gvBan:hover h4,
    div.gvBan:hover .button{
    max-height: 100%;
    opacity: 1;
    overflow: hidden;
    transition: none;
    }
    div.gvBan .text-inner,
    div.gvBan:hover .text-inner{  
        height: auto;
    }
}


/*********   GV Spiagge   **************/
.gv-NoMargin {margin:0;max-width:100%; }

/*********  Fine GV Spiagge   **************/

/*********  GV Spiagge Archive  **************/
.gv-Spiagge-Tag-inner{
    z-index: 2;
    position: absolute;
    background:rgba(255, 255, 255, 0.88);
    left: 5px;
    bottom: 5px;   
    padding: 10px;
}
.gv-tags-inner a {
    line-height: 28px;
}
/*********  FINE GV Spiagge Archive  **************/

/*********  GV Spiagge Single  **************/
.gv-TagsSpiPG, .gv-TagsSpiPG span.dashicons.dashicons-tag.gv-tag-icon {
    color: #acacac;
}
.gv-TagsSpiPG a {
    font-size: 14px;
    line-height: 16px;
    background-color: #1f9dd8;
/*    background-color: #47B8E0;*/
    color: white;
    padding: 2px 8px;
    font-weight: 500;
    border-radius: 4px;
}
/*********  Fine GV Spiagge Single  **************/


/*********   GV Search   **************/
.gv-search-postItem {padding: 0 5px 15px 5px;}
.gv-tags a{font-size: 13px;}
@media (max-width: 849px){
    .gv-tags a{font-size: 15px;}
}
/*********   Fine GV Search   **************/
/*********   GV  Custom post types   **************/
.gv-CTPPostTit{
    
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
/*    padding-bottom: 5px;*/
/*    padding-top: 8px;*/
}
/*********   Fine GV  Custom post types   **************/

/*********   GV Tag Icon   **************/
.gv-TagInPage{width:100%; padding: 5px 2%;}
.gv-TagInPage a{font-size: 16px;}
.gv-tag-icon{ font-size: 24px; color:#0073d8;margin-right: 5px;}
/*********   Fine GV Tag Icon   **************/

/*********    GV gv-PostTypeTxt   **************/
.gv-PostTypeTxt{font-size: 14px;}
/*.gv-PostTypeTxt,.gv-PostTypeTxt a{font-size: 14px;}*/
/*********    Fine GV gv-PostTypeTxt   **************/

/*********   Gv ToolTips   **************/

.gv-tooltip {
    position: relative;
    display: inline-block;
/*    border-bottom: 1px dotted black;*/
}

.gv-tooltip .gv-tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
    font-size: 18px!important;
    line-height: 20px;
    padding: 2px 5px 8px;
}

.gv-tooltip .gv-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.gv-tooltip:hover .gv-tooltiptext {
    visibility: visible;
    opacity: 1;
    font-size: 18px;
}

/*********   Fine Gv ToolTips   **************/

/*********  Zoom Image hover   **************/
.parent {
/*  width: 400px; */
/*  height: 300px;*/
}

.child {
  width: 100%;
  height: 100%;
     -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.parent:hover .child,
.parent:focus .child {
  transform: scale(1.2);
/*transition: all .5s;*/
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}


.child::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
/*  background-color: rgba(52, 73, 94, 0.75);*/
  background-color: rgba(0, 115, 216, 0.41);
}

.parent:hover .child:before,
.parent:focus .child:before {
  display: block;
}
.child b.gvchildReadM {
    display: none;
/*    display: none!important;*/
/*    font-size: 35px;*/
    font-size: 25px;
    color: #ffffff !important;
    font-family: sans-serif;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50px;
    cursor: pointer;
    /*text-decoration: none;*/
    -webkit-transition: all 1.3s ease-out;
    -moz-transition: all 1.3s ease-out;
    -ms-transition: all 1.3s ease-out;
    transition: all 1.3s ease-out;
    
}
.parent:hover .child:before, .parent:focus .child:before {
    display: block;
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}

.parent:hover b, .parent:focus b,.child b.gvchildReadM:hover,.child b.gvchildReadM:focus {
/*.parent:hover a, .parent:focus a,.child a.gvchildReadM:hover,.child a.gvchildReadM:focus {*/
    display: block!important;
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    transition: all 1.3s ease;
}

.gvchildReadM span.dashicons.dashicons-admin-links {
    width: 80px;
    height: 80px;
    font-size: 50px!important;
    font-size: 3.5vw;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 60px;
    padding-top: 15px;
    padding-right: 4px;
    background-color: #666;
    position: relative;
    margin-top: -15px;
}
/*********  Fine Zoom Image hover   **************/

/*********  Header Image Spiagge   **************/
.gvHeaderImg { 

	max-width: 100%; 
/*	max-width: 960px;  actual img width */
	/*height: 150px; /* actual img height - IE7 */
/*	background-image: url(students.jpg);*/
	background-size: cover;
	background-position: center center;
/*    background-position: 85% 50%;*/ /*Focal Point */
    height: 400px;
}
.gvHeaderImg:after {

	content: " ";
	display: block; 
	width: 100%; 
	padding-top: 4.918%; /* slope */
	height: 102.786px; /* start height */
}
/*********  Fine Header Image Spiagge   **************/



/*********  PROVA GV Guide   **************/

.gv-guide-nav-Pre,.nav-previous.gv-guide-nav{padding-left: 20px;} 
.gv-guide-nav i.icon-angle-left{margin-left: 0!important;} 
.gv-guide-nav-Nex,.nav-next.gv-guide-nav{padding-right: 20px;} 
.gv-guide-nav i.icon-angle-right{margin-right: 0!important;} 
.gv-ListPostTxtColinner h3 {margin-bottom: 0;}
.gv-ListPostTxtColinner p.from_the_blog_excerpt.small-font.show-next.text-left {margin: 8px 0 5px 0;}
.gv-ListPostLine { height: 1px; background-color: rgba(76, 76, 76, 0.68); margin: 10px auto;}
.col.gv-ListPostImgLF, .col.gv-ListPostTxtRG {padding-bottom: 0;}
.row.large-columns-3.medium-columns-.small-columns-1.gv-NoMargin {margin: 0;}
.col.gv-ListPostButtCont.medium-12.small-12.large-12 {padding-bottom: 5px;padding-top: 12px;}
a.button.primary.is-outline.lowercase.gv-BlogCat-But {margin: 0;}

/*********  FINE PROVA GV Guide   **************/


/*********  Blog e Articoli overlay   **************/
.title-overlay.fill {
    background-color: rgba(0, 0, 0, 0.4) !important;
}
/*********  FINE Blog e Articoli overlay   **************/

/*Coockie InfoBar*/
    .cookieContainerDiv{
        position: fixed;
        width: 100%;
        margin: 0px;
        left: 0px;
        bottom: 0px;
        padding: 4px;
        z-index: 9999;
        text-align: center;
        background-color: #fc0;
/*        background-color: rgba(255, 230, 29, 0.7);*/
        font-size: 15px;
        line-height: 22px;    
    }
/*    #cookieBBChoiceInfo a{*/
    .cookieContainerDiv a.dismissOK{
        border: 1px solid #555;
        color:#000;
        display:inline-block;
        border-radius:3px;
        text-decoration:none;
/*        padding:0 6px;*/
        padding:2px 20px;
        margin-left:8px;
/*        background:#ff9819;*/
        background:#99ccff;
    }    
    .cookieContainerDiv a.dismissOK:hover{
        background:#fff;
    }
    .cookieContainerDiv a.dismissMore{
        border:none;
        color:#000;
        display:inline-block;
        text-decoration:underline;
        padding:0 6px;
        margin-left:8px;
    }
    .cookieContainerDiv a.dismissMore:hover{color: #0066cc;}

/* Fine Coockie InfoBar*/