/* 
Theme Name:		Hello Elementor Child
Theme URI:		https://elementor.com/
Description:	Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author:			Elementor Team
Author URI:		https://elementor.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:           flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* BEGINN VIRTUAL CONFERENCE STYLES _________________*/

.vc-body {
            margin: -0px 0px 0px 0px !important;
            font-family: Arial, Helvetica, sans-serif;
        } 

.vc-body a:link, .vc-body a:visited {
    color: #4b6ba8 !important;   
}
.vc-body a:hover, .vc-body a:active {
    color: #7f909a !important;
    
}
.vc-body a img:hover {
	opacity: 1;
	filter: alpha(opacity=100) !important;
}

/* =BEGINN HERO
	----------------------------------------------- */  
.register-now-bt {
    margin-top: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    background-color: #4b6ba8; 
    border: 3px solid #4b6ba8 !important; 
    border-radius: 5px; 
    padding-bottom: 0px;
    padding-top:14px;
    padding-left:25px; 
    padding-right: 25px;
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    -webkit-filter: drop-shadow(5px 5px 5px #222 ); 
    filter: drop-shadow(5px 5px 5px #222);
}
.register-now-bt:hover {
    background-color: #f39c7f;
    border: 3px solid #f39c7f !important;
}

.register-now-bt a:link, .register-now-bt a:visited, .register-now-bt a:hover, .register-now-bt a:active {
    color: #ffffff !important;
    }
    
.attend-bt {
    background-color: #5877b4; 
    border: 3px solid #5877b4 !important; 
    border-radius: 5px; 
    padding-bottom: 0px;
    padding: 14px 25px 14px 25px;
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
    text-shadow: 1px 1px 1px black, 1 1 1px black, 1 1 1px black;
    -webkit-filter: drop-shadow(5px 5px 5px #222 ); 
    filter: drop-shadow(5px 5px 5px #222);
    }
    

.attend-bt:hover {
    color: #ffffff !important;
    background-color: rgba(255,255,255, 0.2);
    border: 3px solid rgba(255,255,255, 0.2) !important;
}
.attend-bt a:link {
    color: white !important;
}
.attend-bt a:hover {
    color: white !important;
}
    

.hero-image {
    background-image: url("/wp-content/uploads/2018/09/banner-1-168kb.jpg"); 
    background-color: rgba(0, 0, 0, 0); 
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -100px;

}
.hero-image-layer {
    background-color: rgba(22, 36, 63, 0.6);
    width: 100%;
    height: 100%;
}

.hero-text {
    max-width: 1366px !important;
    margin: auto !important;
    padding-top: 130px !important;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    color: white;
    text-shadow: 4px 4px 8px black, 0 0 25px black, 0 0 5px black;
}
.hero-image img{
    width: 300px;
    -webkit-filter: drop-shadow(5px 5px 5px #222 ); filter: drop-shadow(5px 5px 5px #222);
    padding-right: 30px;
    display: inline-block !important;
    float: left !important;
    margin-right: 30px;

} 


.welcome-wrap {
    width: 100%;
    height: auto;
    background-color: #edeff1;
    padding: 20px 20px 90px 20px;

}

.hero-text, .content-centered, .keynote-container, .single-video {
    max-width: 1366px !important;
    margin: auto; !important
    float: none !important;


}

#teaser-boxes-container, #keynote-container, #footer-container, #contest-videos-container, #session-videos-inner, #session-videos-container, #world-commons-video-wrap, #voting-container-wrap, #contest-intro, #contest-winnners {

    display:                 flex;
    display:                 -webkit-flex; /* Safari 8 */
    flex-wrap:               wrap;
    -webkit-flex-wrap:       wrap;         /* Safari 8 */
    justify-content:         center;
    -webkit-justify-content: center;       /* Safari 8 */
}

.teaser-box {
    background-color: #ffffff;
    padding: 30px 20px 30px 20px !important;
    margin: 15px !important;
    float: left;
    max-height: auto !important;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(171,171,171,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(171,171,171,1);
    box-shadow: 0px 2px 2px 0px rgba(171,171,171,1);
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;
}

.teaser-box ul{
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
    margin-top: -10px;
}

.teaser-box li{
    padding-top:5px;
}

.teaser-box h4:after {
    background: none repeat scroll 0 0 #ed6639;
    bottom: -10px;
    content: "";
    display: block;
    height: 5px;
    position: relative;
    width: 70px;
    margin-bottom: 10px;
 }

.teaser-box a:link, teaser-box a:visited {
    color: #5d81c6 !important;
    
}
.teaser-box a:hover, .teaser-box a:active {
    color: #7f909a !important;
    
}
.teaser-box-img:before {
    background: none repeat scroll 0 0 #ed6639;
    top: -15px;
    content: "";
    display: block;
    height: 5px;
    position: relative;
    width: 70px;
}  

.keynote-wrap {
    width: 100%;
    height: auto;
    background-color: #5a6972;
    background-image: url("/wp-content/uploads/2018/10/dots-for-dark-background.png");
    background-repeat: repeat;
    padding-top: 70px ;
    padding-bottom: 90px;
    padding-right: 20px;
    padding-left: 20px;
}


div.keynote-speaker-img{
    padding: 0px 0px 20px 0px;
    margin: 15px;
    float: left;
    background-color: #edeff1;
    border-bottom: solid 5px #ed6639;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.19), 0 6px 20px 0 rgba(0, 0, 0, 0.18);
}

div.keynote-img-caption {
    text-align: center;
    padding: 10px 20px !important;
    color:black;
}


.wideoWrapper-wraper {
    margin: -30px -20px -20px -20px;

}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.after-video {
    margin-top: 50px;

}

.img-reg-form {
    position: relative;
    width: 100%;
    margin-right: -60px !important;
    margin-left: 0px;
    padding-left -80px !important;
    padding-right: -80px !important;
    max-width:683px;
    height: auto;
}


/* MAIL CHIMP REGISTRATION FORM*/

#mc_embed_signup{
    background:#fff; 
    clear:left; 
    font:18px Helvetica,Arial,sans-serif; }

.registration-wrap {
    width: 100%;
    height: auto;
    padding: 70px 20px 120px 20px;
    background-color: #edeff1;
}

.registration-form {
    max-width: 683px;
    margin: auto;
    padding-left: 0px;
    padding-right: 0px;
    background:#fff !important;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(171,171,171,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(171,171,171,1);
    box-shadow: 0px 2px 2px 0px rgba(171,171,171,1);
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;    
}
.reg-form-input{
    padding-left: 20px;
    padding-right: 20px;
}

.registration-form input[type=text], .registration-form input[type=email] {
    color: #4b6ba8;
}
.register-btn {
    font:18px Helvetica,Arial,sans-serif !important;
    color: white  !important;
    background-color: #4b6ba8 !important;
    padding:10px 25px !important;
    margin-left: 0px !important;
    margin-bottom: 40px !important;
    
}
.register-btn:hover {
    font:18px Helvetica,Arial,sans-serif !important;
    color: white !important;
    background-color: #7f909a !important;
    padding:10px 25px !important;
    margin-left: 0px !important;
    margin-bottom: 40px !important;
    
}

/* BEGINN CONTACT SECTION*/

.contact-wrap {
    background-image: url("/wp-content/uploads/2018/09/contact-banner-dark.jpg"); 
    background-color: rgba(0, 0, 0, 0); 
    max-height: auto !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.contact-wrap-text {
    max-width: 1366px;
    margin: auto;
    height: auto;
    padding: 90px 20px;
    float: none !important;
    text-align: center;
    position: relative;
    color: white;
    text-shadow: 1px 1px 1px #ea4a15, 0 0 1px #ea4a15, 0 0 1px #ea4a15;
}
.contact-image-layer{
    background-color: rgba(237,102, 57, 0.7);
    width: 100%;
    height: 100%;
}

.footer-wraper {
    width: 100%;
    height: auto;
    margin-bottom: -70px !important;
    padding: 15px 20px 0px 20px !important;
    background-color: #1d2224;
}

.footer-container {
    max-width: 1366px !important;
    height: auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display: block!important;
    padding-bottom: 20px;
    
}
.footer-container p {
    color: #f2f2f2;
    font-weight: 300 !important;
    
}

.footer-container a:link, .footer-container a:visited {
    color: #edeff1 !important;
    
}
.footer-container a:hover, .footer-container a:active {
    color: #7f909a !important;
    
}


/* When the width is between 500px and 800px [OR above 1100px ,(min-width: 1100px)],  - change the appearance of <tag> */

 @media screen and (max-width: 700px) and (min-width: 100px){
    .teaser-box {
        width: 99% !important;
        margin-left: 3px !important;
        margin-right: 3px !important;
     } 
     .keynote-speaker-img {
        width: 97% !important;
     }
     .small-100 {width: 98%; height: auto;margin-left: 1% !important; margin-right: 1% !important;} 
     .video-cover {
        margin-left: -5px !important;
         margin-right: -5px !important;
     }
     .hide-mobile {display: none;}
     .vc-2018-nav {width: 100%;}
     .conversation-corner-overlay {margin: -20px !important;}
     .welcome-dicussion-wrap {background-repeat:repeat;}
}

@media screen and (max-width: 1024px) and (min-width: 701px){
    .teaser-box, .keynote-speaker-img {width: 45%;}
    .medium-30 {width: 29%; height: auto; display: inline-block;float: left; margin: 0px 0px;}
    .medium-70 {width: 68%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .medium-50 {width: 47%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .medium-40 {width: 38%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .medium-60 {width: 58%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .medium-20 {width: 18%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .medium-80 {width: 78%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    
    .welcome-video-box {margin-left: 30px; margin-right: 10px;}
    .vc-2018-nav {width: 80%;}
   
}


@media screen and (max-width: 2560px) and (min-width:1025px){
    .teaser-box, .keynote-speaker-img {width: 29%;}
    .large-60 {width: 59%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .large-40 {width: 39%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .large-30 {width: 31%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .large-25 {width: 23%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .large-70 {width: 69%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .large-50 {width: 49%; height: auto;display: inline-block; float: left; margin: 0px 0px;}
    .welcome-video-box {margin-left: 30px;}
    .vc-2018-nav {width: 60%;}
  
}

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

    .hero-text h1{
        font-size: 30px !important;
        line-height: 32px !important;
    }
    .hero-text sup{
        font-size: 15px;

    }
    .hero-image img {
        width: 250px;
        margin-left:auto;
        margin-right:auto; 

    }
}

@media screen and (max-width: 500px){
    .hero-text {
        display: inline-block;
        padding-top: 50px;
        text-align: left;
        content: center;
    }
    
    .hero-text h1{
        font-size: 20px !important;
        line-height: 23px;!important;
        display: inline-block;
    }
    .hero-text h3{
        font-size: 18px !important;
        line-height: 21px;!important;

    }                  

    .hero-text sup{
        font-size: 15px !important;

    }
    .sm-screen{
        display:inline-block;
        
    }
    
    .sm-screen a {
        color: white;
    }
    .hero-image img {
        width: 160px;
        margin-left:auto;
        margin-right:0px;    

    }
    .attend-bt, .inactive-button{
        margin-left:auto;
        margin-right:auto;
    }
    
    .welcome-wrap {
    padding: 20px 1px 90px 1px;

    }
    .registration-form {
        width: 99% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
     } 
    .menu-botton-home, menu-botton { font-size: 26px;}
    .in-session h2 {font-size: 24px !important; 
    }  
}


/* =SMALL MENU
----------------------------------------------- */
.site-header .menu-toggle:hover {
	background: #888888;
}

.main-small-navigation ul li.current-menu-item a  {
	background-color: #A2DFA8 !important;
}

.main-small-navigation a:link, .main-small-navigation a:visited {
    color: #023f08 !important;
	background-color: #ebebeb;
	position: relative;
}
.main-small-navigation a:hover {
	background: #A2DFA8;
}



/*BEGINN HEATHER STYLE - VIRTUAL CONFERENCE SESSIONS 
--------------------------------------------------- */

.heather-sessions-wrap {
    background-color: #404a50; 
    max-height: 200px;
    margin-top: -30px;
    

}
.header-sessions-logo-loginout {
    max-width: 1270px !important;
    margin: auto !important;
    padding-top: 25px !important;
    padding-bottom: 0px;
}

.heather-sessions-img-txt-contact{
    max-width: 1130px !important;
    margin: auto !important;
    padding-top: 25px;
    padding-bottom: 0px;
}
@media screen and (max-width: 800px) and (min-width: 460px){ 
    .heather-sessions-img-txt-contact img {
        max-height: 120px !important;
    }
}
.loginout {
    text-align: center;
    text-shadow: 4px 4px 8px black, 0 0 25px black, 0 0 5px black;
    background-color: rgba(0,0,0,0.1);
    border: solid 3px white;
    width: 100px;
    padding: 10px 15px;
    float: right;
    border-radius: 3px;
    -webkit-box-shadow: 1px 4px 4px 1px rgba(0,0,0,0.7);
    -moz-box-shadow: 1px 4px 4px 1px rgba(0,0,0,0.7);
    box-shadow: 1px 4px 4px 1px rgba(0,0,0,0.7);
}
.loginout:hover {
    border-color: #b5c6e5;
}
.loginout a:link, .loginout a:visited, .loginout a:active {
    color: white !important;
}
.loginout a:hover {
    color: #b5c6e5 !important;
}

/*BEGINN HOME NAVIGATION 
----------------------------------------------- */
.vc-2018-nav {
    display: none;
    float:right;
    left: 0;
    background-color: #e0e0e0; 
    padding: 5px 0px 15px 0px; 
    margin-bottom: 40px; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 3px;
}

.welcome-dicussion-wrap nav {
    margin-top: -40px !important;

}

.vc-2018-nav > ul {
    padding: 10px 0px;
    text-align: left;
    
}

.vc-2018-nav > ul > li {
    display: block;
    position: relative;
    
}
.vc-2018-nav ul >li >a:link {
    font-size: 1.1em;
    font-weight: 550;
    padding: 6px 20px;
    display: block;
    color: black !important;
}
.vc-2018-nav ul >li >a:visited {
    color: black !important;
}
.vc-2018-nav ul >li >a:hover {
    color: black !important;
    background-color: #ced7e9;
}
.vc-2018-nav ul >li >a:active {
    color: black !important;
}
.vc-2018-nav .sub-menu {
    display: block;
}
.vc-2018-nav ul> li> ul {
    list-style-position: outside;
    list-style-type:disc;
    padding-left: 35px;
    margin-left: 20px;
}
.vc-2018-nav .sub-menu a:link {
    font-size: 1em;
    display: block;
    padding: 4px 5px 3px 1px;
    color: black !important;
}
.vc-2018-nav .sub-menu a:visited {
    color: black !important;
}
.vc-2018-nav .sub-menu a:hover {
  color: black !important;
}
.vc-2018-nav .sub-menu a:active {
    color: black !important;
}

    

/*BEGINN BODY STYLE - VIRTUAL CONFERENCE SESSIONS 
----------------------------------------------- */
.welcome-wrap-sessions {
    max-width: 100%;
    height: auto;
    padding-top: 0px;
    background-color: #999999;
    opacity: 1;
    position:relative;
}

.in-session h2 { 
    max-width: 600px; 
    margin: auto; 
    padding-left: 20px; 
    padding-right: 20px;
}

.menu-botton-home {
    cursor: pointer;
    display: block;
    float: right;
    color: white;
    margin: 0px 0px 10px 0px;
    padding: 15px 10px 15px 10px;
    background-color: transparent;
}
.menu-botton-home:hover {
    color: #aab5bc;   
}

.menu-botton-video {
    cursor: pointer;
    display: block;
    float: right;
    color: white;
    margin: 0px;
    padding: 0px 3px 15px 0px !important;
    background-color: transparent;
}
.menu-botton-video:hover {
    color: #aab5bc;   
}


.menu-botton-post {
    cursor: pointer;
    display: block;
    float: right;
    color: white;
    margin: 0px 0px 10px 0px;
    padding: 15px 10px 15px 10px;
    background-color: transparent;   
}

.welcome-video-wrap{
    width: 100%;
    height: auto;
    background-color: transparent;
    padding-top: 80px;
    padding-bottom: 90px;
    
    
}
.welcomme-video {
    max-width: 1340px !important;
    margin: auto !important;
    height: auto;
    padding: 0px 0px;   
}
.welcome-wrap-sessions h1:after, .welcomme-video h1:after, .session-videos h1:after, .video-contest h1:after, .world-commons-video-wrap h1:after, .voting-container-wrap h1:after, .conversation-wrap h1:after, .welcome-dicussion-wrap h1:after {
    background: none repeat scroll 0 0 #ed6639;
    bottom: -20px;
    content: "";
    display: block;
    height: 5px;
    position: relative;
    width: 100px;
    margin-bottom: 40px;
 }

.welcome-video-box, .video-box{
    width: 100%;
    height: auto !important; 
}

.legend-display {
    padding:0px 20px 20px 30px;
}

.video-display {margin-bottom: 30px}

.video-display, .video-box {
    -webkit-box-shadow: 1px 4px 4px 1px rgba(171,171,171,1);
    -moz-box-shadow: 1px 4px 4px 1px rgba(171,171,171,1);
    box-shadow: 1px 4px 4px 1px rgba(171,171,171,1);

}

.keynote-video-wrap {
    width: 100%;
    height: auto;
    
    background-color:#404a50;
    padding-top: 80px;
    padding-bottom: 100px !important;
    
}
.keynote-video-wrap .video-box, .contest-winnners .video-box{
    -webkit-box-shadow: 1px 4px 4px 1px rgba(0,0,0,1);
    -moz-box-shadow: 1px 4px 4px 1px rgba(0,0,0,1);
    box-shadow: 1px 4px 4px 1px rgba(0,0,0,1);
    
    
}
.session-videos {
    max-width: 1366px !important;
    margin: auto !important;
    height: auto;
    padding: 0px;
    
}

.presentation-legend {
    padding: 20px;
}

.video-box {
    background-color: white !important;
    margin-top: 30px;
    padding-bottom: 0px !important;
}

.video-cover {
    margin: 0px 0px -19px 0px;
}


.sessions-video-wrap {
    width: 100%;
    height: auto;
    background-color:transparent;
    padding-top: 80px;
    padding-bottom: 100px !important;
    
}

.video-contest-wrap{
    width: 100%;
    height: auto;
    
    background-color:#404a50;
    padding-top: 80px;
    padding-bottom: 100px !important;
    
}

.vote-botton {
    max-width: 185px; 
    margin: 0px auto 40px auto; 
    background-color: #5d81c6; 
    padding: 15px 27px 18px 27px; 
    border-radius: 4px;
    font-size: 20px
}
        
.vote-botton:hover {
    opacity: .7 
}  

.video-contest {
    max-width: 1336px !important;
    margin: auto !important;
    height: auto;
    padding: 0px;
    
}

.video-contest-link a:link{
    color:#5d81c6 !important;
    
}
.video-contest-link a:hover{
    color:#7f909a !important;
}
.video-contest-link a:visited{
    color:#5d81c6 !important;
}
.contest-videos-container {
    max-width: 1336px !important;
    margin: auto !important;
    height: auto;
    float: none;
    padding: 0px;
     
}

.contest-video-box {
    height: auto;
    float: left !important;
    margin: 10px;
    background-color: white;
    border-bottom: solid 3px #aab5bc;
} 
.contest-video-box-winner {
    max-width: 800px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    background-color: white;
    border-bottom: solid 3px #aab5bc;
} 

.video-legend {
    padding: 20px;
}

.contest-winnners {
    float: none;
    max-width: 1270px;
    margin: auto;
    height: auto;
    
    
}

.world-commons-video-wrap {
    width: 100%;
    height: auto;
    background-color: transparent;
    padding-top: 80px !important;
    padding-bottom: 100px !important;
    
}

/* DISCUSSION CORNER on HOME
_______________________________________________________________________*/

.conversation-wrap {
    width: 100%;
    background-image:url("/wp-content/uploads/2018/11/Conversation-corner-blur-overlay50pc.jpg");
    background-color: rgba(0, 0, 0, 0); 
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0px;
    padding: 100px 20px 90px 20px;   
}

.conversation-wrap h1, .conversation-wrap h6 {
    color:white
}

.participate-botton {
    max-width: 185px; 
    margin: 40px auto 20px auto; 
    background-color: #384247; 
    padding: 15px 27px 18px 27px; 
    border-radius: 4px;
    font-size: 20px
}

.participate-botton:hover {
    opacity: .7
}

/* BEGINN DISCUSSION CORNER PAGE BODY
________________________________________________*/

.welcome-dicussion-wrap {
    background-image: url('/wp-content/uploads/2018/11/Conversation-corner-blur-overlay.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 40px;
    padding-top: 40px;
}
.conversation-corner-overlay {
    background-color: rgba(33, 54, 95, 0.7);
    max-width: 900px; 
    margin: auto; 
    padding: 40px 40px 80px 40px!important;
}
.conversation-corner-overlay h1, .conversation-corner-overlay h6 {
    color: white;
}
.conversation-corner-overlay-text {
    max-width: 800px;
    margin: auto;
    padding-bottom: 80px;
}
/*BEGINN single-video_presentation.php
----------------------------------------------- */

.single-video-post {
    width: 100%;
    height: auto;
    margin: auto;
    background-color: #404a50;
    padding: 0px 0px 90px 0px;
}

.video-presentation-wrap {
    max-width: 900px !important;
    margin: auto;
    float: none !important;
    display: block;
    
}

.force-900 {
    max-width: 900px !important;
    float: none;
    margin: auto;
    padding: 0px;
    display: block;
}

.video-presentation-container {
    max-width: 900px !important;
    float: none;
    margin: 0px;
    padding-top: 30px;
    display: block;
}
.video-presentation-legend {
    max-width: 900px !important;
    margin:auto;
    margin-top: -5px;
    margin-bottom: 20px;
    background-color: transparent;
    padding: 20px;
}

.click-to-toggle, .click-to-toggle-abstract {
    cursor: pointer;   
}

.abstract-botton {
    cursor: pointer;
    color: white !important;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 3px;
    padding: 10px 17px;
    max-width: 150px;
    margin-bottom: 20px;
    
}
.abstract-content {
    display:none; 
    font-size: 16px; 
    background-color: white !important; 
    padding: 20px 20px 20px 20px; 
    margin-top: 0px; 
    margin-right: -20px; 
    margin-left: -20px; 
    margin-bottom: -20px;-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,10,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,1);
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;
}

.comments-wrap {
    max-width: 900px;
    margin: auto;
    float: none !important;
    height: auto;
    background-color: #fff !important;
    padding: 20px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1) !important;
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1) !important;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,1 !important);
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;
    opacity: 1;
    
}
.box-shadow {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1) !important;
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,1) !important;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,1 !important);  
}
.comments-wrap form {
    margin-top: -30px !important;
    margin-bottom: -30px !important;
}
.comments-wrap input[type="submit"]{
    color: white;
    background-color:#4b6ba8;
}
.comments-wrap input[type="submit"]:hover{
    color: white;
    background-color:gray;
}

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 82.5em;
  *zoom: 1; }
.row:before, .row:after {
    content: " ";
    display: table; }
.row:after {
    clear: both; }
.row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container-contest {
    position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
    
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* expand */ 
.grow {
    transition: 1s ease;
}

.grow:hover{
-webkit-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
transition: 1s ease;
}

/* Frontend CSS for Post Views Counter */

.post-views.entry-meta > span {
    margin-left: 0 !important;
    font: 16px/1;   
}

.post-views.entry-meta > span.post-views-icon.dashicons {
    display: inline-block !important;
    font-size: 16px;
    line-height: 1;
    text-decoration: inherit;
    vertical-align: middle;
}

.post-views.entry-meta {
    font-family: sans-serif;
    text-align: left;
    color: white;
}/* END Frontend CSS for Post Views Counter */


/*BEGINN DEMOCRACY POL STYLING*/
.voting-page-wrap {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-image: url('/wp-content/uploads/2018/11/vote-background-image-blur-overlay.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    padding: 0px 5px 90px 0px;
    
}
.voting-container-wrap {
    max-width: 900px !important;
    background-color:rgba(33, 54, 95, 0.7);;
    margin: 40px auto 0px auto !important;
    height: auto;
    float: none;
    padding: 0px;
    padding: 40px 20px;
    
}
.voting-container {
    max-width: 250px;
    max-height: auto;
    margin: 20px 15px !important;
    padding: 40px 20px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 10px;
    -webkit-box-shadow: 1px 4px 4px 1px rgba(0,0,0,1);
    -moz-box-shadow: 1px 4px 4px 1px rgba(0,0,0,1);
    box-shadow: 1px 4px 4px 1px rgba(0,0,0,1);
    border-radius: 3px;
    background-color: white;   
}

.voting-container strong {
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 550 !important;
    color: #191919;
}

.voting-container .democracy ul{ background:none; padding:0;margin:20px 0px 0px 0px; }

.voting-container .dem__radio:checked + .dem__spot {
	border-color:#4b6ba8 !important;


}
.voting-container .dem__radio_label .dem__spot:after {
	background: #5d81c6 !important;
}
.voting-container .democracy ul li {
	padding-bottom: 1px !important;
}

.voting-container input[type="submit"].dem-button {
    background-color: #5d81c6 !important
}
.voting-container input[type="submit"].dem-button:hover {
    background-color: #7f909a !important;
    color: white !important;
}

/* =SCROLL UP
----------------------------------------------- */
.to-top a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font: normal 26px/1 'Genericons';
	vertical-align: top;
	color: #FFFFFF;
	background-color: #5d81c6;
	opacity: 0.5;
	filter: alpha(opacity=50);
	/* For IE8 and earlier */
	border-radius: 3px;
	padding: 6px;
}

.to-top a#scroll-up:before {
	content: '\f432';
}

.to-top a#scroll-up:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	/* For IE8 and earlier */
}

.loginout-workshop2019 {
    text-align: center;
    background-color: white;
    border: solid 3px #4b6ba8;
    width: 100px;
    padding: 7px 15px;
    border-radius: 3px;
}
.loginout-workshop2019:hover {
    border-color: #4b6ba8;
    background-color: #4b6ba8;;
}
.loginout-workshop2019 a:link, .loginout a:visited, .loginout a:active {
    color: #4b6ba8 !important;
}
.loginout-workshop2019 a:hover {
    color: white !important;
}