/*
	Theme Name: Gary Community by Mikael D.
	Theme URI:
	Author: Mikael D.
	Author URI: http://flexart.net
	Description: Custom built
	Version: 1.0
	License: All rights reserved
	Copyright: All rights reserved
	License URI:
	Tags: Custom built
	Text Domain:
*/

/*
	# Custom font:

	- Spartan ( Google font )
	Ex: font:400 16px/24px 'Spartan',sans-serif;

	* font-style:normal;font-weight:100; ( Thin )
	* font-style:normal;font-weight:200; ( Extra-light )

	* font-style:normal;font-weight:300; ( Light )
	* font-style:normal;font-weight:400; ( Regular )
	* font-style:normal;font-weight:500; ( Medium )

	* font-style:normal;font-weight:600; ( Semi-Bold )
	*	font-style:normal;font-weight:700; ( Bold )

	* font-style:normal;font-weight:800; ( Extra - Bold )
	* font-style:normal;font-weight:900; ( Black )

	- Esthetic ( self-Hosted )
	Ex: font:400 16px/24px 'esthentic',sans-serif;

*/

*{box-sizing:border-box;}
body{margin:0px;padding:0px;font:400 16px/24px 'Spartan',sans-serif;background:#fff;color:#4d4d4f;}
body.mm_active{overflow:hidden;}

header,
footer,
nav{display:block;}

h1{font:900 56px/80px 'Spartan',sans-serif;color:#4d4d4f;margin:0px;padding:10px 0px 10px 0px;}
h2{font:300 40px/64px 'Spartan',sans-serif;color:#4d4d4f;margin:0px;padding:10px 0px 10px 0px;}
h3{font:800 40px/56px 'Spartan',sans-serif;color:#4d4d4f;margin:0px;padding:10px 0px 10px 0px;}
h4{font:600 32px/48px 'Spartan',sans-serif;color:#4d4d4f;margin:0px;padding:10px 0px 10px 0px;}
h5{font:800 26px/40px 'Spartan',sans-serif;color:#4d4d4f;margin:0px;padding:10px 0px 10px 0px;text-transform:uppercase;}
h6{font:300 20px/32px 'Spartan',sans-serif;color:#4d4d4f;margin:0px;padding:10px 0px 10px 0px;}

p, .text{font:normal 400 16px/24px 'Spartan',sans-serif;color:#4d4d4f;padding:15px 0px 0px 0px;margin:0px;}
p a,
p a:hover{font-size:inherit;}
a, a:hover{color:#00819b;text-decoration:none;transition:color 0.4s;}
a:hover{text-decoration:underline;}
ul{list-style:none;font:normal 400 18px/34px 'Spartan',sans-serif;color:#4d4d4f;padding:0px 0px 0px 15px;margin:0px;}
img{border:0px;max-width:100%;}

textarea,
input,
blockquote p,
blockquote cite{font:normal 400 16px/24px 'Spartan',sans-serif;color:#4d4d4f;}

strong{font-weight:800;}
em strong{font-family:'esthentic',sans-serif;font-weight:normal;font-style:normal;line-height:normal;}


.mc{padding:80px 0px 0px 0px;overflow:hidden;}
body.admin-bar .mc{padding-top:80px;}

.mc >.header,
.mc >.content,
.mc >.footer{}

/* HEADER */
.mc >.header {position:fixed;width:100%;top:0px;left:0px;margin:0px;padding:0px 25px;z-index:10000;background-color:#fff;transition:background 0.3s;border-bottom:1px solid #f4f4f6;}
.mc >.header.perm{background-color:#fff;}
.mc >.header .inner{}
.mc >.header .logo{padding:9px 0px 9px 0px;text-align:left;float:left;}
.mc >.header .logo img{width:136px;height:51px;display:block;}
body.admin-bar .mc >.header{top:32px;}

/* HEADER -> MENU */
.mc >.header .mm{padding:0px 0px 0px 0px;float:right;position:relative;}
.mc >.header .mm >.ico{display:none;width:40px;height:45px;background:url('/wp-content/themes/garycommunity/img/ico_mm.svg') no-repeat center right;cursor:pointer;}
.mc >.header .mm >.inner{padding:0px 0px 0px 0px;}
.mc >.header .mm a{font:500 14px/18px 'Spartan',sans-serif;color:#595959;text-decoration:none;display:block;padding:6px 0px;}

/* Level - common */
.mc >.header .mm ul{list-style:none;padding:0px;margin:0px;}

/* Level - 0 */
.mc >.header .mm ul.menu >li{float:left;position:relative;}
.mc >.header .mm ul.menu >li >a{padding:34px 12px 24px 12px;border-bottom:4px solid transparent;}
.mc >.header .mm ul.menu >li >a span{padding:5px 0px;}
.mc >.header .mm ul.menu >li:hover >a,
.mc >.header .mm ul.menu >li.current_page_ancestor >a,
.mc >.header .mm ul.menu >li.current_page_item >a{border-bottom:4px solid #00819b;}
.mc >.header .mm ul.menu >li.btn-1 >a{font-size:16px;line-height:18px;color:#fff;padding-left:0px;padding-right:0px;}
.mc >.header .mm ul.menu >li.btn-1 >a span{border:0px;background:#0096b0;border-radius:30px;padding:15px 25px;margin-top:-5px;position:relative;top:-4px;transition:background 0.2s;}
.mc >.header .mm ul.menu >li.btn-1 >a:hover span{background:#002d54;}
.mc >.header .mm ul.menu >li.btn-1:hover >a,
.mc >.header .mm ul.menu >li.btn-1.current_page_item >a{border:0px;}

/* Level - 1 */
.mc >.header .mm ul.menu >.sub-menu{display:none;}
.mc >.header .mm ul.menu >li >ul{display:none;position:absolute;z-index:1000;top:calc(100% - 4px);left:0px;max-height:70vh;overflow-y:auto;width:225px;max-width:320px;background:#fff;padding:20px 20px 0px 20px;box-shadow:0px 2px 8px 0px rgba(77, 77, 79, 0.24);border-top:4px solid #00819b;}
.mc >.header .mm ul.menu >li:hover >.sub-menu{display:block;}
.mc >.header .mm ul.menu >li >.sub-menu a{display:block;padding:12px 0px 12px 0px;color:#00819b;position:relative;font-size:14px;}
.mc >.header .mm ul.menu >li >.sub-menu li.current_page_item a,
.mc >.header .mm ul.menu >li >.sub-menu a:hover{text-decoration:underline;color:#002d54;}


/* Level - 2 */
.mc >.header .mm ul.menu ul .sub-menu{/*max-height:0px;overflow:hidden;transition:max-height 0.3s;*/padding-left:15px;}
.mc >.header .mm ul.menu ul li.active .sub-menu{/*max-height:500px;transition:max-height 0.3s;*/}
.mc >.header .mm ul.menu ul li.menu-item-has-children >a{/*background:url('/wp-content/themes/garycommunity/img/ico_menu_collapsed.svg') no-repeat right 17px;padding-right:20px;*/}
.mc >.header .mm ul.menu ul li.menu-item-has-children.active >a{/*background-image:url('/wp-content/themes/garycommunity/img/ico_menu_expanded.svg');*/}


/* Search */
.mc >.header .mm ul.menu >li.search{float:right;}
.mc >.header .mm ul.menu >li.search .ico{width:40px;padding:40px 0px;background:url('/wp-content/themes/garycommunity/img/ico_search_2.svg') no-repeat center right;cursor:pointer;}
.mc >.header .mm ul.menu >li.search form{position:absolute;top:100%;right:0px;background:#fff;transition:width 0.4s;width:0px;height:45px;overflow:hidden;z-index:1000;}
.mc >.header .mm ul.menu >li.search form .input{width:calc(100% - 50px);display:inline-block;}
.mc >.header .mm ul.menu >li.search form input{width:100%;border:0px;padding:10px 15px;background:none;color:#333;outline:0px;}
.mc >.header .mm ul.menu >li.search form .btn{float:right;width:50px;height:100%;}
.mc >.header .mm ul.menu >li.search form .btn input{border:0px;background:url('/wp-content/themes/garycommunity/img/ico_arrow_6.svg') no-repeat center;cursor:pointer;text-indent:-10000px;overflow:hidden;height:100%;width:100%;}
.mc >.header .mm ul.menu >li.search.active .ico{background-image:url('/wp-content/themes/garycommunity/img/ico_x_3.svg');}
.mc >.header .mm ul.menu >li.search.active form{width:440px;box-shadow:0px 2px 8px 0px rgba(77, 77, 79, 0.24);border:1px solid #eaeaed;transition:width 0.4s;}
.mc >.header .mm ul.menu >li.search.active form .btn{}



/* FOOTER */
.mc >.footer{background:#eaeaed;}
.mc >.footer ul{}


.mc >.footer .line_1{font-size:0px;background:#eaeaed;padding:78px 25px 78px 25px;}
.mc >.footer .line_1 >.inner{display:flex;flex-flow:row wrap;justify-content:flex-start;height:100%;}

.mc >.footer .line_1 .c1{min-width:150px;}
.mc >.footer .line_1 .c1 .entry{}

.mc >.footer .line_1 .c2{flex:1 0;}
.mc >.footer .line_1 .c2 >.inner{height:100%;}
.mc >.footer .line_1 .c2 .mm {height:100%;}
.mc >.footer .line_1 .c2 .mm ul.menu{padding-left:0px;display:flex;flex-flow:row wrap;justify-content:flex-end;height:100%;}
.mc >.footer .line_1 .c2 .mm ul.menu >li{align-self:center;position:relative;}
.mc >.footer .line_1 .c2 .mm ul.menu ul{display:none;}
.mc >.footer .line_1 .c2 .mm a{font:600 14px/18px 'Spartan',sans-serif;color:#595959;display:block;padding:6px 12px;text-decoration:none;}
.mc >.footer .line_1 .c2 .mm a span{border-bottom:4px solid #00819b;padding:6px 0px;border-bottom:4px solid transparent;}
.mc >.footer .line_1 .c2 .mm a:hover span,
.mc >.footer .line_1 .c2 .mm .current_page_item a span{border-bottom:4px solid #00819b;}

.mc >.footer .line_2{padding:32px 25px;font-size:0px;background:#4d4d4f;color:#fff;}
.mc >.footer .line_2 >.inner{display:grid;grid-template-columns:1fr 220px;align-items:center;}
.mc >.footer .line_2 .copyright{font-size:14px;}

.mc >.footer .social{text-align:right;padding-top:7px;}
.mc >.footer .social a{font-size:0px;}
.mc >.footer .social .socialico{background-position:right center;}

/* BACK TO TOP */
.backtotop{cursor:pointer;position:fixed;opacity:0;transition:opacity 0.4s,visibility 0.4s;text-align:right;top:auto;bottom:20px;/*right:calc((100% - 1320px) / 2);*/right:20px;z-index:1000;}
.backtotop .trigger{color:#fff;display:inline-block;background:#00819b url('/wp-content/themes/garycommunity/img/blocks/ico_arrow_up_1.svg') no-repeat center;width:64px;height:64px;padding:12px 10px;text-align:center;border-radius:50%;text-indent:-10000px;overflow:hidden;border-radius:50%;}
.backtotop .trigger:hover{background-color:#002d54;}
.backtotop.hide{visibility:hidden;}
.backtotop.show{visibility:visible;opacity:1;}
.backtotop.show >.inner{}
.backtotop.show:hover{opacity:1;}


/* CONTENT */
.mc >.content{position:relative;z-index:2;padding:0px 25px 0px 25px;}
.mc >.content >.inner{padding:0px;}

.mc >.content.interior{padding-top:50px;}
.mc >.content ul,
.mc >.content.interior ul,
.block-editor-block-list__layout ul{list-style:outside;padding-left:25px;font-size:16px;}


/* 404 PAGE NOT FOUND */
.mc >.content.error404 {padding:70px 0px;}
.error404 h1{color:#ff9800;font-size:100px;line-height:132px;}
.error404 p{font-size:14px;}


/* SEARCH RESULTS */
.sresults {padding:100px 0px;}
.sresults .comments-link{display:none;}
.sresults .page-header h1{font-size:24px;padding:10px 0px;margin:10px 0px;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.sresults article{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #bebebe;}
.sresults .page-header h1 span{color:#4d4d4f;}
.sresults .entry-header h1 {padding:0px 0px 0px 0px;font-weight:500;font-size:32px;}
.sresults .edit-link{margin:15px 0px 15px 0px;font-size:14px;font-weight:500;display:block;}


/*** COMMON ***/

.paging-navigation{font-size:14px;}
.paging-navigation h1{font-size:14px;border-bottom:1px solid #bebebe;border-top:1px solid #bebebe;margin:5px 0;padding:5px 0px;}
.pagination {position:relative;top:10px;}
.pagination .page-numbers{padding:5px;text-decoration:none;background:#002b54;color:#fff;}
.pagination .page-numbers:hover{background:#ff4e00;}
.pagination .page-numbers.current{background:#fff;color:#000;border:1px solid #002b54;}



/* SOCIAL ICONS */
.socialico{background-repeat:no-repeat;width:55px;height:34px;text-indent:-10000px;display:inline-block;overflow:hidden;opacity:1;transition:opacity 0.4s;}
.socialico:hover{opacity:0.6;transition:opacity 0.4s;}
.socialico.fb{background-image:url('/wp-content/themes/garycommunity/img/ico_facebook.svg');}
.socialico.ig{background-image:url('/wp-content/themes/garycommunity/img/ico_instagram.svg');}
.socialico.tw{background-image:url('/wp-content/themes/garycommunity/img/ico_twitter.svg');}
.socialico.li{background-image:url('/wp-content/themes/garycommunity/img/ico_linkedin.svg');}
.socialico.yt{background-image:url('/wp-content/themes/garycommunity/img/ico_youtube.svg');}

.wp-block-buttons{margin-top:40px;}


/* FORM - ASSEMBLY - EXTERNAL FORMS */
.wFormContainer {max-width:900px!important;}
.wFormContainer .htmlContent p{font:500 16px/24px 'Spartan',sans-serif!important;color:#212121!important;}
.wFormContainer .wFormTitle{font:900 56px/80px 'Spartan',sans-serif!important;color:#0e0e25!important;text-transform:uppercase!important;}
.wFormContainer .actions .primaryAction{background:#0096b0!important;border-radius:28px!important;padding:15px 30px!important;font:normal 600 16px/24px 'Spartan',sans-serif!important;}
.wFormContainer .actions .primaryAction:hover{background:#002d54!important;}


/* COLORS PALETTE */

/* - Colors */
.has-white-color{color:#ffffff!important;}
.has-white-background-color{background:#ffffff!important;}

.has-granite-500-color{color:#4d4d4f!important;}
.has-granite-500-background-color{background:#4d4d4f!important;}

.has-sunrise-500-color{color:#F15435!important;}
.has-sunrise-500-background-color{background:#F15435!important;}

.has-sunset-500-color{color:#CB2F52!important;}
.has-sunset-500-background-color{background:#CB2F52!important;}

.has-goldenray-500-color{color:#FF9A00!important;}
.has-goldenray-500-background-color{background:#FF9A00!important;}

.has-majestic-500-color{color:#83299B!important;}
.has-majestic-500-background-color{background:#83299B!important;}

.has-evergreen-500-color{color:#9aca3c!important;}
.has-evergreen-500-background-color{background:#9aca3c!important;}

.has-freshwater-500-color{color:#0096b0!important;}
.has-freshwater-500-background-color{background:#0096b0!important;}

.has-freshwater-900-color{color:#002D54!important;}
.has-freshwater-900-background-color{background:#002D54!important;}


/* - Gradients */
.has-sunset-to-sunrise-gradient-background{background:linear-gradient(117deg, #cb2f52, #f15435 91%);}

.has-sunset-to-goldenray-gradient-background{background:linear-gradient(117deg, #cb2f52, #ff9a00 91%);}

.has-sunrise-to-goldenray-gradient-background{background:linear-gradient(117deg, #f15435, #ff9a00 91%);}



/* LAYOUT and OTHER */
.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_100{padding-top:200px;}
.pt_200{padding-top:200px;}
.pb_200{padding-bottom:200px;}
.pt_300{padding-top:300px;}
.mt_m100{margin-top:-100px;}
.mt_m200{margin-top:-200px;}
.mt_40{margin-top:40px;}

.hide{display:none!important;}

.fc{margin:0 auto;max-width:1440px;}
.fc1{margin:0 auto;max-width:1128px;}
.fc2{margin:0 auto;max-width:1100px;}

.clear{display:block!important;float:none!important;clear:both!important;}
.clraf:after{display:table;clear:both;content:"";}


/* === animation
======================================== */
.content.interior .animate {
	position: relative;
}
.content.interior .animate.animate-up {
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform: translateY(10%);
}
.content.interior .animate.animate-up.in-view {
	opacity: 1;
	transform: translateY(0);
}

@media all and (max-width:1128px){

	.mc{padding-top:64px;}

	/* HEADER */
	.mc >.header{position:fixed;width:100%;top:0px;left:0px;margin:0px;z-index:10000;}
	.mc >.header >.inner{position:relative;}
	.mc >.header .logo {padding:10px 0px;}

	/* HEADER -> MENU */
	.mc >.header .mm{padding:12px 0px 0px 0px;position:static;}
	.mc >.header .mm >.ico{display:block;}
	.mc >.header .mm >.inner{display:none;}
	.mc >.header .mm.active >.ico{background-image:url('/wp-content/themes/garycommunity/img/ico_mm_x.svg');}
	.mc >.header .mm.active >.inner{display:block;position:absolute;top:100%;right:-25px;width:calc(100% + 50px);height:100vh;background:#f9f9fa;text-align:left;z-index:10000;}

	/* Level - common */
	.mc >.header .mm nav{overflow:hidden;overflow-y:auto;max-height:calc(100vh - 70px);}
	.mc >.header .mm ul.menu{padding:10px 5% 0px 5%;}


	/* Level - 0 */
	.mc >.header .mm ul.menu >li{float:none;margin-bottom:0px;border-bottom:0px;}
	.mc >.header .mm ul.menu >li >a{padding:15px 0px;border:0px;}

	.mc >.header .mm ul.menu li.menu-item-has-children >a{background:url('/wp-content/themes/garycommunity/img/ico_menu_collapsed.svg') no-repeat right 4px;padding-right:20px;}
	.mc >.header .mm ul.menu li.menu-item-has-children.active >a{background-image:url('/wp-content/themes/garycommunity/img/ico_menu_expanded.svg');}

	.mc >.header .mm ul.menu >li.menu-item-has-children >a{background-position:right 19px;}

	.mc >.header .mm ul.menu li >.sub-menu{max-height:0px;overflow-y:hidden;padding:0px;}
	.mc >.header .mm ul.menu li.active >.sub-menu{max-height:700px;overflow-y:auto;transition:max-height 0.3s;}

	.mc >.header .mm ul.menu li .sub-menu{display:block;position:static;padding-left:15px;box-shadow:none;border:0px;width:100%;max-width:none;background:rgba(255,255,255,0.1);}
	.mc >.header .mm ul.menu li .sub-menu a{}
	.mc >.header .mm ul.menu >li:hover >a,
	.mc >.header .mm ul.menu >li.current_page_ancestor >a,
	.mc >.header .mm ul.menu >li.current_page_item >a{border-bottom:0px;}

	.mc >.header .mm ul.menu >li.btn-1{text-align:center;margin:50px 0px;}

	/* Search */
	.mc >.header .mm ul.menu >li.search {width:110%;background:#fff;float:none;margin:10px 0px 20px -5%;}
	.mc >.header .mm ul.menu >li.search .ico{display:none;}
	.mc >.header .mm ul.menu >li.search form{position:static;background:transparent;max-width:none;width:100%;height:auto;padding:0px 20px;}
	.mc >.header .mm ul.menu >li.search form >.inputbtn{padding-left:20px;background:url('/wp-content/themes/garycommunity/img/ico_search_1.svg') no-repeat left center;}
	.mc >.header .mm ul.menu >li.search form .input{width:calc(100% - 50px);display:inline-block;}
	.mc >.header .mm ul.menu >li.search form input{width:100%;border:0px;padding:10px 15px;background:none;color:#444;}
	.mc >.header .mm ul.menu >li.search.active form{width:100%;max-width:none;box-shadow:none;border:0px;}
	.mc >.header .mm ul.menu >li.search form .btn,
	.mc >.header .mm ul.menu >li.search.active form .inputbtn .btn{display:none;}

	.backtotop .trigger{width:40px;height:40px;}
}



@media all and (max-width:768px){

	h1{font-size:42px;line-height:64px;}
	h2{font-size:32px;line-height:48px;}
	h3{font-size:32px;line-height:48px;}
	h4{font-size:24px;line-height:40px;}
	h5{font-size:20px;line-height:32px;}
	h6{font-size:16px;line-height:24px;}

	p, .text{font-size:14px;line-height:24px;}
	ul{font-size:14px;line-height:24px;}

	textarea,
	input,
	blockquote p,
	blockquote cite{font-size:14px;line-height:24px;}


	/* FOOTER */
	.mc >.footer .line_1 .c1{width:100%;text-align:center;}
	.mc >.footer .line_1 .c2 .mm ul.menu >li{text-align:center;padding:10px 0px;width:100%;}

	.mc >.footer .line_2 >.inner{display:block;}
	.mc >.footer .line_2 .copyright{font-size:14px;text-align:center;}
	.mc >.footer .social{text-align:center;padding-top:20px;}

}

@media all and (max-width:600px){

	body.admin-bar .mc{padding-top:70px;}
	body.admin-bar .mc >.header{top:0px;}

}

@media all and (max-width:540px){

	/* BUTTONS */
	.wp-block-buttons .wp-block-button.btn1,
	.wp-block-buttons .wp-block-button.btn1 a,
	.wp-block-buttons .wp-block-button.btn2,
	.wp-block-buttons .wp-block-button.btn2 a,
	.wp-block-buttons .wp-block-button.btn3,
	.wp-block-buttons .wp-block-button.btn3 a{display:block;margin-bottom:17px;text-align:center;}

}