/***********************************

     CSS - Microsite Campaign      

************************************/

    body{font-family:Verdana,Geneva,sans-serif;font-size:14px;overflow-y:scroll;background-color:#fff;}
    .jumbotron .h1 p, .jumbotron h1 p {font-size: inherit;}
   
    .component{min-height:100px;}
    .editIcon{position: relative; top: 10px; left: 30px; z-index: 10; margin-bottom:20px; padding-right:10px;}
    
    .topComponent{background-color:transparent;}
    
    .jumbotronText{font-size:220%; font-weight:bolder;}  
    
    .statementComponent{padding-bottom:50px;}
    .marketing>.text{text-align: center;}
    .center{margin:0 auto; text-align:center;}
    .marketing>p>a.btn{margin-left:35%; margin-right:35%;}
        
    .marketing>a.icon{}
    .marketing{margin-bottom:30px;}
    .ingressCenter{text-align:center;}

    
    .videoComponent{position: relative; display: block; height: 0; padding: 0;overflow: hidden;}
    .videoComponent>iframe{position: absolute; top: 0; bottom: 0; left: 0; width: 100%;height: 100%;border: 0;}
    .videoPadding{padding-bottom: 47.25%;}
    
    .quoteComponent{padding-bottom:30px;}
    .quoteDiv{text-align:center; display:block; position:relative;}
    .quoteColor{color:#333;}


blockquote {
    margin-bottom: 20px;
    display: -webkit-inline-box;
    border:none;
    padding:0;
    margin-left:0;
    margin-right:0;
}
.quote {
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: inherit;
    position: relative;
}
.quote-open {top:-20px; left:-5px;}
.quote-close {top:50px; left:5px;}
blockquote .text{display:inline-block; text-align: center;}


    ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
    li {  }  
    .ui-state-default{border:none; background:none;}

   
    .icon{position:relative;right:5px;margin-left:2px;float:right;}
    .ref p{font-size:95%; font-style:italic; margin-top:20px;}

    .img-1column{padding-right:20px;}
    .newsComponent{}
    .buttons{margin-bottom:10px; float:right; margin-top:30px;}
    .imagePickter{float:left;}
    .marketing1{width:100%;}
    .buttonIcons{background: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);}
    .buttonsRow{margin-right: 2px; background: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);}
    
    
    .banner>.elementIcons{margin-top:-45px;}
    .quote>.elementIcons{margin-top:-45px;}
    .oneColumn>.elementIcons{margin-top:-45px;}
    .socialmedia>.elementIcons{position:relative;}
    
    .bannerTitle{text-align:center; margin-top:25px;}   
    .bannerText{text-align:center;padding:10px;}
    .bannerButton{text-align:center;}
    
    
    .jumbotron{margin-bottom:0; background-color:inherit;}
    .elementIcons{position: absolute; top:3px; right:0px;}
    .banner{position:relative;display:inline-block; width:100%;}
    .editDelete{display:none;}
    
    .socialmedia{position:relative;display:inline-block; width:100%;}
    .share>img{width:60px;}

.btn {white-space: initial;text-align:initial;}
.btn p{margin-bottom: 0;}
.btn-default:hover{opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */}

/*.microsite-radio{margin-left:10px;}*/
#socialMedia2{margin-left:10px;}
/*.microsite-radio label{margin-left:5px;}*/
.microsite-radio > label {padding-right: 10px}
.microsite-radio > input {margin-right: 2px}
           
    .modalLoad {
        display:    none;
        position:   fixed;
        z-index:    1000;
        top:        0;
        left:       0;
        height:     100%;
        width:      100%;
        background: rgba( 255, 255, 255, .8 ) 
                url('/plugin-resources/microsite/img/loading-animation-1-5333bd2c7a6602ad2fd74c349cf162af.gif') 
                50% 50% 
                no-repeat;
     }

     .modal-dialog .panel{margin-bottom:0;}

    /* When the body has the loading class, we turn
        the scrollbar off with overflow:hidden */
    body.loading { overflow: hidden;}

    /* Anytime the body has the loading class, our
       modal element will be visible */
    body.loading .modalLoad {display: block;}

    .nsf-required-fields{color: red;font-size: 12px;font-weight: bold;margin: 0 5px;}
    .modal-footer>button{margin-right:5px;}

    .book{display:inline-flex; padding-left:0;}
    .book a{padding-left:10px;}

           
           
    /* PUBLISHING
    -------------------------------------------*/
    .publishing-btn {clear: both;display: block;position: fixed;float: left;left: -5px;top: 10px;border-radius: 5px;z-index:10;}
    .nsf-slidemenu-icon{background-color: #1b1b1b;color: #bbb;}
    .form-comment{font-size: 12px;padding-top: 5px;}
    .publish-img-button button{position: relative;top: 3px;float: right;right: 2px; }
    .publish-video-button button{position: relative;top: 3px;float: right;right: 2px;}
    .jumbotron>div.publish-img-button{margin-top:-45px;}
    .publish-img-button{right:0px; position: relative;}
    
    .editInfo{color:red; padding-right:10px; font-size:10px;}
    
        
        
    /* ARTICLES
    -----------------------------*/
    .articles{margin: 30px auto;}
    .article{position: relative; display: inline-block;}
    .oneColumn{width:100%;}
    .article-text{padding: 10px;}
    .article-text h2{font-size: 20px;}
    .articleIngress p{font-size:14px;}
    .article-heading-spacer {border-top: 3px solid #e7e7e7;float: left;width: 200px;}
    .articleButton{font-size:17px;}
    .articleButton p{font-size:17px;}
    .bannerButton{font-size:17px;}
    .bannerButton p{font-size:17px;}


/* PUBLISHING SLIDE MENU
----------------------------------*/
    /* The side navigation menu */
    .sidenav {height: 100%;  width: 0; position: fixed; z-index: 100; top: 0;left: 0;background-color: #1B1B1B;overflow-x: hidden; padding-top: 60px;transition: 0.5s;} 
    .sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 14px;color: #bbb;display: block;transition: 0.3s;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .sidenav a:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    /* When you mouse over the navigation links, change their color */
    .sidenav a:hover, .offcanvas a:focus{color: #fff;background-color: #000;}
    .sidenav a.closebtn:hover {color: #fff;background-color: #1B1B1B;}
    
    /* Position and style the close button (top right corner) */
    .closebtn {position: absolute;top: 0;right: 25px;font-size: 30px !important;margin-left: 50px;}
           

     /* SOCIAL MEDIA
    ----------------------------------*/
    .footer_social_media{ margin-bottom:50px;}
    .social_icon {width:70px;}

    /* SHARE BOX
    ----------------------------------*/
    .sharebox{position:fixed;width:20px;top:50%;left:0%; z-index:80;}
    .sharebox a img {width:30px; margin-bottom:3px;}
    .share-button{display:inline; margin:0; padding:0;}

    /* ADMIN PAGE
    ----------------------------------*/
    .info{margin-bottom: 40px;}
    .search-form{margin-bottom: 10px;}
    .url-width{width:200px}
    .acl-width{width:150px}
    .org-width{width:150px}
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    /*video */
.playpause {
    background-image:url(/plugin-resources/microsite/img/playButton-b8eab3ad3088cccf73239831eb674cf1.png);
    background-repeat:no-repeat;
    width:30%;
    height:30%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}
    
    
    /* Media queries */    


    @media (max-width: 767px){
	.article{margin-bottom: 50px;}
    	.sharebox{top:initial;bottom:0;float:left;}
	.articleButton{margin-bottom: 20px;}
    }


    @media (max-width: 1113px) {
                
    	.bq1{margin-left:0px;}   
        
	    .banner>.elementIcons{margin-top:-8px}
	    .quote>.elementIcons{margin-top:-8px;}  
	    .socialmedia>.elementIcons{margin-top:-8px;}    
	    .jumbotron>div.publish-img-button{margin-top:-30px;}    
    }