/*
Theme Name: cornerstone-child
Description: Child theme for the Cornerstone starter theme
Author: Paul Istrate
Author URI: https://eruisw.com
Template: cornerstone
Version: 1.1
GitHub Theme URI: https://github.com/norboo/cornerstone-child-theme
GitHub Branch: master
*/

@import url(../cornerstone/style.css);
@import url(flaticon/flaticon.css);

body{font-family: HelveticaNeue-UltraLight;}
.row{max-width:70rem;}

.alignleft {display: inline; float: left; margin-right: 1.625em;}
.alignright {display: inline; float: right; margin-left: 1.625em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

.widget_nav_menu ul,.widget_recent_entries ul,.clearing-thumbs{list-style:none}
.widget ul{margin-left: 0; list-style: none;}

.top-bar .title-area .name a {
	font-size: 1.0625em;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 0 15px;
	line-height: 45px;
}
h3{font-size: 1.4rem;}
.fullWidth{max-width:100%;}

.orbit-container {background: transparent;}

#content,.sidebar{margin-top: 1em;}

.entry-content ul:not([class*="block-grid-"]):not(.clearing-thumbs){margin-left:2em;}

.fullWidth{width: 100%;margin-left: auto;margin-right: auto;max-width: initial;}

.sub-pages{list-style:none;margin:0;padding:0;background:#efefef;display: flex;justify-content: center;}

.sub-pages li a{padding:0.5rem;color:#444;font-size:1rem;display: inline-block;font-weight: bold;}
.sub-pages li a:hover{color:#3E5050;}
.sub-pages li.active a{color:#fff; background: #3E5050;}

.row-padding{padding:1rem;}

#footer a{font-size:0.8125rem;}

/* Small screens */
/* Define mobile styles */
@media only screen { } 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {

    .logo{max-width: 150px; height: auto;}
    .box-home .columns{text-align: center !important;}
} 

/* Medium screens */
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 
    .home-title{padding-top: 3rem; }
} 

.home-title{color: /*#006838*/#688039;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) { 
    /*.box-home{background:url(img/mountain-reflection-1920x1000.jpg) no-repeat;background-size: cover;background-position: bottom; height: 900px;}*/
} 

 .box-home{background:url(img/mountain-reflection-1920x1000.jpg) no-repeat;background-size: cover;background-position: bottom; height: 900px;}

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { } 

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { }

/** Boxes/Main Structure **/
.box{padding:1rem 0;}
.box-wherewework{background: #52BC67; padding:0 0 0 0;}
.box .row{padding-bottom:1rem;}

/** Footer **/
#footer{background: #3E5050;color:#fff;}
#footer a{color:#fff;}

.inner{padding:1rem;}

.signature{font-size:0.8125rem;color: #222 !important;}
.signature a{color:#52BC67 !important;}

/** Extras **/

.intro-box p{color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);font-weight: bold;}
p{font-family: Arial, Helvetica, sans-serif;}

.logo{width:100%;height:auto;}
.ghost-btn{
border: 1px solid #fff;
border-radius: 0;
min-width:200px !important;
color: #fff;
font-family: HelveticaNeue-UltraLight;
letter-spacing: 0.0625em;
text-align:center;
padding:10px;
display:inline-block;
border-radius: .5rem;
font-weight: bold;
}
.ghost-btn.primary{
    border:1px solid #3E5050;
    color:#3E5050;
}

.ghost-btn:hover {
border:1px solid #3E5050;
/*color:#3E5050;*/
background:#3E5050;
color:#fff;
transition: all 0.5s ease-in; 
}

.ghost-btn-2{
border:1px solid #52BC67;
color:#52BC67;
-webkit-transition: all 0.5s ease-in;
border-radius: 0;
min-width:200px !important;
font-family: HelveticaNeue-UltraLight;
letter-spacing: 0.0625em;
text-align:center;
padding:10px;
display:inline-block;
}

.ghost-btn-2:hover{
background: #52BC67;
color:#fff;
}

.row{overflow: hidden;}

.panel{border:0;}

.loop-element{padding-bottom: 1rem; /*border-bottom: 1px solid #efefef; margin-bottom: 1rem;*/}

/* Profiles Pages */
.profile img{width:128px; height:128px;background:#fff;padding:1rem;border-radius: 100px;}
.sponsor img{padding:0; max-height: 80px !important; width: auto !important;}
.sponsor{background:#fff !important;border:1px solid #fff;}
/*.sponsor:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3);}*/
a .sponsor{border: 1px solid #efefef;}

.panel .profile_location{line-height: 5rem;height:5rem;width: 5rem;text-align: center;margin:0 auto;color:#fff;border-radius: 2.5rem;}
.China{background: #BE1E2D;}
.Bhutan{background: #ef8c22;}
.Kyrgyzstan{background: #006838;}
.Scotland{background: #6D726F;}
.Canada{background: #A3B2AA;}
.Russia{background: #3f3fbb;}
.Tajikistan{background: #ebac0b;}

.heading-box{position:relative;}
.heading-box img{width: 100%; height: auto;}
/*.post-extras{position:absolute; top:0;left:0;}*/


.attachment-large-header{width:100%;height:auto;}

.reveal-modal .inline-list{margin-left:0 !important;margin-right:1rem;}

.profile{}
.move-to-bottom{}

.columns img{width: /*100%*/;}

/* Placemarks */

.bgmp_placemark h4 {
    margin: 0 !important;
    padding: 5px 0;
    font-size: medium !important;
    line-height: normal !important;
    font-weight: normal !important;
}
.bgmp_placemark h3 {
    margin: 0 !important;
    padding: 5px 0;
    font-size: medium !important;
    line-height: normal !important;
    font-weight: bold !important;
}

/* Profiles Modal */

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    }

    .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    display: flex;
    flex-direction: column;
    }

    .profile-header{
        display:flex;
        gap: 20px;
    }
    .profile-header .wp-post-image{
        height: 100%;
    }

    .close-modal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    }

    .close-modal:hover,
    .close-modal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    }
    .open-modal{
        margin-top: 1rem;
        display: inline-block;
        padding: .5rem;
        background: transparent;
        border-radius: .5rem;
    }

    .profile .board-role{
        color: #767676;
        font-size: 1.2rem;
    }
    .panel.profile{
        border-radius: 10px;
        transition: box-shadow 0.3s ease; 
        border: 1px solid #fff;
    }
    .panel.profile:hover{
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .panel.profile:hover .open-modal{
        background: #008CBA;
        color: #fff;
        
    }

    .panel.location{
        display: flex;
        flex-direction: column;
    }

    .mapboxgl-popup{
        z-index: 1000;
        margin-top: -21px;
    }
    .mapboxgl-ctrl-zoom-in,
    .mapboxgl-ctrl-zoom-out,
    .mapboxgl-ctrl-compass{
        margin: 0;
    }
    .mapboxgl-popup-close-button{
        background: #333;
        color: #fff;
        padding: .5rem .5rem;
        border-radius: 0 0 0 0;
        line-height: 1rem;
        height: 2rem;
        width: 2rem;
    }
    .mapboxgl-popup-close-button:hover{
        background: #666;
        color: #fff;
    }
    .mapboxgl-popup-content{
        padding: 2rem .5rem .5rem;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact {
        min-height: 24px;
    }

    .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib-button{
        /* width: 20px;
        height: 20px;
        overflow: hidden; */
        background-repeat: no-repeat;
        padding: 0 0 0 0;
    }

    .panel{
        border-radius: .5rem;
        background: rgba(182, 182, 182, 0.1);
        border: 1px solid transparent;
        /* margin: 0 20px 1rem; */
        transition: all 0.3s ease;
    }

    .panel:hover{
        border: 1px solid #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }

    .heading-padding{
        padding: 2rem 1rem;
    }