@charset "UTF-8";
/* Themify Basic 7.1.1 framework 7.1.1 */

/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;top:0;right:0;bottom:0;left:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain}

/*/css/themify.common.css*/
iframe{
    border:0
}
a{
	cursor:pointer
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
    outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
    outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
    outline:none
}
.tf_large_font{
    font-size:1.1em
}
.screen-reader-text{
	border:0;
	clip:rect(1px, 1px, 1px, 1px);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	word-wrap:normal!important
}
.screen-reader-text:focus{
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    clip:auto!important;
    color:#21759b;
    display:block;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
.skip-to-content:focus{
    clip-path:none
}
.post-image .themify_lightbox{
    position:relative;
    display:block;
    max-width:100%
}
.post-image .themify_lightbox .zoom{
    width:35px;
    height:35px;
    background:rgba(0,0,0,.3);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
    vertical-align:middle;
    color:#fff;
    stroke-width:1px;
    line-height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.post-image .themify_lightbox:hover .zoom{
    background:rgba(0,0,0,.6)
}
.pswp:not(.pswp--open){display:none}
.ptb_map button,
.themify_map button{
    border-radius:0
}
/*/themify-builder/css/themify-builder-style.css*/
.module_row,
.module_subrow,
.module_column,
.module_row .module{
    position:relative;
    box-sizing:border-box
}
/* Hover Animation */
.module-buttons:hover,
.module_row:hover,
.module_column:hover,
.module-image img:hover,
.module-accordion i,
.module{
    transition:.5s ease;
    transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform
}
/* fix gutenberg empty p tag bug */
.entry-content > p:first-of-type:empty,
.entry-content > p:first-of-type+p:empty{
    margin:0;
    padding:0
}
/*GRID*/
.module_row{/* fix Chrome bug */
	display:flex;
	flex-wrap:wrap;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.themify_builder_slider_wrap{
    transition:none
}
/*GRID*/
.row_inner,
.subrow_inner{
    display:grid;
    --gutter:3.2%;
    --narrow:1.6%;
    --none:0;
    --align_start:flex-start;
    --align_center:center;
    --align_end:flex-end;
    --auto_height:stretch;
    --align_items:var(--auto_height);
    --align_content:var(--align_start);
    --colG:var(--gutter);
    --c1:1fr;
    --c2:1fr 1fr;
    --c3:1fr 1fr 1fr;
    --c4:1fr 1fr 1fr 1fr;
    --c5:1fr 1fr 1fr 1fr 1fr;
    --c6:1fr 1fr 1fr 1fr 1fr 1fr;
    --c1_2:1fr 2.1025fr;
    --c2_1:2.1025fr 1fr;
    --c1_3:1fr 3.2831fr;
    --c3_1:3.2831fr 1fr;
    --c1_1_2:1fr 1fr 2.1415fr;
    --c1_2_1:1fr 2.1415fr 1fr;
    --c2_1_1:2.1415fr 1fr 1fr;
    --col:repeat(auto-fit,minmax(1%,1fr));
	grid:var(--row,none)/var(--col);
    grid-template-areas:var(--area);
    grid-auto-columns:1fr;
    gap:var(--rowG,0) var(--colG);
    align-content:var(--align_content);
    align-items:var(--align_items);
    /*css variables for responsive columns(the first letter is the cols count, next the selected grid, e.g 3_2:3 is count ,2 the grid),so users can change it by custom css*/
    --area5_3:"col1 col1 col2 col2 col3 col3"
              "col4 col4 col5 col5 . .";

    --area5_1_2:"col1 col2 col2" "col3 col4 col5";

    --area5_2_1:"col1 col1 col2" "col3 col4 col5";

    --area5_1_3:"col1 col2 col2 col2"
                "col3 col4 col4 col4"
                "col5 col5 col5 col5";

    --area5_3_1:"col1 col1 col1 col2"
                "col3 col4 col4 col5";

    --area5_1_1_2:"col1 col2 col3 col3"
                  "col4 col4 col5 col5";

    --area5_1_2_1:"col1 col2 col2 col3"
                  "col4 col4 col5 col5";

    --area5_2_1_1:"col1 col1 col2 col3"
                  "col4 col4 col5 col5";	
    /*Css  Auto grid*/
    --aream2_auto:"col1" "col2";
    --aream3_auto:"col1" "col2" "col3";
    --aream4_auto:"col1" "col2" "col3" "col4";
    --aream5_auto:"col1" "col2" "col3" "col4" "col5";
    --areat6_auto:"col1 col2 col3" "col4 col5 col6";/*6 cols for tablet*/
    --aream6_auto:"col1 col2" "col3 col4" "col5 col6";/*6 cols for mobiile*/
    --areat7_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7";
    --aream7_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7";
    --areat8_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7" "col8 col8";
    --aream8_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7" "col8"
}
div.module_column{
    width:auto;
    max-width:none;
    margin-left:0;
    margin-right:0;
    min-width:0;
    float:none;
    align-items:inherit;
    align-content:inherit;
    grid-template-columns:minmax(0,1fr);
    display:grid
}
.col_align_middle,/*deperecated,backward compatibility*/
.fullheight > .tb_col_count_1{
    --align_content:var(--align_center)
}
.gutter-narrow{/*deperecated,backward compatibility*/
   --colG:var(--narrow)
}
.gutter-none{/*deperecated,backward compatibility*/
   --colG:var(--none)
}
.module_column:nth-of-type(1){
    grid-area:col1
}
.module_column:nth-of-type(2){
    grid-area:col2
}
.module_column:nth-of-type(3){
    grid-area:col3
}
.module_column:nth-of-type(4){
    grid-area:col4
}
.module_column:nth-of-type(5){
    grid-area:col5
}
.module_column:nth-of-type(6){
    grid-area:col6
}
.module_column:nth-of-type(7){
    grid-area:col7
}
.module_column:nth-of-type(8){
    grid-area:col8
}
.module_column:nth-of-type(9){
    grid-area:col9
}
.module_column:nth-of-type(10){
    grid-area:col10
}
.module_column:nth-of-type(11){
    grid-area:col11
}
.module_column:nth-of-type(12){
    grid-area:col12
}
.module_column:nth-of-type(13){
    grid-area:col13
}
.module_column:nth-of-type(14){
    grid-area:col14
}
.module_column:nth-of-type(15){
    grid-area:col15
}
.module_column:nth-of-type(16){
    grid-area:col16
}
/*DON'T USE THE CLASS direction_rtl, will be removed in the future, need for backward compatibility*/
.direction_rtl > .module_column:nth-of-type(1){
    z-index:16
}
.direction_rtl > .module_column:nth-of-type(2){
    z-index:15
}
.direction_rtl > .module_column:nth-of-type(3){
    z-index:14
}
.direction_rtl > .module_column:nth-of-type(4){
    z-index:13
}
.direction_rtl > .module_column:nth-of-type(5){
    z-index:12
}
.direction_rtl > .module_column:nth-of-type(6){
    z-index:11
}
.direction_rtl > .module_column:nth-of-type(7){
    z-index:10
}
.direction_rtl > .module_column:nth-of-type(8){
    z-index:9
}
.direction_rtl > .module_column:nth-of-type(9){
    z-index:8
}
.direction_rtl > .module_column:nth-of-type(10){
    z-index:7
}
.direction_rtl > .module_column:nth-of-type(11){
    z-index:6
}
.direction_rtl > .module_column:nth-of-type(12){
    z-index:5
}
.direction_rtl > .module_column:nth-of-type(13){
    z-index:4
}
.direction_rtl > .module_column:nth-of-type(14){
    z-index:3
}
.direction_rtl > .module_column:nth-of-type(15){
    z-index:2
}
.direction_rtl > .module_column:nth-of-type(16){
    z-index:1
}
.tb_col_count_1>.module_column{
	grid-area:auto
}
.tb_col_count_2{
	--area:"col1 col2"
}
.tb_col_count_3{
	--area:"col1 col2 col3"
}
.tb_col_count_4{
	--area:"col1 col2 col3 col4"
}
.tb_col_count_5{
	--area:"col1 col2 col3 col4 col5"
}
.tb_col_count_6{
	--area:"col1 col2 col3 col4 col5 col6"
}
.tb_col_count_7{
	--area:"col1 col2 col3 col4 col5 col6 col7"
}
.tb_col_count_8{
	--area:"col1 col2 col3 col4 col5 col6 col7 col8"
}
/*CLEARFIX*/
.module:after{
    content:"";
    display:table;
    clear:both
}
/*RESETS*/
.module_row ul.loops-wrapper{
    margin:0;
    padding:0;
    list-style:none
}
.module_row .ui{
	background-image:var(--tb_app_gr,none);
	background-color:var(--tb_pr_bg,#F7F7F7);
	box-shadow:var(--tb_app_shadow,none);
	border-radius:var(--tb_app_r,0);
	color:var(--tb_pr_color,#555)
}
.ui.builder_button{
    text-decoration:none;
    position:relative; 
    border:solid 1px rgba(0,0,0,.05);
    display:inline-block;
    line-height:130%;
    transition:color .3s linear;
	transition-property:color,background-color,padding,border,box-shadow;
    padding:.625em 1.25em
}
.builder_button:hover{
	text-decoration:none;
	background-color:var(--tb_pr_hover_bg,#f1f1f1)
}
.module .ui.builder_button{
    text-decoration:none
}
.ui.transparent{
	--tb_pr_bg:transparent;
	--tb_pr_hover_bg:transparent;
	--tb_pr_color:#555;
	--tb_app_r:0;
	--tb_app_gr:none;
	--tb_app_shadow:none;
	border:0;
    /* for transparent style inherit color */
    color:inherit
}
.transparent.gradient{
	--tb_app_gr:linear-gradient(to bottom, rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 100%)
}
/*SIZES*/
.ui.large.builder_button{
    font-size:120%;
    padding:10px 20px
}
.ui.small.builder_button{
    font-size:70%;
    padding:5px 10px
}
.xlarge .ui.builder_button{
    padding:.935em 1.875em
}
/*MODULE*/
.module-title{
    font-size:1.2em;
    margin:0 0 1.2em
}
.module img{
    border:0;
    vertical-align:bottom
}
.module-slider{
    margin-bottom:2.5em
}
/*Widget Module*/
.module-widget .widget{
    margin:0
}
.wp-caption{
    max-width:100%
}
/*Map Module*/
.module-map button{
    border-radius:0
}
.module-map .gm-style-mtc img{
    vertical-align:baseline;
    margin-right:5px
}
.row_inner{
    width:1160px;
    margin:0 auto
}
/* fullwidth row */
.module_row.fullheight .module_subrow,
.module_row.fullwidth > .row_inner{
	max-width:100%;
    width:100%
}
/* iOS doesn't support fixed attachment */
@supports(-webkit-touch-callout:none){
    .module_row{background-attachment:scroll!important}
}
/*FULLHEIGHT ROW*/
.module_row.fullheight{
    min-height:100vh
}
.fullheight > .row_inner > .module_column,
.fullheight > .row_inner{
    min-height:inherit
}
.module-plain-text:after{
    display:contents!important
}
/*MEDIA QUERIES*/
@media (max-width:1260px){
    .row_inner{
        max-width:94%
    }
}
@media (max-width:760px){
    .row_inner{
		max-width:90%
    }
}
.themify_builder .builder-parallax-scrolling{
	transition:background-position-y 0s
}
@supports not(cursor:grab){
	.builder-parallax-scrolling{
		background-attachment:scroll!important
	}
}
/*/themify-builder/css/modules/image.css*/
.module-image .image-title{
    margin:0 0 .3em;
    font-size:1.2em
}
.module-image .image-title a{
    text-decoration:none;
    color:inherit;
    font-family:inherit;
    text-shadow:inherit
}
/*layout*/
.module-image .image-wrap{
    width:auto
}
.module-image .image-wrap img{
    vertical-align:top;
    display:inline-block
}
/*appearance*/
.module-image.rounded .image-wrap img{
   border-radius:10px
}
.module-image.bordered .image-wrap img{
    border:solid 1px rgba(0,0,0,.15);
    background:#fff;
    padding:3px;
    box-sizing:border-box
}
.module-image.drop-shadow .image-wrap img,
.module.drop-shadow .post-image img{
    box-shadow:0 1px 8px 2px rgba(0,0,0,.15)
}
.module-image.circle .image-wrap img{
    border-radius:50em
}
/* auto fullwidth */
.themify_builder .auto_fullwidth .lightbox{
    display:block
}
.themify_builder .auto_fullwidth .image-wrap,
.themify_builder .auto_fullwidth img{
    width:100%;
    display:block; /* required for FF */
}
/* lightbox */
.module-image .image-wrap .lightbox{
    position:relative;
    display:inline-block;
    max-width:100%
}
/*/themify-builder/css/modules/appearance.css*/
.shadow{
	--tb_app_shadow:0 1px 8px 1px rgba(0,0,0,.1)
}
.embossed{
	--tb_app_shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.1)
}
.gradient{
	--tb_app_gr:linear-gradient(to bottom, rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 100%)
}
.rounded{
	--tb_app_r:8px
}
.glossy{
	--tb_app_gl:linear-gradient(to top, rgba(255,255,255,.2), rgba(255,255,255,.5))
}
.ui.glossy:before,
.ui.glossy .accordion-title a:before,
.ui.glossy .tab-nav a:before,
.ui.nav.glossy a:before{
	content:var(--tb_app_glc,'');
    width:100%;
    height:50%;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
    background:var(--tb_app_gl);
    pointer-events:none
}
/*/themify-builder/css/modules/image_styles/top.css*/
.module-image.image-top .image-content{
    margin-top:.5em;
    margin-bottom:1em
}
/*/themify-builder/css/modules/layout-part.css*/
.module_row .module-layout-part .row_inner,
.module_row .module-layout-part .module_column{
    min-height:inherit
}
/*/themify-builder/css/modules/text.css*/
.drop-cap > :first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap:first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap > :first-child:first-letter{
    font-size:2.85em;
    float:left;
    line-height:.4em;
    padding:.425em .375em;
    background-color:var(--theme_accent,#0f70e8);
    color:#fff;
    margin-right:.325em;
    margin-top:.15em;
    margin-bottom:.25em
}
.tb-text-more-link-indicator{
    display:block;
    height:3px; 
    margin:5px 0; 
    background:rgba(55,55,55,.6)
}

/*/ae-content/themes/bo/style.css*/
/*
Theme Name: Boldogságóra Sablon
Author: App Everest
Template: basic
*/

/*/ae-content/uploads/themify-css/themify-builder-863-generated.css*/
/* Generated from tbuilder_layout_part: gyerekek-munkai-oldalsav */
.themify_builder_content-863 .tb_qg3v767.module-image,.themify_builder_content-863 .tb_aswo933.module-image{margin-bottom:30px}

/*/ae-content/uploads/themify-customizer-7.1.1-7.1.1.css*/

/* Themify Custom CSS */
.tg  {border-collapse:collapse;border-spacing:0;border-color:#bbb;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#594F4F;background-color:#E0FFEB;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#bbb;color:#493F3F;background-color:#9DE0AD;}
.tg .tg-1wig{font-weight:bold;text-align:left;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-0l6a{background-color:#C2FFD6;text-align:center;vertical-align:top}
.tg .tg-amwm{font-weight:bold;text-align:center;vertical-align:top}
.tg .tg-sjuo{background-color:#C2FFD6;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.padding0 {
    padding: 0px !important;
}
.paddingmedia {
    padding: 10px 0px 10px 0px !important;
}

.thumbnailkor {
    width: 120px;
    height: 120px;
    border: 5px solid #f8c61a;
    border-radius: 50%;
    background-clip: padding-box;
	margin-top: 0px !important;
	text-align: center !important;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	margin-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}
.entry-content blockquote p {
    background: url(/ae-content/uploads/2020/03/bo_quote1.png) left 4px no-repeat !important;
    padding-left: 110px !important;
    font-size: 1.2em !important;
    color: #555555 !important;
	border-left: none !important;
}

blockquote {
    margin: 0;
}

pre {
    background: #fef6da;
    color: #252525;
    padding: 25px;
    margin: 20px 0 20px;
    word-wrap: break-word;
    border-left: 5px solid #fcb743;
    font-size: 1.1em !important;
	font-family: RobotoRegular !important;
}

.entry-content ol li, .entry-content ul li {
    position: relative;
    list-style: none;
    margin: 5px 0 8px;
    padding-left: .5em;
	  margin-left: 10px;
	font-size: 1.05em 
}

.entry-content ol, .entry-content ul {
    margin-top: 0;
    margin-left: 1.2em;
    margin-bottom: 30px;
    padding: 0;
}

.entry-content ul li::before {
    position: absolute;
    top: -1px;
    left: -1em;
    content: "»";
    color: #fcb743;
    font-size: 1.2em !important;
    font-family: RobotoBold !important;
}

.embed-container {

    margin-top: 20px !important;
    margin-bottom: 20px !important;

}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.post-content .entry-title {
margin-top: 20px !important;
	margin-bottom: 30px
!important;
}

.infoes .show {
	display: none
!important;
}

.infoes .like {
	display: none
!important;
}

.infoes .comment {
	display: none
!important;
}

h2.feladatbank-cimsor {
	font-family: RobotoRegular !important;
	font-weight: bold !important;
	margin-bottom: 10px !important;
    font-size: 26px !important;
    padding: 0 !important;
	color: black !important;
}

h2.feladatbank-cimsor a {
	font-family: RobotoRegular !important;
	font-weight: bold !important;
	margin-bottom: 10px !important;
    font-size: 26px !important;
    padding: 0 !important;
	color: black !important;
}

h3.feladatbank-alcim {
    font-size: 22px !important;
		font-family: RobotoRegular !important;
		color: black !important;
}

#menu-item-135870 a {
    padding: 5px 5px 5px !important;
	background: #f8c61b !important;
	color: white !important;
}

header .menu-container .menu li a {
    padding: 0 11px 8px !important;
}

#menu-item-34 a {
    padding: 0px 15px 8px !important;
}
/* START MOBILE MENU CSS */
@media screen and (max-width:1200px){
/*/ae-content/themes/basic/mobile-menu.css*/
/************************************************************************************
HEADER
*************************************************************************************/
/* header */
#header{
	height:auto!important
}

/* nav bar */
#nav-bar{
	display:none
}

/* site logo */
#site-logo a{
	font-size:30px
}

/* social widget */
.social-widget{
	position:static;
	padding:10px 0;
	float:none
}

/* searchform */
#header #searchform #s{
	float:right;
	width:50px
}
#header #searchform input#s:focus{
	width:150px
}

/************************************************************************************
MOBILE NAV BUTTON
*************************************************************************************/
.mobile-button{
	background-color:#eee;
	color:#000;
	position:relative;
	width:30px;
	height:14px;
	padding:9px 4px;
	float:right;
	cursor:pointer;
	border-radius:5px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center
}
.menu-icon-inner{
	box-sizing:border-box;
	display:inline-block;
	position:relative;
	width:1.25em;
	height:1.25em;
	overflow:hidden;
	vertical-align:middle
}
.menu-icon-inner:before,
.menu-icon-inner:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	width:100%;
	transition:all .7s ease;
	transition-property:transform
}
.menu-icon-inner,
.menu-icon-inner:before,
.menu-icon-inner:after{
	border-bottom:2px solid
}
.menu-icon-inner:before{
	top:0
}
.menu-icon-inner:after{
	top:50%
}
.mobile-button.active:before{
	color:#555
}

/************************************************************************************
MAIN NAV (MOBILE)
*************************************************************************************/
#main-nav-wrap{
	position:relative
}
/* main nav */
#main-nav{
	clear:both;
	position:absolute;
	top:38px;
	right:0;
	left:auto;
	bottom:auto;
	width:200px;
	max-height:70vh;
	padding:5px 0;
	margin:0;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	z-index:1000;
	background-color:#fff;
	display:none; /* visibility will be toggled with jquery */
	box-shadow:0 0 0 1px rgba(0,0,0,.2), 0 2px 12px rgba(0,0,0,.15);
	border-radius:5px
}
#main-nav li{
	clear:both;
	float:none;
	margin:0;
	padding:0;
	border:0;
	box-shadow:none;
	background:0
}
#main-nav a,
#main-nav ul a{
	text-transform:inherit;
	background:0;
	width:auto;
	display:block;
	padding:6px 14px;
	margin:0 0 1px;
	color:#666;
	border:0;
	text-shadow:none;
	box-shadow:none;
	border-radius:0
}
#main-nav a:hover,
#main-nav ul a:hover{
	background-color:rgba(0,0,0,.07);
	color:#000
}
#main-nav ul a{
	padding-left:28px
}

/* dropdown */
#main-nav ul{
	position:static;
	display:block;
	margin:0;
	padding:0;
	background:0;
	border:0;
	border-radius:0;
	box-shadow:none
}
#main-nav .child-arrow{
	display:none!important
}
}
/* END MOBILE MENU CSS */