/*
Theme Name: Wizardly Child
Description: Wizardly Child Theme
Author: Wizardly
Template: exponent
Version: 1.0
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
============== HEADER / HERO IMAGE / NAVIGATION ================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*----customize menu item as button----*/

li#menu-item-726.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-726 {
    margin-left: 15px;
}

li#menu-item-726.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-726 a {
    background-color: rgba(136,153,136,1);
    color: rgba(244,243,242,1);
    position: relative;
    min-width: 265px;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    padding: 18px 25px;
    cursor: pointer;
    border-radius: 4px;
}

li#menu-item-726.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-726 a:hover {
    opacity: .9;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
    cursor: pointer;
    border-radius: 4px;
}


.style1 #navigation {
    margin-right: 0;
}

#topbar-menu>li:after {
    content: " ";
    padding: 0 .5em !important;
}

#topbar-menu>li:last-child:after {
    content: " ";
    padding: 0 !important;
}

.style1 #header-controls-right, .style5 #header-controls-right {
    clear: right;
}

#header-top-bar #topbar-menu li a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 13px;
}

#header-top-bar {
    height: 0;
    display: flex;
}

.logged-in #header-top-bar {
    height: 45px;
    display: block;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
===================== CONTENT AREA / BODY ======================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.category-courses .wp-post-image {
    display: none !important;
}

.category-courses .tatsu-normal-button .tatsu-button {
    min-width: auto !important;
}

.category-courses .exp-related-posts {
    display: none !important;
}

.page-id-479 td {
    text-transform: none;
    font-size: 14px;
    line-height: 19px;
}

/*--.hero-section-wrap.be-section.be-bg-overlay.be-bg-cover.clearfix {
    width: 100%;
}--*/

.home .related-items {
    margin-bottom: 20px;
}

.post-nav ul li a {
    font-weight: 600 !important;
}

.tatsu-button-wrap.blockbtn .tatsu-button, .tatsu-button.blockbtn {
    padding: 20px 51px !important;
}

.tatsu-normal-button .tatsu-button {
    min-width: 265px;
}

.sec-bg, .gallery_content, .fixed-sidebar-page .fixed-sidebar, .style3-blog .blog-post.element .element-inner, .style4-blog .blog-post, .blog-post.format-link .element-inner, .blog-post.format-quote .element-inner, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .chosen-container.chosen-container-single .chosen-drop, .chosen-container.chosen-container-single .chosen-single, .chosen-container.chosen-container-active.chosen-with-drop .chosen-single {
    background: #f4f3f2 !important;
}

a.sec-bg.sec-color {
    font-size: 12px;
}

table.events-table {
    width: 100%;
}

.css-events-list td {
    padding: 15px !important;
}

a.more-link.style3-button {
    display: block;
    float: left;
    margin: 0 auto 1em;
}

h3.ipsWidget_title.ipsType_reset {
    display: none;
}

h3.ipsType_reset.ipsWidget_title {
    display: none !important;

}
.exp-post-single-content.clearfix {
    max-width: 80vw;
    margin: 0 auto 15px;
}

.exp-post-single-content {
        max-width: 80vw;
    margin: 0 auto 15px;
}

#page-content a {
    font-family: "Merriweather" !important;
    font-weight: 900 !important;
}

table.events-table th {
    letter-spacing: .5px;
    font-family: "Merriweather";
    color: rgba(165,118,80,1);
    font-size: 16px;
}

a.custom-share-button {
    color: #efefef !important;
}

a.custom-share-button:hover {
    color: #efefef !important;
    opacity: .7;
}

.tatsu-shortcode-module.tatsu-module.tatsu-Byffxi0TMB {
    margin-bottom: 20px;
}

.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-108 {  

background: rgba(165,118,80,1) !important;
    font-weight: 600;
    text-align: center;
	padding: .25em;
	margin-bottom: 15px;
}

blockquote:before {
    position: static !important;
    float: left;
    color: #4D5E45 !important;
}

blockquote {
    padding-left: 30px !important;
}

#header-inner-wrap i.font-icon {
    color: #fff;
        top: 4px;
    font-size: 22px;
}

#header-inner-wrap i.font-icon:hover {
    color: #F4F3F2;
}

.x-largebtn {
    padding: 20px 42px !important;
}   


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
=================== FOOTER / FOOTER WIDGETS ====================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
======================== MEDIA QUERIES =========================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*------------IPAD PORTRAIT-----------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}   

/*------WEIRD ONE------*/

@media only screen and (min-width: 768px) and (max-width: 1450px) {

}   


/*------------IPHONE PORTRAIT-----------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
div#header-controls-right {
    display: none;
}

div#login {
    background: rgba(233,233,233,.92) !important;
    padding: 2em !important;
}

.ml-container #login {
    background: rgba(233,233,233,.92) !important;
    padding: 2em !important;
}

.shiftnav-inner {
background-color: #889988 !important; 
}

.shiftnav-inner a {
color: #FFF !important; 
}

a.shiftnav-target {
    background: #889988 !important; 
    color: #FFF !important; 

}

/*--.single .be-wide-single .be-row.be-wrap {
    width: 100%;
}--*/

li#menu-item-108 a {
    background: rgba(165,118,80,1) !important;
    font-weight: 600;
    text-align: center;
}



.tatsu-By25avMqN .tatsu-button {
    text-align: center !important;
}

.tatsu-button {
    font-size: 85%;
}

.tatsu-column.tatsu-column-no-bg.tatsu-one-fourth.tatsu-column-image-none.tatsu-column-effect-none.tatsu-HkgSAVDM9E {
    margin-bottom: 20px;
}

body.ml-half-screen.ml-login-align-1 .ml-container .ml-extra-div, body.ml-half-screen.ml-login-align-1 .ml-container .ml-form-container, body.ml-half-screen.ml-login-align-3 .ml-container .ml-extra-div, body.ml-half-screen.ml-login-align-3 .ml-container .ml-form-container {
    opacity: .95 !important;
}

.tatsu-normal-button .tatsu-button {
    min-width: 100px;
}

#header-top-bar {
    display: none !important;
}

.single .be-wrap {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 10px;
}

.blog .be-wrap {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 10px;
}

.archive .be-wrap {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 10px;
}

.exp-post-single-content.clearfix {
    max-width: 88vw;
    margin: 0 auto;
}

.exp-post-single-content {
    max-width: 80vw;
    margin: 0 auto 15px;
}

}


@media only screen and (min-width: 320px) and (max-width: 374px) {

}

/*-----------BIGGER THAN IPAD------------*/
@media only screen and (min-width: 767px) {
}

@media only screen and (max-width: 480px) and (min-width: 321px) {

}
/*------------ABOVEMDPI LAPTOPS-----------*/
@media only screen and  (min-width: 1279px) {

    .exp-post-single-content.clearfix {
    max-width: 60vw;
    margin: 0 auto 15px;
}

.exp-post-single-content {
        max-width: 60vw;
    margin: 0 auto 15px;
}

}

/*------------JUST ABOVE IPAD-----------*/
@media only screen and (min-width: 768px) and (max-width: 960px) {
}