/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04-Aug-2017, 17:00:41
    Author     : pgeorgiades
*/

.main_content *, .mainbodyContent *, .fa-cvs, .personContactDiv *{
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
    color: rgb(21, 49, 69) !important;
}

.glyphicon { font-family: 'Glyphicons Halflings' !important; }
.fa{ font-family: FontAwesome !important; }
.panel{
    background: #153140;
}
.mainbodyContent img{
    max-width: 350px !important;
    height: auto !important;
}
.contactpage{
    padding-top: 10%;
}

.main_content, .pageWrapper{
    width: 65%;
    margin: 10px auto;
    min-height: 700px;
    padding-top: 10%;
    padding-bottom: 3%;
}
.hasSlider>.main_content{ padding-top: 2%;}

.pageWrapper{ width: 90%;}

.mainbodyContent *{
    font-size: 13.5px !important;
}

.main_content h1{
    margin-bottom: 15px;
}

.mainbodyContent ul li, .mainbodyContent ul li a, .mainbodyContent ol > li >a, .mainbodyContent ul li > span{ 
    font-size: 14px !important;
}
.mainbodyContent ul > li > a, .mainbodyContent ol > li >a{ color: #153140 !important;}

.PageTopHeader{
    margin-bottom: 25px;   
}

.itemCol{margin-top: 40px; height: 310px;}
.eventsCol{ margin-top: 60px; height: 325px;}

.allitemsContent{
    background: #153140;
    padding: 10px 5px 15px 5px;
}

.heightAuto{ height: auto !important;}
.thumbPicture {
    display: inline-block;
    width: 285px;
    height: 150px;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
}

.date_event_center{
    text-align: center;
    padding-bottom: 10px;
}

.eventIntroP{
    height: 70px;
    padding: 10px 5px 10px 5px;
}

.itemHeader h1 a, .itemHeader h4, .itemHeader h3, .date_event_center, .eventIntroP{
    color: #F4C300 !important;
} 

.itemHeader h1 a:hover, .itemHeader>h4 a:hover, .allitemsContent a{
    text-decoration: none !important;
}

.itemHeader{ height: 66px;}

/* Newsletter */
.newsletterInterviews, .newsletterArticles{
    height: 400px;
}

.newsletterPicture{
    display: inline-block;
    width: 350px;
    max-width: 100%;
    height: 250px;
    margin: 5px;
    background-position: center center;
    background-size: cover;
}

.newsletterRight{
    position: relative;
    padding-bottom:19px;
/*    background: url('/assets/images/newsletter.jpg');*/
    background-size: cover;
}

.newsletterRight .form-control{
    height:34px;
}

.newsletterHeader{
    display: inline-block;
    position: absolute;
    right: 0;
    margin-top:12px;
    padding: 0px 14px 0px 14px;
    background: rgba(100,100,100,0.6);
    z-index: 20;
}

.newsbody{ margin-top: 20px;}


.newsletterWell{
    background-color: transparent !important;
    border: none !important;
    padding-bottom: 0 !important;
}

.newsletterArticles a:hover, .newsletterInterviews a:hover{ text-decoration: none !important;}

.newsletterslider .image{
    background-position: center center;
    background-size: cover;
    height: 180px;
}

.newsletterSliderHeader{
    position: absolute;
    z-index: 20;
    text-align: center;
}

.newsletterSliderHeader h2{
    padding: 20px;
    margin: 60px 0px 0px 0px;
    font-size: 22px;
    font-weight: bold;
    background: rgba(24, 36, 70, 0.9);
    display: inline-block;
} 

.newsHeader h1{
    font-size: 42px!important;
    text-decoration: none;
}

.newsDateHeader{
    padding-left: 5px;
    font-size: 15px !important;
}

.right_news_column{
    padding-left: 11%;
    padding-right: 11%;
    padding-top: 15%;
    height: 900px;
}

.right_news_column h1{
    margin-bottom: 7%;
    font-size: 15px!important;
}

.right_news_column p{
    font-size: 13px!important;
    font-style: italic;
}

.right_news_column .rightColHeader{
    padding-bottom: 3%;
    padding-top: 3%;
    font-size: 30px!important;
    border-top: 5px solid #727272;
}

.right_news_column a{
    text-decoration: none;
}


.right_column .rightColHeader{
    padding-bottom: 3%;
    font-size: 30px!important;
    border-bottom: 1px solid #727272;
}

.ourOffice h3{ padding-top: 15px;}

.contactSendBtn{ 
    font-size: 13px !important; 
    background-color: rgba(24, 36, 70, 0.85) !important;
    opacity: 1 !important;
}



#loginEmail, #loginPassword{
    color: #ffffff;
    background:rgba(100,100,100,0.5);
    text-align: center;
    border: none;   
}
.forgotPassword{
    font-weight: bold;
    font-size: 80%;
    text-decoration: none;
    color: #ffffff;
}

.header-right{
    margin-top:20px;
}

.header-login-form{
    margin-top:13px;
}

.loginButton{
    border: 0; 
    background: transparent;
}

.loginButton img{
    width:22px;
}

.loginRegister .panel-body{
    padding:30px;
}

.loginRegister .form-control{
    height:36px;
    width: 260px;
    padding-left:15px;
}

.loginRegister form input:-moz-placeholder { /* Firefox 18- */
    color:grey!important;
}

.loginRegister form input::-moz-placeholder {  /* Firefox 19+ */
    color:grey!important;
}

.loginRegister form input:-ms-input-placeholder {  
    color:grey!important;
}

.loginRegister form input::-webkit-input-placeholder{
    color:grey!important;
}

.loginRegister form input::-webkit-input-placeholder{
    color:grey!important;
}

.loginRegister a{
    color: #ffffff;
}

.loginRegister .signuphere{
    color:grey!important;
}

.loginRegister .panel-info {
    border-color: rgba(24, 36, 70, 0.85);
}

.panel-info > .panel-heading { background-color: rgba(24, 36, 70, 0.85); border-color: rgba(24, 36, 70, 0.85);}

.loginRegister .panel-info > .panel-heading{
    color: #ffffff;
/*    background: rgba(24, 36, 70, 1);
    border-color: rgba(24, 36, 70, 1);*/
}

.loginRegister .btn-info {
    color: #ffffff!important;
    background-color: rgba(24, 36, 70, 0.85) !important;
    border-color: rgba(24, 36, 70, 0.85) !important;
    border-radius: 0px!important;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    opacity: 1 !important;
}

.loginRegister .btn-info:hover{
    color: #333333 !important;
    background-color: white !important;
    border-color: rgba(24, 36, 70, 0.85) !important;
}

/* bussiness opportunities */
.headerimagerow{
    margin-top: 95px;
    background: rgba(255,255,255,0.6)
}

/* some of the events css */
/*.eventContent, #eventResult{ padding-left: 0px !important;}*/

.fromHeader, .toHeader{ color: rgba(73, 99, 173, 0.85) !important;}
.eventP p{ font-size: 13px;}

.field-type-text-with-summary{
    padding-left: 0px !important;
    color: #F4C300;
    text-align: center;
}

/* newsletter */
.newsletterContainer_content h2{
    color: #707070!important;
    font-weight: bold;
    margin-bottom: 1%;
}

.newsletterContainer{ margin-top: 80px;}

.newsletterContainer .page-header{
    text-align: center;
}

.staffSection{
    display: block;
    margin: 0 auto 25px auto;
}

.staffSection img{
    width: 240px;
    height: 155px;
    display: block;
    margin: 0 auto;
}

.staffLeftInfo img{
    width: 240px;
    height: 155px;    
}

.staffWrapper{ padding: 20px 10px;}
.staffWrapper h5{ margin-top: 20px;}

.staffWrapper h3 > a, .staffLeftInfo h3{
     text-decoration: none;
    color: black;
     -webkit-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in; 
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;     
    
}
.staffWrapper h3 > a:hover{
    color: blue;
     -webkit-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in; 
    -moz-transition: all 0.35s ease-in;
    transition: all 0.35s ease-in;     
}

.staffLeftInfo h3{ color: blue; }
.staffLeftInfo h5{ margin-top: 35px;}

.staffContainer{ margin-top: -10px !important;}

.sliderImage{ margin-top: 62px; }

@media (max-width: 1150px){
 .thumbPicture { width: 233px; }
}

@media (max-width: 1000px){
     .contactpage .form-control { width: 80%;  margin-left: 10%;}
}

@media (max-width: 600px){
    
    .main_content p img, .main_content img, .pageWrapper p img, .pageWrapper img, .mainbodyContent img{display: block; float: none !important; max-width: 100% !important;}
    .mainbodyContent img{ margin-left: auto; margin-right: auto;  }
    .main_content, .pageWrapper{ width: 100% !important;}

    .right_news_column { padding: 0 !important;}

    .hasSlider{ padding-top: 4% !important;} /* if the page has a slider image -> less padding top */
    
    .loginRegister .form-control { width: 100%; }
    .sliderImage{ margin-top: 82px; }
    
    .column .padding { padding-left: 0px !important;}
    
    .bootstrap-select > .dropdown-toggle { width: 100% !important;}
    .newsletterContainer .bootstrap-select .dropdown-menu{ margin-top: 34px; width: 100% !important;}
    
    .PageTopHeader h2{ font-size: 23px !important; }
    .labelCategory, .newsDateHeader, .PageTopHeader h2{ float: none;}
    .itemHeader{height: auto;}
    
    .eventP p{ font-size: 8.5px;}
    .toHeaderCol{ padding-bottom: 5px;}
    .itemCol, .newsletterInterviews, .newsletterArticles { height: auto;}
    
    .field-type-text-with-summary{
        float: left !important; 
    }
    
    .contactDivDetails{text-align: left !important;}
    .contactpage .header{ font-size: 18px !important; padding: 0; height: auto; }
    
    .contactpage .textarea{ height: auto;}
 
    .contactpage .map {
        min-width: 100%;
    }    
    /*.g-recaptcha{ margin-left: -23px;}  */
}

@media (max-width: 400px){
    .g-recaptcha{ margin-left: -23px !important;}  
}

@media (max-width: 1200px){ 
    .pageWrapper, .main_content , .contactpage{
        margin-top: 80px;
    }
    
    .hasSlider>.main_content{ margin-top: 0px;}
}

@media (min-width: 750px) and (max-width: 1200px){
    .pageWrapper, .main_content{ width: 98%; }
    .homeContent{ margin-top: 50px;}    
}