@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

Blue: #0025ff
Grey Text: #656d74
Grey Background: #eff2f7

*************************************************/
/*********************
GENERAL STYLES
*********************/

body{
font-family: 'Rubik', sans-serif;
background: #eff2f7;
color: #656d74;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child){
float: left;
}

.center{text-align: center;}
.clear{clear: both;}

/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none; }

h1{
font-family: 'Josefin Sans', sans-serif;
font-size: 2.2rem;
font-weight: 700;
color: #000;
line-height: 1.2;
}
h2{
font-family: 'Josefin Sans', sans-serif;
font-size: 2rem;
color: #000;
}
h3{
font-family: 'Josefin Sans', sans-serif;
}
h4{
font-family: 'Josefin Sans', sans-serif;
}
h5{
font-family: 'Josefin Sans', sans-serif;
}
p, li{
font-family: 'Rubik', sans-serif;
font-size: 1.1rem;
color: #656d74;
}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

.logo{
font-family: 'Josefin Sans', sans-serif;
font-size: 2.6rem;
font-weight: 700;
color: #000;
text-align: center;
margin: 10px 0;
}
	.logo a{color: #000;}

/* Small */
@media screen and (max-width: 40em) {
	.logo{
	text-align: left;
	}
}

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

.top-bar, .top-bar ul{
background: none;
}

.top-nav{
display: inline-block;
background: #0025ff;
margin: 20px auto 0 auto;
}

.menu > li{
font-family: 'Josefin Sans', sans-serif;
font-size: 1rem;
font-weight: 500;
}

.menu > li > a{
color: #fff;
}
.menu > li > a:hover{
background: #0220d1;
}

.menu .active > a{
background: #0220d1;
}

/* change dropdown arrow color (desktop and mobile) */
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
border-color: #fff transparent transparent;
}
	.is-accordion-submenu-parent > a::after {
	border-color: #fff transparent transparent;
	}

.menu .is-dropdown-submenu{
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
list-style: none;
border: none;
text-align: left;
padding: 5px 0;
margin: 0;
}
	.menu .is-dropdown-submenu li{
	font-family: 'Rubik', sans-serif;
	font-size: 0.9rem;
	line-height: 1.2;
	}
	.menu .is-dropdown-submenu a{
	display: block;
	color: #656d74;
	padding: 10px 10px;
	}
	.menu .is-dropdown-submenu a:hover,
	.menu .is-dropdown-submenu .active a{
	color: #fff;
	}

/* Small */
@media screen and (max-width: 40em) {
	.menu li a{
	color: #000;
	}
	.menu li a:hover{
	color: #fff;
	}
}


/*********************
POSTS & CONTENT STYLES
*********************/

#content #inner-content {
  padding: 1rem 0rem; }

.panel{
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.ratings-page-links a{
display: inline-block;
border: 1px solid #d7d7d7;
color: #656d74;
-webkit-transition: 500ms ease;
transition: 500ms ease;
padding: 4px 10px 8px 10px;
margin: 0 8px 10px 0;
}
	.ratings-page-links a:hover{
	border: 1px solid #0220d1;
	background: #0025ff;
	color: #fff;
	}

.archive-grid .article-header{
padding: 15px;
}
	.archive-grid .featured-image{
	padding: 10px;
	}
	.archive-grid .article-header .title{
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	}
	.archive-grid .article-header .title a{
	color: #000;
	}
	.archive-grid .article-header .byline{
	text-align: center;
	margin-bottom: 0.9rem;
	}
	.archive-grid .article-header .star-rating{
	text-align: center;
	}
	.archive-grid .article-header .star-rating p{
	margin: 0;
	}
	.archive-grid .categories{
	text-align: center;
	padding: 0 10px 0 10px;
	}
	.archive-grid .reviewer{
	font-size: 0.95rem;
	text-align: center;
	padding-bottom: 10px;
	}
		.archive-grid .reviewer a{
		color: #656d74;
		text-decoration: underline;
		}
		.archive-grid .reviewer a:hover{
		color: #0025ff;
		}

.byline{
font-size: 0.95rem;
color: #656d74;
}
	.byline a{
	color: #656d74;
	text-decoration: underline;
	}
	.byline a:hover{
	color: #0025ff;
	}

.categories p{
font-size: 0.85rem;
font-weight: 700;
}
	.categories a{
	background: #8a6b8e;
	color: #fff;
	white-space: nowrap;
	padding: 2px 6px;
	}
	.categories a:hover{
	background: #0025ff;
	}


#main.white-background{
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
padding: 20px;
margin-bottom: 20px;
}
	.single .featured-image{
	float: right;
	margin-bottom: 10px;
	width: 50%;
	}
	
.tags{
margin: 10px 0;
}
	.tags a{
	display: inline-block;
	border: 1px solid #d7d7d7;
	color: #656d74;
	-webkit-transition: 500ms ease;
	transition: 500ms ease;
	padding: 6px 10px;
	margin: 0 8px 10px 0;
	}
	.tags a:hover{
	border: 1px solid #0220d1;
	background: #0025ff;
	color: #fff;
	}


#author-info{
clear: both;
border-top: 1px solid #d7d7d7;
text-align: center;
margin-top: 2em;
padding: 2em 0 0 0;
}
	#author-info h4{
	font-weight: 700;
	}
	#author-info a{
	color: #0025ff;
	}


.page-title .vcard {
  border: 0px;
  padding: 0px; }


.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  margin-bottom: 0.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  margin-bottom: 0.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

.pagination {
font-family: 'Josefin Sans', sans-serif;
font-weight: 700;
}
.pagination .current{
background: #0025ff;
}
.pagination li{
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
font-size: 1.1rem;
margin-right: 5px;
}

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/

.sidebar .widget{
background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.15);
padding: 15px;
margin-bottom: 25px;
}

.widget h2,
.widget .wp-block-search label{
font-family: 'Josefin Sans', sans-serif;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.2;
color: #000;
margin-bottom: 0;
padding: 5px 0;
position: relative;
display: flex;
width: 100%;
align-items: center;
margin-bottom: 20px;
position: relative;
border-bottom: 1px solid #d7d7d7;
}
	.widget h2::before,
	.widget .wp-block-search label::before{
	background: #0025ff;
	position: absolute;
	content: "";
	height: 3px;
	width: 25%;
	bottom: -1px;
	left: 0;
	}

.widget ul {
margin: 0;
}
	.widget ul li {
	list-style: none; 
	padding: 6px 0;
	}
	.widget ul li a{
	color: #656d74;
	}
	.widget ul li a:hover{
	color: #0025ff;
	}
	.widget .children {
	margin-left: 20px;
	}
		.widget .children li{
		font-size: 1rem;
		border-bottom: 1px solid #d7d7d7;
		border-top: none;
		}
	

.widget .wp-block-search input[type="search"]{
margin: 0;
}
.widget button{
background: #0025ff;
font-family: 'Josefin Sans', sans-serif;
color: #fff;
font-weight: 700;
padding: 0 6px;
}

/*********************
FOOTER STYLES
*********************/
.footer {
clear: both;
margin-top: 1em; 
}

.footer .copyright{
font-size: 0.8rem;
}

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
.gform_wrapper ul.gfield_radio li input[type="radio"]{
vertical-align: text-top;
margin: 0.1rem 0.3rem 0.2rem 0;
}
.gform_wrapper.gf_browser_gecko select{
padding: 2px 25px 2px 2px;
}
.gform_wrapper [type="checkbox"], .gform_wrapper [type="file"], .gform_wrapper [type="radio"]{
margin: 0 0 0 0;
}

/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }