/*
 Theme Name: Coldbox UO35
 Theme URI: https://coldbox.miruc.co/
 Description: Coldbox is a clean and blog-focused WordPress theme. It helps increase site traffic from Google and any social networks. It provides you with easy to customize, lightweight, SEO friendly, quick load, and so much more! This theme is fully laid out with the flexbox module so that it is compatible with any screen sizes. See Demo: https://coldbox.miruc.co/demo/
 Version: 1.7.0
 Author: mirucon, toreonify
 Author URI: https://miruc.co/
 Tags: accessibility-ready, blog, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, translation-ready, flexible-header, custom-background, custom-header, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, post-formats, sticky-post, theme-options, editor-style, threaded-comments
 Text Domain: coldbox-uo
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@media screen and (max-width:767px) {
    #header-menu {
        visibility: hidden;
        background-color: #005184;
        height: 100vh;
        overflow-y: auto;
        padding-top: 6em;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1003
    }

    #header-menu li a {
        color: #fff
    }

    #header-menu:hover {
        color: #00619f
    }
    
    #header-menu,
    #header-menu li {
        display: block
    }
    
    #header-menu a {
        display: block;
        padding: .8em .9em
    }
    #header-menu a:hover {
        background: rgba(68, 68, 68, .1);
    }
    #header-menu li {
        border-top: 1px solid hsla(0, 0%, 46.7%, .7)
    }
    #header-menu>ul>li:last-child {
        border-bottom: 1px solid hsla(0, 0%, 46.7%, .7)
    }
    #header-menu .sub-menu {
        position: initial;
        background-color: inherit;
        width: inherit;
        box-shadow: none;
        display: block !important;
        margin-left: 1em;
    }
    
    #header-menu .sub-menu > li:hover {
        background-color: initial;
    }
    
    #header-menu>ul>li>a {
        font-weight: 700
    }
}

@media screen and (max-width:767px) {
    .close-mobile-menu {
        -moz-appearance: none;
        -webkit-appearance: none;
        border: 0;
        display: block;
        font-size: 1.2em;
        padding-bottom: .4em;
        padding-top: .4em
    }
    .close-mobile-menu:focus {
        clip: auto;
        height: auto;
        position: relative;
        width: auto
    }
}

@media screen and (min-width:768px) {
    .close-mobile-menu {
        display: none
    }
}

@media screen and (max-width:767px) {
    #header-menu {
        opacity: 0;
        visibility: hidden;
        z-index: 1001
    }
    #header-menu.open {
        -webkit-transition: opacity .4s, visibility .4s;
        opacity: 1;
        transition: opacity .4s, visibility .4s;
        visibility: visible
    }
    #header-menu.open>#header-nav {
        -webkit-animation: fadeInRight .4s;
        animation: fadeInRight .4s;
        visibility: visible
    }
    .header-menu-closed #header-menu>#header-nav {
        -webkit-animation: fadeOutRight .4s;
        animation: fadeOutRight .4s
    }
}

#header-nav-toggle span.caption {
    font-size: 1.2em;
}

.wpdm-link-tpl {
    margin-bottom: 1em;
}

.header-menu:not(.nav-toggle) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.header-menu li {
    display: block;
}

.header-menu a {
    display: block;
    padding: .8em .9em
}

.header-menu li a {
    transition: color .2s, background-color .2s, transform .2s;
}

.header-menu .sub-menu > li:hover {
    background-color: #444;
}

.header-menu .sub-menu > li:hover > a {
    color: #fff;
}

.header-menu > li:hover > a {
    color: #00619f;
}

.header-menu li.menu-item-has-children > a:after {
    -webkit-transform: rotate(45deg);
    left: 6px;
    top: -3px;
    transform: rotate(45deg);
    
    background-color: transparent;
    border-bottom: 1px solid;
    border-right: 1px solid;
    content: "";
    display: inline-block;
    height: 6px;
    position: relative;
    width: 6px;
}

.header-menu ul.submenu > li.menu-item-has-children > a:after {
    -webkit-transform: rotate(-45deg);
    float: right;
    left: 2px;
    top: 6px;
    transform: rotate(-45deg);
}

.header-menu li.menu-item-has-children:hover > a:after {
    -webkit-transform: rotate(225deg);
    top: 0;
    transform: rotate(225deg)
}

.header-menu > li > a {
    padding: 10px 18px 10px 0px;
}

.header-menu .menu-item-has-children {
    position: relative;
}

.header-menu .menu-item-has-children > .sub-menu {
    position: absolute;
    display: none;
    
    width: 262px;
    
    top: 0px;
    left: 100%;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
}

.header-menu .menu-item-has-children:hover > .sub-menu {
    display: inherit;
}

.content-side-widget h2, h3 {
    padding-bottom: 12px;
}

body {
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 40%, #e1e8ef 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 40%,#e1e8ef 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 40%,#e1e8ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e8ef',GradientType=0 ); /* IE6-9 */
}

body.header-menu-opened {
    overflow: hidden;
}

.current-menu-item > a,
.current-menu-parent > a,
.current-menu-ancestor > a {
    font-weight: 600;
}

.entry-thumbnail-image {
    margin-left: 0px;
    margin-right: 0px;
}

.entry-inner > p {
    text-align: justify;
}

.entry .wp-block-gallery {
    padding-left: 0px;
}

/* Important message widget padding */
.important-message-widget {
    margin-bottom: 24px;
}

.important-message-widget > div {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    font-size: .94em;
    padding: 20px;
}


}

/* Header title margin */
.site-info > :not(:first-child) {
    margin: 1em 2em;
}
/* Disable header search button */
.header-inner>.search-toggle {
    display: none;
}

.header-inner>.site-info {
    max-width: 100%;
    width: 100%;
}

.site-info img {
    max-width: 50px;
    min-width: 50px;
}

.header-inner>.site-info {
    flex-wrap: nowrap;
}

/* Fix for menu button */
.nav-toggle {
    height: 50px;
    margin-bottom: 5px;
    position: relative;
    z-index: inherit;
}

@media screen and (max-width: 767px) {
    #header-nav.menu-container {
	width: 100%;
	padding-top: 2em;
    }
}

.close-mobile-menu {
    background-color: inherit;
    color: #ffffff;
    font-size: .98em;
    padding: .8em .9em;
}

.close-mobile-menu:hover {
    cursor: pointer;
}

/*Remove content frame */
.content-inner {
    padding: 0;
    background-color: inherit;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/* New download list */
.wpdm-link-tpl a {
    -webkit-box-shadow: 0 1px 0 0 currentColor;
    box-shadow: 0 1px 0 0 currentColor;
    color: #00619f;
    line-height: 1.6;
}

.wpdm-link-tpl a:hover {
    color: #002a54;
}

.wpdm-link-tpl a:visited {

}

/* Visually impaired style */
#bt_widget-vi-on a
{
    box-shadow: none;
  padding: 0;
}

#bt_widget-vi-on a:hover
{
    box-shadow: none;
}

.footer-bottom {
    color: #444444;
    font-weight: normal;
}

.footer a {
    color: #00619f;
}

.content-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.widget-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
}

/* Image padding */
.wp-block-image .alignleft {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em;
}

/* Fix for mobile posts */
@media screen and (max-width: 640px) {
.standard-view .post-thumbnail {
	margin-left: 0px;
	max-width: 100%;
	margin-bottom: 15px;
    }
    
    .standard-view .post-inner {
	padding-left: 20px;
    }
}

.widget_nav_menu li:first-of-type a {
    border-top: none;
}


.widget_nav_menu li:last-of-type a {
    border-bottom: none;
}

.widget_categories li:first-of-type a {
    border-top: none;
}

.widget_categories li:last-of-type a {
    border-bottom: none;
}

.main-widget {
    min-height: inherit;
    width: calc(100% - 320px);
    padding-right: 15px;
}

#content-main-widget {
    padding: 0px 0px 30px 0px;
}

#content-side-widget {
    padding: 0px 10px 30px 10px;
}

/* Table style for aligning to the left */
table.table-align-left {
    text-align: left;
}

body UL.jqueryFileTree LI {
    white-space: normal;
}

@media(max-width: 480px) {
  .entry td {
    display: block;
  }

	.entry table tr:nth-of-type(2n) {
		  background-color: #e1e8ef;
	}
}

@media screen and (min-width: 481px) {
	table.about-page td:nth-of-type(3) {
		  width: 100px;
	}

	table.about-page td:nth-of-type(4) {
		  width: 140px;
	}
}

@media screen and (min-width: 725px) {
	table.about-page td:nth-of-type(3) {
		  width: 160px;
	}

	table.about-page td:nth-of-type(4) {
		  width: 250px;
	}
}

@media screen and (min-width: 980px) {
    .content-wrap>.content {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .menu-container li:hover>.sub-menu {
        clip: auto;
        height: auto;
        left: 150px;
        position: absolute;
        top: -4px;
    }
}

@media screen and (max-width: 1125px) {
    #content-side-widget {
    	padding: 0px 20px 30px 20px;
    }
    
    .content-wrap {
        flex-wrap: wrap;
    }

    .content-wrap > :first-child {
        flex: 1 0 20%;
    }
    
    .content-wrap > :nth-child(2) {
        flex: 1 0 80%;
    }
    
    .content-wrap > :last-child {
        flex: 1 0 100%;
    }
                
    .header-menu {
/*         padding: 15px; */
    }
}

@media screen and (max-width:1125px) and (min-width:980px) {
    .sidebar:not(.footer-sidebar) .widget{ 
        margin:5px;
        width:calc(33% - 10px);
    }
}

@media screen and (max-width: 768px) {
    .container {
        padding: 0px;
    }
        
    .content-wrap>.content {
        padding-left: 0px;
        padding-right: 0px;
    }
        
    .widget-wrap {
        flex-direction: column;
    }
    
    .side-widget {
        flex: 0 0 auto;
    }
    
    .main-widget {
        width: 100%;
        padding: 0px;
    }
}