/*
 Theme Name:   Focusblog Child
 Theme URI:    
 Description:  Focusblog Child
 Author:       ThanhWM
 Author URI:   http://thanhwm.com
 Template:     focusblog
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  focusblog-child
*/
@media only screen and (max-width: 740px) {
	.flex-cnt header .hmn {
        right: 15px;
        background-image: url(images/hamburger-purple.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        width: 36px;
        height: 32px;
        background-color: transparent;
        border-radius: 0px
    }
}
@media only screen and (max-width: 540px) {
    footer .wrp,
    .flex-cnt .wrp {
        width: auto;
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .flex-cnt .wrp .bpd,
    .flex-cnt .wrp .wrp {
        padding-left: 0px !important;
        padding-right: 0px !important
    }
    .flex-cnt .cnt .sAs.left,
    .flex-cnt .cnt .sAs.right,
    .flex-cnt .cnt .bSe.right,
    .flex-cnt .cnt .bSe.left {
        width: 100%
    }
    .flex-cnt .cnt .bSeCont,
    .flex-cnt .cnt .sAsCont {
        display: block
    }
    .flex-cnt #floating_menu header:before {
        display: none
    }
    .flex-cnt header #head_wrp {
        position: relative;
        padding: 10px 0px
    }
    .flex-cnt header .hmn {
        right: 15px;
        background-image: url(images/hamburger-purple.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        width: 36px;
        height: 32px;
        background-color: transparent;
        border-radius: 0px
    }
    .flex-cnt .cnt .awr {
        padding-left: 0px;
        padding-right: 0px
    }
    .flex-cnt .cnt .fwit,
    .flex-cnt .cnt .out {
        margin-left: 0px;
        margin-right: 0px
    }
    .flex-cnt .cnt .awr.pgn,
    .flex-cnt .brd .wrp,
    .flex-cnt .cnt .rltpi,
    .flex-cnt .cnt .bSe article {
        box-shadow: none !important
    }
    .flex-cnt .cnt .bSe article .tve_flt ul,
    .flex-cnt .cnt .bSe article .tve_flt ol {
        padding-left: 15px
    }
    .flex-cnt .cnt .bSe article footer {
        background-color: #f4f4f4;
        border: 0px
    }
    .flex-cnt .cnt .bSe article footer ul li {
        display: block
    }
    .thrv_post_grid .tve_post .tve-post-grid-title {
        font-size: 24px !important;
        line-height: 30px !important
    }
    .flex-cnt .cnt .fwit {
        margin-bottom: 30px
    }
    .flex-cnt .cnt .fwit .psb,
    .flex-cnt .cnt .fwit .psb img {
        margin-bottom: 0px
    }
    .cnt article h1,
    .cnt article .entry-title {
        margin-bottom: 30px
    }
    .flex-cnt .cnt .awr.pgn span,
    .flex-cnt .cnt .awr.pgn a {
        display: block;
        width: 100%;
        font-size: 16px;
        margin: 10px 0px;
        box-sizing: border-box
    }
    .flex-cnt .brd .wrp {
        padding: 0px 0px
    }
    .flex-cnt .cnt .bSe.left .acm,
    .flex-cnt .cnt .bSe.fullWidth .acm {
        left: 0px
    }
    .flex-cnt .cnt .cmb {
        margin-left: 0px
    }
    .flex-cnt .cnt .cmb div.left {
        float: none;
        display: block;
        margin: 0px 0px 10px
    }
    .flex-cnt .cnt .cmr {
        float: none;
        width: auto
    }
    .flex-cnt .cnt .tabs_widget .tabs_headers div {
        float: none;
        width: 100% !important
    }
    .flex-cnt .cnt .tabs_widget .tabs_headers div a {
        font-size: 14px
    }
    .flex-cnt .cnt .thrv_wrapper.alignleft,
    .flex-cnt .cnt .thrv_wrapper.alignright {
        float: none;
        margin-left: 0px;
        margin-right: 0px
    }
    .flex-cnt .cnt .arh {
        margin-bottom: 0px
    }
    .flex-cnt .cnt .arh .awr {
        padding: 0px
    }
    .flex-cnt .cnt .arh .awr>h4 {
        margin-top: 0px
    }
    .flex-cnt .cnt .ctb .ftx {
        line-height: 1.4em;
        text-indent: 0px
    }
    
    .thrv_page_section .out .in {
		padding: 0px;
	}
}
.pull-left {
    float: left
}

.pull-right {
    float: right
}
#floating_menu-sticky-wrapper.is-sticky #toc-container {
    display: block;
}

#toc-container {
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: #fff;
    z-index: 250;
    box-shadow: 0 1px 4px #dfdddd;
    display: none
}

#toc-container p {
    margin: 0px 0px
}

#toc-container a:focus,
#toc-container a:active,
#toc-container a {
    color: #4b4b4b
}

#toc-container a:hover {
    color: #4e7ac7
}

#toc-container .container {
    max-width: 1080px;
    margin: 0px auto;
    padding: 10px 15px;
}

#toc-container .toc-logo img {
    max-width: 160px !important;
    position: relative;
    top: 3px;
}

#toc-container .toggle-toc {
    position: relative;
    color: #EC008C !important;
    padding: 0px 54px 0px 0px;
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
	font-family:'PT Sans Narrow';
	font-weight:normal
}

#toc-container .toggle-toc:before {
    content: '';
    background-image: url(images/hamburger-purple.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 38px;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
	font-family:'PT Sans Narrow';
	font-weight:normal
}

#toc-container .toggle-toc.opened:before {
    background-position: 0px -29px
}

#toc-current {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 40px 0px 0px;
	font-family: 'PT Sans Narrow';font-weight:normal;
	font-size:14px;
}

#toc-content {
    padding: 15px 0px 0px;
    clear: both;
    display: none
}

#toc-content ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

#toc-content ul li a {
    display: inline-block;
    margin: 4px 0px
}

#toc-content ul li a.active {
    color: #EC008C
}

#toc-content>ul>li {
    float: left;
    width: 33.33%
}

#toc-content>ul>li:nth-child(3n+1) {
    clear: both
}

#toc-content>ul>li>a {
    font-weight: 700
}

@media (max-width: 741px) {
    #toc-container .toc-logo {
        display: none
    }
    #toc-container .pull-right,
    #toc-container .pull-left {
        float: none !important
    }
    #toc-container .pull-right {
        text-align: right
    }
    #toc-current {
        display: block;
        margin: 0px 0px 10px;
        font-size: 14px
    }
    #toc-container .toggle-toc {
        font-size: 18px
    }
    #toc-content {
        max-height: 300px;
        overflow: auto
    }
    #toc-content>ul>li {
        float: none;
        width: 100%
    }
    #skin-care .in,
    #lifestyle-changes .in,
    #nutrition-and-diets .in {
        margin-left: -80px;
        margin-right: -80px
    }
}

@media (max-width: 480px) {
    #floating_menu {
        
    }
}

article #toc_container {display: none;}