/*
Theme Name: Uace Hydria Project | Child
Author: Nisar Abed Staff. Virtualgeo
Author URI: http://www.virtualgeo.eu
Theme URI: http://www.virtualgeo.eu
Description: UACE Hydria Project (CreDiT Creative Digital Waters - Grecia)
Version: 2.0
Template: uace
Text Domain: uace_hydria_project
*/

/* -----------------------------------------------------------------------
Effects */

/* Img effects */
.uace_img_link.zoom img,
.uace_img_link.uil4x4.zoom img,
.uace_img_link.uil4x4.zoom:hover img,
.uace_img_link.uil4x4.zoom:focus img {
    transform: scale(0.95);
    transition: 0.2s ease all;}

.uace_img_link.zoom:hover img,
.uace_img_link.zoom:focus img,
body.coloring .uace_img_link.zoom:hover img,
body.coloring .uace_img_link.zoom:focus img,
.uace_img_link.uil4x4.zoom .uace_img_link_4:hover img,
.uace_img_link.uil4x4.zoom .uace_img_link_4:focus img {
    transform: scale(1.0);
    transition: 0.2s ease all;}

    
/* -----------------------------------------------------------------------
ArtIng */
body.arting .text_intro_arting.txt_big h1 {
    font-family: "OpenSans-Regular", sans-serif, Arial;
    font-size: 120px;
    line-height: 120px;}

body.arting .link {
    color: #121212;
    text-decoration: none;
    outline:none;
    transition: 0.2s ease all;}

body.arting .link:hover {
    color: #005abe;
    transition: 0.2s ease all;}


/* -----------------------------------------------------------------------
Footer */

#colophon, 
.layout-full #colophon {
    background-color: #000000;
    border-top: 1px solid #242424;}

body .uace_logos_footer {
    padding-top: 2px;
    padding-bottom: 2px;}

body.fullscreen.videoguide #colophon {overflow:visible;}


/* -----------------------------------------------------------------------
Modal Crediti */

.uace_modal.uacem_credits {}

.uace_modal.uacem_credits img.logo {
    max-height: 80px;
    max-width: 100%;}

.uace_modal.uacem_credits .uace_modal_close
.uace_modal.uacem_credits .uace_modal_close:hover {transition: 0.2s ease all;}

.uace_modal.uacem_credits .uace_modal_close:hover {color: #fff;}

.uace_modal.uacem_credits .uace_modal_content {
    max-width: 90%;
    font-size: 16px;
    font-family: "OpenSans-Light", sans-serif, Arial;
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.7);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);}

.uace_modal.uacem_credits .uace_modal_content .list_title {font-size: 18px;}

.uace_modal.uacem_credits .uace_modal_content,
.uace_modal.uacem_credits .uace_modal_content a {
    color:#cccccc;
    transition: 0.2s ease all;}

.uace_modal.uacem_credits .uace_modal_content a:hover {
    color: #ec7f22;
    transition: 0.2s ease all;}

.uace_modal.uacem_credits .uace_modal_content strong {
    font-family: "OpenSans-Regular", sans-serif, Arial;
    font-weight: normal;}

.uace_modal.uacem_credits .modal_txt_credits_list {
    position: relative;
    width: 100%;
    height: auto;}

.uace_modal.uacem_credits .modal_txt_credits_list .col-md-12 {margin-bottom:20px;}

.uace_modal.uacem_credits .modal_txt_credits_header {
    display: inline-block;
    margin: 25px auto 0px auto;}

.uace_modal.uacem_credits .modal_txt_credits_header .modal_txt_credits_htitle {
    color:#cccccc !important;
    transition: 0.2s ease all;}

.uace_modal.uacem_credits .modal_txt_credits_header:hover .modal_txt_credits_htitle {
    color: #ec7f22 !important;
    transition: 0.2s ease all;}

.uace_modal.uacem_credits .modal_txt_credits_header img {filter:invert(100%) opacity(0.8);}

.uace_modal.uacem_credits .uace_modal_overlay {}

.uace_modal.uacem_credits .founders .text_box {
    display: block;
    width: auto;
    max-width: 650px;
    margin: 0px auto 0px auto;}

.uace_modal.uacem_credits .founders .separatore {
    border-color: #333;
    width: 60%;
    margin: 0px auto 0px auto;}


/* -----------------------------------------------------------------------
Shortcode > [uace_vginfoandgo] */

.vgiag_box {
    position: absolute !important;
    width: 100%;
    height: auto !important;
    top: 60px !important;
    bottom: 60px !important;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    line-height: 0px;
    color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;}

.vgiag_box .hidden {display: none !important;}

.vgiag_box .close_area {
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    cursor: pointer;
    z-index: 1;}

.title_box,
.par_box {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2;}

.title_box {
    width: 100%;
    font-family: "OpenSans-Bold", sans-serif, Arial;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
    margin: 0px 0px 0px 0px;}

.vgiag_box .title_box .title {
    font-size: 35px;
    line-height: 40px;}

.par_box {
    width: auto;
    max-width: 90%;
    border-radius: 5px;
    margin: 40px auto 40px auto;
    flex-direction: row;}

.vgiag_box .par_box .par {
    width: 450px;
    max-width: 29%;
    margin: 5px 2% 5px 2%;
    padding: 0px 0px 0px 0px;
    height: 55vh;
    font-size: 16px;
    line-height: 22px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    overflow: auto;}

.vgiag_box .par_box .par1 {align-items: start;}

.vgiag_box .par_box .par2 {align-items: center;}

.vgiag_box .par_box .par3 {align-items: end;}

.vgiag_box .btn_minimal {
    color: #ffffff;
    border:1px solid transparent;
    background-color: transparent;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    z-index: 2;}

.vgiag_box .btn_minimal.btn_vgiag_box_lang {
    position: absolute;
    top:60px;
    right:5vh;
    width: 40px;
    height: 40px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
    border:1px solid #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
    border-radius: 50%;
    overflow: hidden;
    z-index: 20;}

.vgiag_box .btn_minimal.btn_vgiag_box_lang .flag {
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}

.vgiag_box .btn_minimal.btn_vgiag_box_lang .flag.en {background-image:url(icons/flags/en.jpg);}
.vgiag_box .btn_minimal.btn_vgiag_box_lang .flag.gr {background-image:url(icons/flags/gr.jpg);}

.vgiag_box .btn_minimal.btn_vgiag_box_close {
    margin:0px 5px 0px 5px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.7);
    font-size: 28px;
    line-height: 30px;}


/* -----------------------------------------------------------------------
Responsive */

.show_ind_ris {display: none;}


/* -----------------------------------------------------------------------------
Iubenda Privacy Controls and Cookie Solution */

body button.iubenda-tp-btn.iubenda-cs-preferences-link {display: none !important;}


/* -----------------------------------------------------------------------
Responsive Media Query */

@media (max-width: 2560px) {} 
@media (max-width: 2050px) {} 
@media (max-width: 1920px) {}
@media (max-width: 1680px) {

    body.arting .text_intro_arting.txt_big h1 {
        font-size: 90px;
        line-height: 90px;}

    .vgiag_box .par_box .par {
        max-width: 31%;
        height: 60vh;
        margin: 5px 1% 5px 1%;}

}
@media (max-width: 1344px) {

    .vgiag_box .par_box .par {
        font-size: 15px;
        line-height: 20px;}

}
@media (max-width: 1280px) {

    .vgiag_box .par_box {
        display: block;
        text-align: center;
        max-height: 50vh;
        padding: 5px 5px 5px 5px;
        overflow: auto;}

    .vgiag_box .par_box:hover {background-color: rgba(0, 0, 0, 0.2);}

    .vgiag_box .par_box .par {
        width:100%;
        display: block;
        max-width: none;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 0px;
        height: auto;}

    .vgiag_box .par_box .par:hover {background-color:transparent;}

}
@media (max-width: 1164px) {

    .vgiag_box {
        top: 50px !important;
        bottom: 50px !important;}

    .vgiag_box .title_box .title {
        font-size: 25px;
        line-height: 30px;}

}
@media (max-width: 1080px) {}
@media (max-width: 1024px) {}
@media (max-width: 999px) {}
@media (max-width: 992px) {

    body.arting .text_intro_arting.txt_big h1 {
        font-size: 70px;
        line-height: 70px;}

}
@media (max-width: 810px) {

    .vgiag_box {bottom: 0px !important;}

}
@media (max-width: 765px) {

    body.arting .text_intro_arting.txt_big h1 {
        font-size: 60px;
        line-height: 60px;}

    .uace_modal.uacem_credits .modal_txt_credits_list .txtl,
    .uace_modal.uacem_credits .modal_txt_credits_list .txtr {text-align: center;}

    .vgiag_box .btn_minimal.btn_vgiag_box_lang {
        top:25px;
        right: 25px;}

}
@media (max-width: 680px) {}
@media (max-width: 640px) {}
@media (max-width: 568px) {

    body.arting .text_intro_arting.txt_big h1 {
        font-size: 50px;
        line-height: 50px;}

    body.arting .text_intro_arting.txt_big h1 span {display: block;}

}
@media (max-width: 480px) {}
@media (max-width: 400px) {}
@media (max-width: 359px) {}
@media (max-width: 320px) {}

/* -----------------------------------------------------------------------
Responsive - Media Queries Max Height */

@media (max-height:965px) {}
@media (max-height:720px) {}
@media (max-height:600px) {}
@media (max-height:480px) {}