/*
Theme Name: Kellogg Crisis Theme
Author: Kellogg Team
Author URI: http://www.kellogg.northwestern.edu/
Description: A responsive wordpress theme with a Kellogg Crisis Theme color palette.
Version: 1.4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kellogg_theme
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, threaded-comments, editor-style, featured-images, post-formats, accessibility-ready, rtl-language-support, theme-options

Kellogg Crisis Theme is built on top of Underscores, (C) 2012-2014 Automattic, Inc.
Licenced GNU General Public License v2 or later
Source: http://underscores.me/

Kellogg Crisis Theme bundles the following third-party resources:

Font Awesome icon font licensed under SIL OFL 1.1, code licensed under MIT License.
Source: http://fontawesome.io/license/

CSS normalization is achieved using normalize.css Nicolas Gallagher and Jonathan Neal
Source: http://necolas.github.com/normalize.css/

Grid generation and base style framework is Fluid Baseline Grid Redux, licenced under the Unlicense http://unlicense.org/
Source: https://github.com/peterhebert/Fluid-Baseline-Grid-Redux

Note this file 'style.css' is only used to identify the theme, and is not enqueued.

*/

.popup-box div.post-inner {
    margin-top:10px;
    color: black!important;
    font-size: 12px!important;
}

.popup-box div article {
    display:none;
    z-index:-1;
}


.popup-box {
     padding: 5px 10px;
     overflow: visible;
     height: 300px;
     width: 300px;
     background-color: white;
     position: absolute; 
     top: 20px;
     left: 50px;
     z-index: 2;
     -webkit-box-shadow: 3px 3px 12px rgba(79, 37, 130, 0.7);
     -moz-box-shadow: 3px 3px 12px rgba(79, 37, 130, 0.7);
     box-shadow: 3px 3px 12px rgba(79, 37, 130, 0.7);
     border-color: rgba(0, 0, 0, 0.2);
     border-style: solid;
     border-width: 1px; ;
 }

 .popup-box-wrapper {
     position: absolute; 
     overflow: scroll;
     width: 288px;
     height:100%
    
 }
/*
.my_the_title::before {
     content: "Title: ";
     font-weight: bold;
}
*/

.popup-box .my_the_title {
   /* font-family: "Maven Pro";*/
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: black!important;
}

.popup-box .my_the_author::before{
     content: "Author: ";
     font-weight: bold;
     font-size: 12px!important;
     color: black!important;
} 
.popup-box .my_the_date::before{
     content: "Post Date: ";
     font-weight: bold;
     font-size: 12px!important;
     color: black!important;
}
.popup-box .my_the_permalink::before{
     content: "Permalink: ";
     font-weight: bold;
     font-size: 12px!important;
     color: black!important;
}

.popup-box .my_the_content_div {
    width: 250px;
    height: 200px;  
    font-size: 12px!important;
    color: black!important;
}

.popup-box .my_the_content_div iframe {
    font-size: 12px!important;
    color: black!important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}


.cs-pin-drop {
   /*display:block;*/
}

.menu-item:hover .dropdown-menu {
    display: block!important;
    margin-top: 0;   
    margin-left: 0!important;  
    
 }  


.menu-item .dropdown-menu {
   border:0px;  
   box-shadow:3px 3px 10px rgba(0,0,0,0.3)
 }  
 
.menu-item:hover .dropdown-menu li {
    display: block!important;
    
 }  
 
.menu-item:hover .dropdown-menu li a {
  color: white!important; 
 }  
 

.menu-item:hover .dropdown-menu li a:hover {
    background-color: #A4996C!important;
}

 .dropdown-menu li {
     display:none;
 }
 
 .dropdown-menu li {
    border: 0px;
    width: 100%;
    background-color: black;
}

 .dropdown-menu li a {
    color: white;
}

.search-block .dropdown-menu form {
    background-color: white!important;
}

.current-menu-item:hover .dropdown-menu li a {
    background-color: black!important;
}

.current-menu-item:hover .dropdown-menu li a:hover {
    background-color: #A4996C!important;
}

.banner-title span{
    float:left;
}

.intcommunication {
    background:rgba(0, 0, 0, 0) url("../../../images/internalcomm.png") no-repeat;
    height: 60px;
    left: 146px;
    width: 60px;
    background-size: 50px;
    
}

.chatbirds {
    background:url("../../../images/ChatBirds-2.png") no-repeat ;
    height: 60px;
    left: 146px;
    width: 60px;
    background-size: 50px;
}

.friendssocialize {
    background:rgba(0, 0, 0, 0) url("../../../images/FriendsSocialize.png") no-repeat;
    height: 60px !important;
    left: 146px;
    width: 60px;
    background-size: 50px;
}


.picturegrams {
    background:rgba(0, 0, 0, 0) url("../../../images/PictureGram.png") no-repeat;
    height: 60px;
    left: 146px;
    width: 60px;
    background-size: 50px;
}

.news {
    background:rgba(0, 0, 0, 0) url("../../../images/News.png") no-repeat;
    height: 60px;
    left: 146px;
    width: 60px;
    background-size: 50px;
}

.blog {
    background:rgba(0, 0, 0, 0) url("../../../images/blog.png") no-repeat ;
    height: 60px;
    left: 146px;
    width: 60px;
    background-size: 50px;
}

.crisis_simulator {
    background: rgba(0, 0, 0, 0) url("../../../images/crisis_simulator.png") no-repeat ;
    height: 60px;
    left: 146px;
    width: 60px;
    background-size: 50px;
}


#banner-title-icon {
    transform: scale(2.3)!important;  
    padding-left:100px;
    margin-top: 20px;
}

.banner-title {
    left: 223px;
}

.mobile-logout-block {
    position: absolute;
    right:  -40px!important;
    top: 10px;
}

.mobile-logout-block span.glyphicon-off{color:#010e3b; border:2px solid #c6d0dc; padding:8px; border-radius:50%;}
.mobile-logout-block ul.dropdown-menu input{border:1px solid #eaeaea; background:#f8f8f8; height:30px; padding:5px; border-radius: 0;box-shadow:none; width:100%; display:block; font-weight:400;}
.mobile-logout-block .dropdown-toggle:hover,.mobile-logout-block .dropdown-toggle:focus{background:inherit !important; border:none !important;}
.mobile-logout-block ul.dropdown-menu input[type=submit]{border:none; background:#A4996C; height:30px; text-align:center; color:#FFFFFF; width:100%;}
.mobile-logout-block {position:absolute; right:0; top:10px;}

.sticky .mobile-logout-block span.glyphicon-off{border:2px solid #7d7d7d !important; color:#fff !important;}

.mobile-logout-block ul:before {
    border-bottom: 10px solid rgba(0, 0, 0, 0.15);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 9%;
    top: -10px;
    width: 0;
}
.mobile-logout-block ul:after {
    border-bottom: 10px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 10%;
    top: -10px;
    width: 0;
}

@media screen and (max-width: 1024px) {
    .mobile-logout-block {
        position: absolute;
        right: 11px!important;
        top: 10px;
    }
    
    .mobile-logout-block  { float: right; position: relative; right:inherit;  top: inherit; margin:6px 15px 6px 0;}
    .mobile-logout-block  span.glyphicon-off{padding:6px;}
    .sticky .mobile-logout-block  span.glyphicon-off{color:#010e3b!important; border:2px solid #c6d0dc!important; padding:8px; border-radius:50%;}
    .sticky .mobile-logout-block  { float: right; position: relative; right:inherit;  top: inherit; margin:6px 15px 6px 0;}
    .sticky .mobile-logout-block  span.glyphicon-off{padding:6px;}

}

#masthead {
   
    box-shadow: -6px 8px 33px rgba(0,0,0,0.5)!important;
}
#banner, #banner_page, #banner_page_search {
   
    box-shadow: -2px 2px 20px rgba(0,0,0,0.3)!important;
}

#cat:hover {
    text-decoration:none; 
    border:1px solid #ffcc00;
    box-shadow:-1px 2px 10px rgba(0,0,0,0.3)!important;
}


.mobile-logout-block span.glyphicon-off:hover {
    border: 2px solid rgba(255,204,0, 0.7) ;
    color: #ffcc00 ;
}

.sticky .mobile-logout-block span.glyphicon-off:hover{
    border: 2px solid rgba(255,204,0, 0.4)!important ;
    color: #ffcc00!important ;
}

.search-block span.glyphicon-search:hover {
    border: 2px solid rgba(255,204,0, 0.7) ;
    color: #ffcc00 ;
}

.sticky .search-block span.glyphicon-search:hover{
    border: 2px solid rgba(255,204,0, 0.4)!important ;
    color: #ffcc00!important ;
}

/*
.post:before, .post:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.post:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
*/
.left-content{
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1)!important;
}

.left-content:hover {
    box-shadow: 2px 3px 12px rgba(0, 0, 0, 0.2)!important;
}

.widget:hover {
    box-shadow: 2px 3px 12px rgba(0, 0, 0, 0.2)!important;
}

#wordpress-sidebar-id a {
    border-bottom: 2px dotted rgba(0,0,0,0.07);
    padding-left: 0px;
    padding-right: 0px;
}

#wordpress-sidebar-id a:hover, #wordpress-sidebar-id a:focus {
    text-decoration: none!important;
    border-bottom: 2px dotted rgba(255,204,0, 0.9); 
    padding-left: 0px;
    padding-right: 0px;
    
}

.post a {
    border-bottom: 2px dotted rgba(0,0,0,0.1)!important;
    padding-left: 0px;
    padding-right: 0px;
}

.post a:hover, .post a:focus {
    text-decoration: none!important;
    border-bottom: 2px dotted rgba(255,204,0, 0.9)!important; 
    padding-left: 0px;
    padding-right: 0px;
    
}

.right-section .widget ul li:after{
     /*left: -22px!important;*/

}

.textwidget a {
    border-bottom: 2px dotted rgba(0,0,0,0.07);
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 4px!important;
}

.textwidget a:hover, .textwidget a:focus {
    text-decoration: none!important;
    border-bottom: 2px dotted rgba(255,204,0, 0.9); 
    padding-left: 0px;
    padding-right: 0px;
    
}


.right-section .widget ul li a {
    margin-left:20px;
    padding-bottom: 4px!important
}

@media screen and (max-width: 600px) {
  
    
     #banner_page_search {
        display:none;
    
    }
   
}


/* hide loggout buttom */
.logged-out {
    visibility:hidden;
}



.container-fluid .row:first-child{
    padding-left:20px;
}
.container-fluid .row:last-child{
    padding-right:20px;
}





@media (min-width: 1200px) 
{   
    /*default so you don't need this*/
   /* div[class^="col"]{padding-left:15px; padding-right:15px;}*/
    .container-fluid {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px; 
        padding-right: 20px;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }
}

/** **/
.left-text-block-image {
  float: left;
  display: -ms-flex; 
  display: -webkit-flex; 
  display: flex;
  align-items: center;
  justify-content: center;
 
}
.left-text-block-image img{   
    transform: scale(0.4, 0.4);
    -ms-transform: scale(0.4, 0.4);
    -webkit-transform: scale(0.4, 0.4);
    max-height: 140px;
    max-width: 140px;
    object-fit: cover;
    border-radius: 50%;
}

.right-text-block-image {
  float: left;
  display: -ms-flex; 
  display: -webkit-flex; 
  display: flex;
  align-items: center;
  justify-content: center; 
}

.widget-page-header {   
   /* max-height: 126px;*/
    min-height: 175px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.widget_tmpd_sidebar_widget img{
    margin-top: 40px;
}

/*
#menu-socialmenu {
   min-width: 1025px!important;
}
*/
@media (max-width: 1200px) and (min-width: 1024px) {
    .navbar ul li a {
       font: "Roboto", sans-serif;
       font-size: 13px!important;
    }  
    
    div .widget.widget_recent_entries ul#wordpress-sidebar-id li a {
         font: "Roboto", sans-serif;
         font-size:13px!important;       
    }
     
    /*
    .mobile-logout-block { 
        transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
    }
     .search-block {
        transform: scale(0.8, 0.58);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
    }
    */
}

@media (max-width: 1326px) and (min-width: 768px) {
    div.sidebar-tag h1.widget-title, .widget.widget_categories h1.widget-title,
    .right-section div#text-3.widget.widget_text h1.widget-title {
        font: "Roboto", sans-serif;
        font-size: 14px!important;
        white-space: nowrap;
    }
}

div.top-header div.container a.login-btn{
    display: none!important;
}

html {
    width: 100%;
    overflow-x: hidden;
}




.profile_image_top img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    transform: scale(0.75);  
}

.profile_image_top {
    position: relative;
    margin-bottom: -40px; 
}

 .profile_image_bottom {
    position: relative;
    margin-top:0px;
  
}

/******************************/
.post .post-meta li{
    display:none;
}

.email-content-title {
    font-weight: bold;
    font-size: 12px!important;
    margin-top: 5px;
}

.email-content-title  {
    border-bottom: 1px dotted #a4996c;
    height:25px;
}

.email-left-text-block-image {
  float: left;
  display: -ms-flex; 
  display: -webkit-flex; 
  display: flex;
  align-items: top;
  justify-content: center;
  padding-top: 26px;
}

.email-right-text-block-image {
  float: left;
  display: -ms-flex; 
  display: -webkit-flex; 
  display: flex;
  align-items: top;
  justify-content: center;
  padding-top: 26px;
}

/***************************************/
.my_post_image {
      height: auto;
      width: 60%;
}
.my_post_image_img {
      height: 100%;
      width: 100%;
}

.the_post_link {
    margin-top: -26px;
}

.the_post_link a{
    font-size: 14px;
    text-decoration: underline;
}


.current-menu-item .new-recent-post-item {
    border-bottom: 1px solid transparent!important;
	background-color: transparent!important;
}
.current-menu-item .new-recent-post-item:hover {
    border-bottom: 1px solid #9e1b20!important;
}

#navigation li{
    z-index: 100;
}