input[type=submit]  { background: none; width: auto; border: 1px solid #FFFFFF; padding: 10px 10px; color: #FFF; cursor: pointer; font-size: 14px; }
input[type=submit]:hover {background: none; border-color: #FFFFFF; color: #43B8BC; }
input, textarea { font-size: 12px; background: none; box-sizing: border-box; width: 100%; border: 1px solid #43B8BC; padding: 5px 10px; color: #FFF; max-height: 150px;font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif; }
#commentform a,.commentlist a { color: #43B8BC; }

.group:after,.container:after { content: ""; display: table; clear: both; }

.screen-reader-text { text-indent: -9999px; height: 1px; display: block; }

/* ========================================================================== */
/* CUSTOM STYLES */
img { max-width: 100%; height: auto; }
body { font-family: 'Open Sans', sans-serif; font-weight: 300; background: #243B4A; color: #F6F4F2; line-height: 1.4; font-size: 14px; }
body h2 a { text-decoration: none; }
body a { color: #FFFFFF; }

h1,h2,h3,h4,h5,h6 { font-family: 'Josefin Sans'; }
h1 { font-family: 'Josefin Sans', sans-serif; font-size: 40px; color: #FFFFFF; margin: 15px 0; line-height: 1.1; }

header { position: relative; margin: 20px 0 40px; padding: 10px 0; border-bottom: 1px solid #FFF;  }
header h1 { margin: 0; padding: 0; text-align: left; display: inline-block; float: left; }
header h1 a { font-family: 'Josefin Sans', sans-serif; background-size: 100%; margin: 0; color: #43B8BC; font-size: 90px; text-decoration: none; line-height: 1; } 

nav#access { float: right; text-align: right; padding: 0; color: #FFF; font-size: 12px; letter-spacing: 1px; line-height: 60px; }
nav#access ul { margin: 0; padding: 0; }
nav#access ul li { display: inline-block; margin: 0 auto; }
nav#access ul li a { color: #FFF; padding: 0 10px; display: block; margin:  0 10px; text-decoration: none; }
nav#access ul li:last-child a { padding-right: 0; margin-right: 0; }
nav#access ul li a:hover,nav#access ul li.current-menu-item a { color: #43B8BC; text-decoration: none; }
#mobibox { display: none; }

footer { letter-spacing: 1px; text-align: left; padding: 20px 0; border-top: 1px solid #FFF; font-size: 11px; margin-top: 20px; }
footer a { color: #43B8BC; text-decoration: none; text-transform: uppercase; }
footer a:hover { color: #FFF; text-decoration: none; }
footer .lefter { width: 50%; float: left; }
footer .righter { width: 50%; float: right; text-align: right; }
footer .righter ul { margin: 0; padding: 0; }
footer .righter ul li { display: inline-block; margin: 0 auto; }
footer .righter ul li a { color: #43B8BC; padding: 0 10px; display: block; text-decoration: none; }
footer .righter ul li a:hover { color: #FFF; }

.container { max-width: 900px; width: 96%; margin: 0 auto; }


main { max-width: 900px; width: 96%; margin: 0 auto; display: flex;  flex-wrap: wrap; justify-content: center; }
main article { color: #FFF; flex: 2; }
main article h1 { font-family: 'Josefin Sans', sans-serif; font-size: 40px; color: #FFFFFF; margin: 15px 0; line-height: 1.1; }
main article h2 { padding: 25px;  margin: 0; font-size: 24px; line-height: 1.3; color: #43B8BC; font-family: 'Josefin Sans', sans-serif; text-decoration: none; }
main article h2#respond { padding: 25px 0 0 0; }
main aside { flex: 1; }

main article.boxes { padding: 0; background: #2D4654; box-sizing: border-box; justify-content: center; display: flex; flex-direction: column; text-align: center; }
main article.boxes h1 { font-family: 'Josefin Sans', sans-serif; font-size: 30px; color: #FFFFFF; margin: 15px 0; }
main article.boxes > a { padding: 25px;  margin: 0; font-size: 24px; line-height: 1.3; color: #FFF; font-family: 'Josefin Sans', sans-serif; text-decoration: none; display: flex; justify-content: center; align-items: center; height: 100%; transition: all 1s ease; }
main article.boxes > a:hover { color: #FFF; background: #43B8BC; }


.category article {  margin-bottom: 20px; }
.category article img { width: 100%; height: auto; }
.category article h2 { color: #FFFFFF; font-size: 16px; line-height: 1.4; }
.category article h2 a { color: #FFFFFF; text-decoration: none; }
.category article h2 a:hover { color: #FFFFFF; }
a.btn-read-more { color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 11px; }
a.btn-read-more:hover { color: #FFF; }
.category article p { font-size: 14px; line-height: 1.4; }

.entry-meta,.entry-meta a { font-size: 11px; color: #FFF; text-decoration: none; text-transform: uppercase; }
.entry-meta a {  color: #FFF;  }
.entry-meta a:hover { color: #FFF; }


.heading { text-align: left; max-width: 900px; width: 96%; margin: 0 auto; }

aside.pagination { max-width: 900px; width: 96%; margin: 0 auto; }
.paginate-links { display: block; width: 100%; text-align: center; margin: 20px 0; padding: 0; }
.paginate-links span { list-style: none; display: inline-block; display: inline-block;border: 1px solid #FFFFFF; height: 30px; line-height: 30px; min-width: 30px; width: 30px; }
.paginate-links a { text-decoration: none; background: none; color: #FFFFFF; display: inline-block; border: 1px solid #FFFFFF; height: 30px; line-height: 30px; min-width: 30px; width: 30px; }
.paginate-links a:hover { background: #FFFFFF; color: #43B8BC;}
.paginate-links a.prev,.paginate-links a.next { background: none; border: none; color: #43B8BC; text-align: center; } 
.paginate-links  a.prev:hover,.paginate-links a.next:hover { color: #43B8BC; }

#entry-author-info { text-align: left; padding-top: 0; }
#entry-author-info .avatar { display: none; }

#nav-below { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 20px 0; }
#nav-below > div { width: 50%; float: left; }
#nav-below > div a { color: #FFFFFF; text-transform: uppercase; text-decoration: none; }
#nav-below > div a:hover { color: #43B8BC; }
#nav-below .nav-next {text-align: right; }

.sidebar { margin: 20px 0; padding: 0; }
.sidebar ul { margin: 0 0 15px 20px; padding: 0; list-style: inside; }
.sidebar ul li a { color: #FFFFFF; text-decoration: none; }
.sidebar ul li a:hover { color: #43B8BC; }

/* MASONRY */

.grid { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(350px,1fr)); width: 100%; }

figcaption { font-size: 11px; }
.wp-block-image .alignleft { margin-right: 2em!important; }

.article-meta { margin: 10px 0; font-size: 11px; }
.article-meta a:hover { color: #43B8BC; }

#searchform #s { margin-bottom: 10px; }
#searchform #searchsubmit { padding: 5px 10px; }
h3.widget-title { font-size: 20px; }

/* MEDIA QUERIES */

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

}

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

}

@media all and (max-width: 768px) {
  nav#access { position: absolute; top: 0; right: 0; }
  nav#access .menu-header { display: none; position: absolute; top: 52px; right: 0; z-index: 99999; background: #43B8BC; width: 240px; padding: 0 20px; }
  nav#access .menu-header ul { margin: 0; padding: 0; width: 100%; }
  nav#access .menu-header ul li { margin: 0; padding: 0; width: 100%; }
  nav#access .menu-header ul li a { box-sizing: border-box; margin: 0; }
  #mobibox { display: block; margin: 0; position: absolute; top: 13px; right: 0;  }
  #mobibox #showmobi { background: #43B8BC  ; color: #FFFFFF;  float: left; cursor: pointer; width: 35px; height: 35px; line-height: 35px; text-align: center; }
  #mobibox #showmobi i { color: #FFFFFF; font-size: 25px; text-align: center; line-height: 35px; }

}

@media all and (max-width: 568px) {
  main { width: 90%; display: block; }
  header h1 a { font-size: 50px; }

  .sidebar { margin: 20px 0; padding: 0; }
  .sidebar ul { margin: 0; padding: 0; list-style: inside; }

  footer .lefter, footer .righter { width: 100%; float: left; text-align: left; margin-bottom: 10px; }
  footer .righter ul li a { padding: 0 20px 0 0; }
  main article h1 { font-size: 30px; }
  #nav-below > div a { font-size: 11px; }
  nav#access ul li a:hover,nav#access ul li.current-menu-item a { color: #FFF; text-decoration: none; }

}