/* ######################## CSS Reset ########################
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ######################## ######################## */




/* ########################General styles ######################## */
* { font-family: Arial, Helvetica, sans-serif; }
strong { font-weight: bold; }
/* ########################
Header styles
######################## */

 .socialIcons .fab{ float: right; padding:0 0 0 5px;  font-size: 40px; }
/* ########################
Navigation styles
######################## */

div.slicknav_menu {display:none;}
.nav { border-bottom: 0; margin: 0; background-color: #0CF; }
.nav li a { display: block; text-decoration: none; padding: 0.75em; }
.nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 30px; }
.nav { border: 0; }
.nav ul { background: #0CF; margin-top: 0; list-style: none; padding-left: 0px; }
.nav li { float: left; position: relative; }
.nav li a { border-bottom: 0; }
.nav li a:hover, .nav li a:focus { color: white; text-decoration: underline; }
.nav li ul.sub-menu, .nav li ul.children { margin-top: 0; border: 1px solid #ccc; border-top: 0; position: absolute; visibility: hidden; z-index: 8999; }
.nav li ul.sub-menu li a, .nav li ul.children li a { padding-left: 10px; border-right: 0; display: block; width: 180px; border-bottom: 1px solid #ccc; }
.nav li ul.sub-menu li:last-child a, .nav li ul.children li:last-child a { border-bottom: 0; }
.nav li ul.sub-menu li ul, .nav li ul.children li ul { top: 0; left: 100%; }
.nav li:hover > ul { top: auto; visibility: visible; }








/* ########################
Navigation styles
######################## */
/*burger menu icon*/
.burgerMenuCont {float: right;}

/*burger menu container*/
#menuBox {visibility: hidden; opacity: 0; position: fixed; z-index: 9999;  background-color: rgba(0, 0, 0, 0.9); right: 0px; height: 100vh; width:400px; transition: visibility 0s, opacity 0.5s linear;  overflow: scroll; }
#burgerIcon {visibility: hidden; opacity: 0;}
#menuBox.active {  visibility: visible;  opacity: 1;}
#burgerIcon.active {  visibility: visible;  opacity: 1;}


#menuBox a.icon {font-size:50px; color: #192F92;}
#menuBox a.icon.close {color: #fff;float: right; padding: 10px 20px;}

#menuBox a.icon:hover {color: black;}

#menuBox a.icon:hover{text-decoration: none;}

/*burger menu nav*/

	.menuBurger {display: block; clear: both;  background: none; }
	.menuBurger   { background: none; }
	.menuBurger li {display: block; width: 100%; }
	.menuBurger li a { color: #fff; display: block; padding: 15px; padding-left: 30px;font-size:1.4em;   font-style: normal; display: flex; justify-content: space-between; }
	.menuBurger a:hover { color: #fff; text-decoration:none; background-color: orange; }


	.menuBurger  li:last-of-type a { padding-right: 0px; }


	.menuBurger li.current-menu-item > a {font-weight: 700;}


	/*Sub menus*/
	.menuBurger li ul.sub-menu, .menuBurger li ul.children, .menuBurger li:hover > ul {position: initial; visibility: initial;}
	.menuBurger li ul.sub-menu {padding-left: 30px;}
 	.menuBurger li ul.sub-menu li a, .menuBurger li ul.children li a {width: initial;}
	.menuBurger li ul.sub-menu, .menuBurger li ul.children, .menuBurger li ul.sub-menu li a, .menuBurger li ul.children li a { border:none;}


	/*Down arrow*/
	.menuBurger li.menu-item-has-children > a:after  { padding-left:20px;color:white; content: ' ▾'; font-size:1.8em; line-height: 0.5em;}


	/*show / hide the sub menus*/
 .menuBurger ul.sub-menu {
 -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: 0;
    overflow: hidden;
  	}

	.menuBurger li.menu-item-has-children:hover >ul.sub-menu  {  height:initial;
 }




	@media (hover: none) {
	ul.sub-menu { display: block;}
	}


	@media (max-width: 520px)
	{
 		#menuBox { width: 100%;}
	}

















/* ########################
Content styles
######################## */
main#main img { max-width: 100%; height: auto; }
main#main .wp-block-gallery img { width: 100%; height: 100%; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* ########################
Text styles for content area
http://files.www.gethifi.com/blog/a-boilerplate-for-css-typography/demo/type.html
 ######################## */



/* ########################
404 Page styles
######################## */
body.error404 #content { min-height: 650px; }
body.error404 h1.page-title { font-size: 150px; line-height: 150px; text-align: center; margin-bottom: 10px; }
body.error404 .article-header h2 { font-size: 30px; line-height: normal; text-align: center; margin-bottom: 30px; }
body.error404 .entry-content p { font-size: 20px; line-height: normal; text-align: center; }
body.error404 a.button, body.error404 #content a.button { background-color: #000; color: #fff; font-size: 16px; line-height: 16px; text-align: center; display: block; width: 200px; padding: 20px; border: 2px solid #fff; border-radius: 25px; margin: 20px auto; }
body.error404 a.button:hover, body.error404 #content a.button:hover { text-decoration: none; opacity: 0.7; }



/* ########################
Wordpress gallery
  ######################## */
/* WordPress Gallery
------------------------------------------ */

.gallery { margin-left: -0.5em; margin-right: -0.5em; }
.gallery:after { display: table; content: ""; clear: both; }
.gallery-item { margin: 0; float: left; padding: 0.5em; }

#content .blocks-gallery-grid li.blocks-gallery-item { margin-left: unset; padding-bottom: unset; }

/* YouTube/Vimeo Embed */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-clear { clear: both; width: 100%; float: left; padding-bottom: 40px; }

 /* ########################
Footer styles
######################## */

#footer { margin-top: 0px; }
.inner-footer {  overflow: hidden; }


/* ########################
Button styles
######################## */
a.button, #content a.button, a.wp-block-button__link { background-color: #E87200; color: #fff; font-size: 20px; font-weight: 400; text-align: center; text-decoration: none; display: inline-block; min-width: 170px; padding: 10px 20px; border: 1px solid #E87200; border-radius: 3px !important; }
a.button:hover, #content a.button:hover, a.wp-block-button__link:hover { background-color: transparent; color: #232D3E; border: 1px solid #232D3E; }
.overlay-box a.button:hover, #content .overlay-box a.button:hover, .overlay-box a.wp-block-button__link:hover, .contentBox.blue a.button:hover, #content .contentBox.blue a.button:hover, .contentBox.blue a.wp-block-button__link:hover { background-color: transparent; color: #fff; border: 1px solid #fff; }
.entry-content a.button, #content .entry-content a.button { margin-bottom: 35px; }



/* ########################
Blog/News Posts styles
######################## */
.blog-grid { justify-content: space-between; }
.blog-grid h3 { font-size: 1.1em; line-height: 1.3em; padding-bottom: 0px; }
.blog-grid p.post-date { padding-bottom: 5px; font-size: 0.8em; }
.blog-grid p.post-excerpt { font-size: 0.8em; }

.blog-grid .blog-post { padding: 0px; }

.blog-grid .d-1of2.blog-grid-item:nth-of-type(2n+1) { padding-right: 6.667px; }
.blog-grid .d-1of2.blog-grid-item:nth-of-type(2n+2) { padding-left: 6.667px; }

.blog-grid .d-1of3.blog-grid-item:nth-of-type(3n+1) { padding-right: 13.333px; }
.blog-grid .d-1of3.blog-grid-item:nth-of-type(3n+2) { padding-left: 6.667px; padding-right: 6.667px; }
.blog-grid .d-1of3.blog-grid-item:nth-of-type(3n+3) { padding-left: 13.333px; }

.blog-grid .d-1of4.blog-grid-item:nth-of-type(4n+1) { padding-right: 13.333px; }
.blog-grid .d-1of4.blog-grid-item:nth-of-type(4n+2) { padding-left: 6.667px; padding-right: 13.333px; }
.blog-grid .d-1of4.blog-grid-item:nth-of-type(4n+3) { padding-left: 6.667px; padding-right: 6.667px; }
.blog-grid .d-1of4.blog-grid-item:nth-of-type(4n+4) { padding-left: 13.333px; }

.blog-grid.latest { justify-content: flex-start; }
.blog-grid.latest h1 { width: 100%; }
.blog-post { display: flex; text-align: center; padding: 0 1%; margin-bottom: 25px; }
.blog-post .post-wrap { display: flex; flex-direction: column; }
.blog-post .post-wrap p { flex: 1 0 auto; padding-bottom: 0.8em; }
.blog-post .post-image { margin-bottom: 20px; }
.blog-post a.button, #content .all-blog .blog-post a.button { width: fit-content; margin-left: auto; margin-right: auto; }
.blog-post a.readMore { color: #fff; text-decoration: underline; width: fit-content; display: block; margin: 0 auto 2em auto; }
.blog-post a.readMore:hover { color: #95C11F; }
.blog .view-all { margin-top: 1em; margin-bottom: 1em; }

/*Blog Page*/
.all-blog.blog-grid { padding-left: 5%; padding-right: 5%; }
.all-blog .blog-post { margin-bottom: 40px; }

/*Single Post*/
.single .post-featured-image { margin-bottom: 1.5em; }
.single p.byline.entry-meta { color: #95C11F; }


/* ########################
Pagination styles
######################## */
.pagination, #content .pagination { text-align: center; width: 100%; clear: both; padding: 20px 0px; }
.pagination ul, #content .pagination ul { display: inline-block; background-color: #fff; white-space: nowrap; padding: 0; margin: 0; clear: both; border-radius: 3px; }
.pagination li, #content .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; border-right: 1px solid #eaedf2; }
.pagination a, .pagination span, #content .pagination a, #content .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 14px; font-size: 14px; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; color: #2592E9; }
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2592E9 !important; color: #fff !important; }
.pagination .current, #content .pagination .current { cursor: default; color: #fff !important; background-color: #2592E9; }
.pagination .current:hover, .pagination .current:focus { background-color: #2592E9; color: #fff !important; }




/*==================== Pagination - copy into style.css to overwrite ====================*/
	.pagination ul, #content .pagination ul { background-color: #fff; }
	.pagination li, #content .pagination li { border-right: 1px solid #eaedf2; }
	.pagination a, .pagination span, #content .pagination a, #content .pagination span { color: #2592E9; }
	.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2592E9 !important; color: #fff !important; }
	.pagination .current, #content .pagination .current { color: #fff !important; background-color: #2592E9; }
	.pagination .current:hover, .pagination .current:focus { background-color: #2592E9; color: #fff !important; }
/**/








.navigation {display: block;width: 100%; margin: 30px 0px; clear: both;}
#content .navigation ul   {   width: 400px; margin:0 auto;



  }
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #CB2728;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
    border: 3px solid #CB2728;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #000000;
}

	@media (max-width: 1280px)
	{
		/*Small Desktop*/
		.blog-grid .sd-1of2.blog-grid-item:nth-of-type(odd) { padding-left: 0px; padding-right: 10px; }
		.blog-grid .sd-1of2.blog-grid-item:nth-of-type(even) { padding-left: 10px; padding-right: 0px; }
		.blog-grid .sd-all.blog-grid-item:nth-of-type(odd) { padding-left: 0px; padding-right: 0px; }
		.blog-grid .sd-all.blog-grid-item:nth-of-type(even) { padding-left: 0px; padding-right: 0px; }

	}
	@media (max-width: 1029px)
	{
		/*Tablet*/
		.blog-grid .t-1of2.blog-grid-item:nth-of-type(odd) { padding-left: 0px; padding-right: 10px; }
		.blog-grid .t-1of2.blog-grid-item:nth-of-type(even) { padding-left: 10px; padding-right: 0px; }
		.blog-grid .t-all.blog-grid-item:nth-of-type(odd) { padding-left: 0px; padding-right: 0px; }
		.blog-grid .t-all.blog-grid-item:nth-of-type(even) { padding-left: 0px; padding-right: 0px; }

	}
	@media (max-width: 960px)
	{
	}
	@media (max-width: 767px)
	{
		/*Mobile*/
		.blog-grid .m-1of2.blog-grid-item:nth-of-type(odd) { padding-left: 0px; padding-right: 10px; }
		.blog-grid .m-1of2.blog-grid-item:nth-of-type(even) { padding-left: 10px; padding-right: 0px; }
		.blog-grid .m-all.blog-grid-item:nth-of-type(odd) { padding-left: 0px; padding-right: 0px; }
		.blog-grid .m-all.blog-grid-item:nth-of-type(even) { padding-left: 0px; padding-right: 0px; }


		div.slicknav_menu {display:block;}
		div.nav {display:none;}
		#content .wp-block-gallery.columns-3 .blocks-gallery-grid li.blocks-gallery-item { width: calc(50% - 16px); margin-right: 16px; }
		#content .wp-block-gallery.columns-3 .blocks-gallery-grid li.blocks-gallery-item:nth-of-type(2n) { margin-right: 0px; }
		#content .wp-block-gallery.columns-3 .blocks-gallery-grid li.blocks-gallery-item:last-of-type { margin-right: 0px; }

		/*=== Landing page  - Home page===*/
		 .intro h1 { font-size: 3em; }
	}
	@media (max-width: 480px)
	{
		/*Small Mobile*/
		.blog-grid .sm-1of2.blog-grid-item:nth-of-type(odd) { padding-left: 0px; padding-right: 10px; }
		.blog-grid .sm-1of2.blog-grid-item:nth-of-type(even) { padding-left: 10px; padding-right: 0px; }
		.blog-grid .sm-all.blog-grid-item:nth-of-type(odd) { padding-left: 0px; padding-right: 0px; }
		.blog-grid .sm-all.blog-grid-item:nth-of-type(even) { padding-left: 0px; padding-right: 0px; }


		#content .blocks-gallery-grid li.blocks-gallery-item { width: 100%; margin-right: 0px; }
		#content .wp-block-gallery.columns-3 .blocks-gallery-grid li.blocks-gallery-item { width: 100%; margin-right: 0px; }
		#content .wp-block-gallery.columns-3 .blocks-gallery-grid li.blocks-gallery-item:nth-of-type(3n) { margin-right: 0px; }

		/*=== Landing page  - Home page===*/
		.intro { padding: 200px 12%; }
		.intro p.seemore { font-size: 2em; }
	}