@font-face {
	font-family: StRyde;
	src: url("/wp-content/themes/ATYPIC/public/fonts/StRydeRegular.eot"); /* IE9 Compat Modes */
	src: url("/wp-content/themes/ATYPIC/public/fonts/StRydeRegular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("/wp-content/themes/ATYPIC/public/fonts/StRydeRegular.woff") format("woff"), /* Modern Browsers */
	url("/wp-content/themes/ATYPIC/public/fonts/StRydeRegular.ttf")  format("truetype"), /* Safari, Android, iOS */
	url("/wp-content/themes/ATYPIC/public/fonts/StRydeRegular.svg#StRyde") format("svg"); /* Legacy iOS */
	font-weight:400;
	font-style: normal;
}

@font-face {
	font-family: StRydeLight;
	src: url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Light.eot"); /* IE9 Compat Modes */
	src: url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Light.woff") format("woff"), /* Modern Browsers */
	url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Light.ttf")  format("truetype"), /* Safari, Android, iOS */
	url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Light.svg#StRyde") format("svg"); /* Legacy iOS */
	font-weight:300;
	font-style: normal;
}

@font-face {
	font-family: StRydeMedium;
	src: url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Medium.eot"); /* IE9 Compat Modes */
	src: url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Medium.woff") format("woff"), /* Modern Browsers */
	url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Medium.ttf")  format("truetype"), /* Safari, Android, iOS */
	url("/wp-content/themes/ATYPIC/public/fonts/StRyde-Medium.svg#StRydeMedium") format("svg"); /* Legacy iOS */
	font-weight:500;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,800,800i,900,900i&display=swap');



/***********************************************************************************/
/*** General
/***********************************************************#************************/
*{height:auto;min-height:0;max-height:999999px}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body,div,button,input,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}.clear:after{clear:both;display:table;line-height:0;content:""}ul li{vertical-align:top;list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent;text-decoration:none}a:active,a:hover{outline:0;text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

body{font-family: 'StRydeLight'; font-size: 1em; font-weight: 400; background-color:#fff; line-height: 1.8em; color:#002565; }
body *{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

html{height:100%;}
.clear{clear:both;}
.clear:after{ clear: both; display: table; line-height: 0; content: ""; }

.wrapper{ width:100%; max-width:1320px; position:relative; display:block; margin:auto; }
.p-60{padding-left:60px; padding-right:60px;}
.p-80{padding-left:80px; padding-right:80px;}
.p-270{padding-left:270px; padding-right:270px;}


.ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.site-content img{ max-width: 100%; width: auto;}

/***********************************************************************************/
/*** Text
/***********************************************************************************/
.center{text-align:center;}

body p b, 
body p strong,
.site-content strong,
.site-content b{ font-family: 'StRydeMedium'; font-weight:500; color:inherit; }

h1, h2, h3, h4, h5, h6{ margin-bottom:0.5rem; }
h1, .h1{ color:#002855; font-weight:600; margin-bottom: 0.67em; font:3.7em/1em "StRyde"; letter-spacing: 2.4px; text-transform: initial;}
h2, .h2{ font-size:36px; line-height:1.3em; color:#002855; font-weight:400; letter-spacing: 0.72px; font-family: "StRyde"; margin-bottom:1.3rem; text-transform: initial;}
h3, .h3{ font-size:1.15em; line-height:1.5em; color:#002855; font-weight:900; text-transform: uppercase; font-family:'Lato', sans-serif; margin-bottom:1rem;}
h4, .h4{ color:#002855; font-weight:500; font:16px/20px "StRydeMedium"; margin-bottom:5px; text-transform: initial; }
h5, .h5{ color:#002855; font-weight:500; font:16px/20px "StRydeMedium"; margin-bottom:5px; text-transform: initial; }

.page:not(.home) .page-header .wrapper .header-bot .bot h1{ margin-bottom: 1.05rem!important;}
a h1, h1 a, .h1 a,
a h2, h2 a, .h2 a,
a h3, h3 a, .h3 a,
a h4, h4 a, .h4 a,
a h5, h5 a, .h5 a{ font-size:inherit; font-weight:inherit; color:inherit; line-height:inherit; text-decoration:none; font-family:inherit;}
a h1:hover, .h1 a:hover,
a h2:hover, .h2 a:hover,
a h3:hover, .h3 a:hover,
a h4:hover, .h4 a:hover,
a h5:hover, .h5 a:hover{color:#002565;}

a{ font-family: 'StRyde'; font-weight:400; text-decoration:underline; color:#002565; text-decoration: none}
a:hover{ text-decoration:none; }
a, a:visited, a:hover{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

p{ margin-bottom:1rem; }

.small{font-size:0.9em; line-height:1.375em;  }
.xsmall{font-size:13px; line-height:21px; font-family:'Lato', sans-serif; font-weight:400; } 

ol { counter-reset: my-counter; list-style-type: none; margin-bottom:1rem; padding-left: 1.6em;}
ol ol{ margin-left: 1.3em; margin-bottom:0.5rem; }
ol li { counter-increment: my-counter; line-height: 1.5; }
ol li:before {
	content: counters(my-counter, ".") " -"; 
	text-transform: uppercase;
	padding-right: 5px;
}
ol ol{padding-left:0;}

.page:not(.home) .site-content ol li:before,
.archive .site-content ol li:before{
	font-size: 1em;
	line-height: 1.7em;
	color: #002855;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	position:relative;
	top:2px;
}

ul{ list-style-type:circle; margin-bottom:1rem; padding-left: 1.6em;}
ul ul{ margin-left: 1.3em; margin-bottom:0.5rem; }
ul li { line-height: 1.375em; position:relative; padding-left: 0.9em;  }
ul li:before {
	content:"\f111"; 
	font-family: "Font Awesome 5 Free";
	font-weight:600;
	font-size: 6px;
	line-height: 1.72em;
	position:absolute; 
	left:0;
	top:12px;
}
ul ul­{padding-left:0;} 

/***********************************************************************************/
/*** Breadcrumbs
/***********************************************************************************/
.home .breadcrumbs{display:none; }
.breadcrumbs{ display:block; } 
.breadcrumbs span.bread-item a,
.breadcrumbs a.home{font: 900 0.73em/20px 'Lato', sans-serif; text-transform: uppercase; color:#002855; letter-spacing:0.5px; } 
.breadcrumbs span.divider{font: 900 0.86em/20px 'Lato', sans-serif; text-transform: uppercase; color:#002855; letter-spacing:0.5px; padding-left:15px; padding-right:15px;} 
.breadcrumbs > span:last-child{ }
.breadcrumbs i{font-size:16px; margin-right:2px;}

/***********************************************************************************/
/*** Share
/***********************************************************************************/ 
body .share{ height:22px; overflow:hidden; padding-left:40px;}
body .share a span svg path{
	fill:#002855;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
body .share a:hover span svg path{fill:#05c3de;}
body .share a span{ width:22px; height:22px; position:relative;}
body .share a{margin-left:25px;}
body .share a:first-child{margin-left:0;}
body .share a:nth-child(4) span{width:25px; position:relative; top:3px;}
body .share a:hover span{opacity:1!important;}
body .share a span svg{ background-position: center; position:absolute; bottom:0; top:initial;}

/***********************************************************************************/
/*** Shortcode - Spoilers
/***********************************************************************************/
body .site-content .su-accordion{margin:0 0 1em 0;}
body .site-content .su-accordion .su-spoiler{ margin-bottom: 0.5em; }
body .site-content .su-accordion .su-spoiler:last-child{margin-bottom:0;}
body .site-content .su-accordion .su-spoiler > .su-spoiler-title{
	padding:18px 55px 16px 20px;
	font-size: 1em;
	line-height: 1.3rem;
	font-weight:600;
	color:#fff;
	background-color:blue;
	display:block; 
	position:relative;
}
body .site-content .su-accordion .su-spoiler > .su-spoiler-title:before{
	content:"\f106"; 
	font-family: "Font Awesome 5 Free";
	font-weight:600;
	line-height:55px;
	position:absolute; 
	height:54px;
	width:15px;
	top:0;
	right:20px;
	font-size:22px;
}
body .site-content .su-accordion .su-spoiler > .su-spoiler-title .su-spoiler-icon{display:none;} 
body .site-content .su-accordion .su-spoiler > .su-spoiler-content{ background-color: #eee; }
body .site-content .su-accordion .su-spoiler > .su-spoiler-content:after{clear: both; display: table; line-height: 0; content: "";}
body .site-content .su-accordion .su-spoiler>.su-spoiler-content{ padding-right:1em; padding-left:1em; }

/*close*/
body .site-content .su-accordion .su-spoiler.su-spoiler-closed  > .su-spoiler-title{background-color:#000;}
body .site-content .su-accordion .su-spoiler.su-spoiler-closed > .su-spoiler-title:before{content:"\f107"; }


/***********************************************************************************/
/*** Shortcode - Divider
/***********************************************************************************/
body .su-divider{ margin: 2.5rem auto 2.5rem auto!important; display:block; border-width: 3px!important; border-color: #eaebeb!important; }

/***********************************************************************************/
/*** Navigation - Archive
/***********************************************************************************/
.nav-page{display:block; position:relative; text-align: center;} 
.nav-page ul{ display:block; position:relative; text-align: center; list-style-type:none; margin:0 0 0 0; padding:30px 0 20px 0; } 
.nav-page ul li{display:inline-flex; font-family:'Lato', sans-serif; margin:0 2px;}
.nav-page ul li:before{display:none;}
.nav-page ul li a{
	text-decoration: none;
	font-family: 'Lato', sans-serif; 
	font-size: 14px;
	line-height:18px;
	padding:0 1px 0 1px;
	display:inline-block;
	font-weight:400;
	position:relative; 
	border-bottom:2px solid transparent; 
	top:-2px;
}
.nav-page ul li a.active{font-weight: 900; border-bottom:2px solid #05C3DE; font-size: 14px; top:0;}

/***********************************************************************************/
/*** Grid
/***********************************************************************************/  
.grid{display:block; position:relative; display:flex; flex-flow: row wrap; flex-wrap: wrap; }
.grid:after{ content: ""; flex: auto}

/*** Column - 2 ***/
.grid .column.column-2{width:50%; position:relative; display:flex; flex-direction: column; }
.grid .column.column-2 .column-wrap{ padding:0 20px 40px 20px; height:100%; }  


/*** Column - 3 ***/
.grid .column.column-3{width:33.3%; position:relative; display:flex; flex-direction: column; } 
.grid .column.column-3 .column-wrap{ padding:0 20px 40px 20px; height:100%;}  

/*** Column - 4 ***/
.grid .column.column-4{width:25%; position:relative; display:flex; flex-direction: column; } 
.grid .column.column-4 .column-wrap{height:100%; padding:0 40px 20px 20px; }  




/***********************************************************************************/
/*** Article
/***********************************************************************************/ 
.column.column-2 article .wrap .thumbnail{height:350px;}
.column.column-3 article .wrap .thumbnail{height:190px;}
.column.column-4 article .wrap .thumbnail{height:170px;}


article{ position:relative; } 
article .wrap{ position: relative; display: flex; flex-direction: column; height:100%; border-radius:6px; overflow:hidden; }
article .wrap .thumbnail{ position:relative; }
article .wrap .thumbnail .img{ position:absolute; top:0; right:0; bottom:0; left:0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index:1;}
article .wrap .thumbnail a{position:absolute; top:0; right:0; bottom:0; left:0; text-decoration: none; height:100%; width:100%; z-index:2;}
article .wrap .content{ flex-grow:1; display: flex; flex-direction: column;  background-color: #fff; padding:25px 40px 30px 40px;}
article .wrap .content .head{ display:block; position:relative; margin-bottom:5px; } 
article .wrap .content .head span{display:block;} 
article .wrap .content .head .category{color:#05C3DE; font-size:11px; line-height:18px; text-transform: uppercase; font-family:'Lato', sans-serif;  }
article .wrap .content .head .category a{text-decoration: none; color:#05C3DE; padding:0 8px 0 4px; position:relative; }
article .wrap .content .head .category a:first-child{padding-left:0;}
article .wrap .content .head .category a:before{ width:1px; content:""; position:absolute; background-color:#05C3DE; top:0; bottom:1px; right:0; }
article .wrap .content .head .category a:last-child:before{display:none;}
article .wrap .content p{margin-bottom:6px;}
article .wrap .content span.date{display:block; color: #75787B; font-style:italic; font-family:'Lato', sans-serif; font-weight:400; font-size:13px; line-height:18px;} 
article .wrap .content span.date .fas{font-weight:400; color: #75787B; font-size:16px; font-style:normal; padding-right:8px;}

@media screen and (max-width: 950px){
	/*** Column - 3 ***/
	.grid .column.column-3{width:49%; }  
	.grid .column.column-3 .column-wrap{padding-bottom:4.5%; }  

	/*** Column - 4 ***/
	.grid .column.column-4{width:32.3% }
	.grid .column.column-4 .column-wrap{ padding-bottom:5.3%;}  

	/*** Article ***/  
	.column.column-4 article .wrap .content{padding:1.5em;}

	/*** Article ***/ 
	.column.column-2 article .wrap .thumbnail{height:180px;}
	.column.column-3 article .wrap .thumbnail{height:180px;}
	.column.column-4 article .wrap .thumbnail{height:180px;}  
}
}

@media screen and (max-width: 765px){ 

	/*** Column - 4 ***/
	.grid .column.column-4{width:49%; }    
	.grid .column.column-4 .column-wrap{padding-bottom:4.5%; } 

	/*** Article ***/ 
	.column.column-2 article .wrap .thumbnail{height:210px;}
	.column.column-3 article .wrap .thumbnail{height:210px;}
	.column.column-4 article .wrap .thumbnail{height:210px;}  
}

@media screen and (max-width:600px){
	/*** Column - 2 ***/
	.grid .column.column-2{ width:100%; display:block; }  
	.grid .column.column-2 .column-wrap{padding-left:0; padding-right:0;}  

	/*** Column - 3 ***/
	.grid .column.column-3{ width:100%; display:block; }  
	.grid .column.column-3 .column-wrap{padding-left:0; padding-right:0;}

	/*** Column - 4 ***/
	.grid .column.column-4{ width:100%; display:block; } 
	.grid .column.column-4 .column-wrap{padding-left:0; padding-right:0;}

	/*** Article ***/ 
	.column.column-2 article .wrap .thumbnail{height:240px;}
	.column.column-3 article .wrap .thumbnail{height:240px;}
	.column.column-4 article .wrap .thumbnail{height:240px;}
}

@media screen and (max-width: 400px){ 
	/*** Article ***/ 
	.column.column-2 article .wrap .thumbnail{height:180px;}
	.column.column-3 article .wrap .thumbnail{height:180px;}
	.column.column-4 article .wrap .thumbnail{height:180px;}
}