/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,700italic,400italic,300italic,300);

/* typography */

h1,h2,h3,h4,h5,h6 {
font-family: 'Roboto Condensed', sans-serif;
}

a {

}

.innerfix {
padding: 2em;
}

.section .col h3 {
	font-size: 1.8rem;
}

h4.s-title {
	font-size: 1rem;
    margin-top: 0px;
}

h1 a ,h2 a ,h3 a ,h4 a ,h5 a,h6 a {
	color: black;
}

h4.s-title-center {
	font-size: 1rem;
    margin-top: 0px;
    text-align: center;
}


.aside ul li a {
	color: grey;
}

.aside ul {
	margin: 2.8em 0;
}

.aside ul li a {
	margin: 0.6em 0;
    display: block;
}
/* top menu */

.top {
	width: 100%;
    background: black;
    margin: 0px;
    padding: 0 0.5em;
    height: auto;
    float: left;
    clear: both;
    display: flex;
    justify-content: space-between;
    z-index: 9;
}

.top ul {
	width: 50%;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

.top li a {
	padding: 0.5em 2em;
    color: white;
    font-size: 1rem;
    float: left;
}

.top-menu li a {
	float: left;
    display: block;
}

.top-menu li a:first-child {
	padding-left: 0px;
}

.social-menu li a {
	float: left;
}

ul.social-menu li a {
	float: right;
    padding: 0.5em 0 0.5em 2em;
}

/* menu */

nav {
	clear: both;
    width: 100%;
    background: white;
    color: grey;
    
}

nav ul li a {
	color: grey;
}

.main-menu {
	display: flex;
    justify-content: space-between;
    border-bottom: 2px solid lightgrey;
}

.main-menu ul {
	margin: 0;
    padding: 0;
}

.main-menu li a {
	padding: 0 1em;
}

.main-menu li a:first-child {
	padding-left: 0px!important;
}

.main-menu li a:last-child {
	padding-right: 0px!important;
}

/* brand */

.title {
line-height: 100%;
    color: grey;
}


.brand {
	height: auto;
    padding: 5em 0 0;
    background: white;
    line-height: 100%;
}

.brand h1 {
    display: block;
	margin: 0px;
    margin-top: 0.2em;
    margin-bottom: 0px!important;
    font-size: 6rem;
    font-weight: 900;
    color: black;
    letter-spacing: -2px;
    line-height: 50%;
}

.brand h1 span {
	font-weight: normal;
    font-style: italic;
    font-size: 2.5rem;
    color: red;
    font-family: 'Pacifico', cursive;
    letter-spacing: 1px;
    line-height: 140%;
}

.brand h1 a {
	color: black;
}

.brand p {
	margin: 0;
    font-size: 1.2rem;
    text-align: justify;
}

input[type="search"] {
    width: 30%;
    margin: 1em 0;
    border: 1px solid lightgrey;
}

/* slider components */

div.textframe a {
	color: black;
}

div.textframe {
	padding: 0 4em!important;
    display: block;
    position: relative;
}

.textframe h1 {
	margin-top: 0px;
    line-height: 100%;
    font-weight: bold;
}

/* article */

article.onhome {
 border-bottom: 2px solid lightgrey;
 margin-bottom: 1em;   
}

article.onhome:nth-child(4) {
	border-bottom: none;
}

.onpage {
	border-top: none!important;
}

.onpage p {
	text-align: justify;
}

/* nextprev */

ul.nextprev {
width: 100%;
  padding-bottom: 0.1em;
}

.nextprev li {
float: left;
}

.nextprev li.next {
	float: right;
}

/* section */

.section {
	border-top: 2px solid lightgrey;
    margin-top: 2em;
    padding-top: 2em;
}

.section .col img {
	width: 100%;
    margin-top: 1em;
}

span.category-date {
	font-size: 0.8rem;
}

/* infobelt */ 

.TickerNews {
  width: 100%;
  height: 50px;
  line-height: 50px;
    position: fixed;
    bottom: 0;
}

.ti_wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 50px;
}

.ti_slide {
  width: 30000px;
  position: relative;
  left: 0;
  top: 0;
}

.ti_content {
  width: 8000px;
  position: relative;
  float: left;
}

.ti_news { float: left; }

.ti_news a {
  display: block;
  margin-right: 10px;
  color: black;
  text-decoration: none;
  font-family: geneva;
}


/* infobelt-theme */

.TickerNews.infobelt{
   background-color: rgba(255,0,0,0.9);
  color:#4A5C71
}

.TickerNews.infobelt .ti_news a{
  display: block;
  margin-right: 10px;
  color:#fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family: geneva;
}

.TickerNews.infobelt .ti_news span{
  color:red;
  font-size: 110%;
}

/* advertising */

.adv-box img {
	width: 100%;
}

.adv-col {
	margin-top: 2em;
}

.adv-banner {
	display: block;
    width: 730px;
    margin: auto;
}

/* donate */

.donate {
    margin: 1em 0;
	background-color: #F2F4E7;
    padding: 3em;
    text-align: center;
}

/* footer */

footer {
	text-align: center;
    padding: 2em 0 6em;
}

/* data */

.date {
	height: 100px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    font-size: 2.4em;
    font-weight: bold; 
     padding: 2.4rem 1rem;
    text-align: center;
    margin-top: 0.2em;
}

.month {
	font-size: 1rem;
    margin: auto;
    clear: both;
    display: block;
   width: 100%;
    margin-top: 1.4em
        
}

.numb {
	clear: both;
    display: block;
    width: 100%;
   
}

.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
		margin-top: 1em;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* slider */
nav.unslider-nav {
	width: auto!important;
	clear: none!important;
	display: none;
}

.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #000;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: blue;
  cursor: default;
}

.unslider{overflow:auto;margin:0;padding:2em 0 0; position: relative;}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute; top: 45%; z-index:2;cursor:pointer; background: rgba(0,0,0,0.5); padding: 0.5em 1.1em; border-radius: 50px; color: white;}
.unslider-arrow.next{ right: 10px; }
.unslider-arrow.prev{left: 20px;}

/* grid isotope */

.grid { margin-top: 1em; min-height: 400px; background: whitesmoke }

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

.grid-item { background: white;}

.grid-item, .grid-sizer {width: 22.2%; box-sizing: border-box; padding: 1em; margin: 1em;}

.grid h3 { font-size: 1.4rem;}

/* pagination */

.pagination {
	text-align: center;
}

.404 {
	text-align: center!important;
	width: 100%;
	display: block;
}

label.screen-reader-text { display: none;}

.widgets { margin-top: 1em; }

.widgets h4.s-title { color: grey; }

.dropdown-content li > a, .dropdown-content li > span {
	color: black!important;
}

h1.valign{
	text-align: center!important;
	width: 100%!important;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
.grid-item, .grid-sizer {width: 100%; box-sizing: border-box; padding: 1em; margin: 0;}
}
@media only screen and (min-width:480px) {
.grid-item, .grid-sizer {width: 100%; box-sizing: border-box; padding: 1em; margin: 0;}
}
@media only screen and (min-width:768px) {
.grid-item, .grid-sizer {width: 50%; box-sizing: border-box; padding: 1em; margin: 0;}
}
@media only screen and (min-width:1024px) {
.grid-item, .grid-sizer {width: 33.3%; box-sizing: border-box; padding: 1em; margin: 0;}
}
@media only screen and (min-width:1140px) {
.grid-item, .grid-sizer {width: 33.3%; box-sizing: border-box; padding: 1em; margin: 0;}
}
@media only screen and (min-width:1280px) {
.grid-item, .grid-sizer {width: 21.5%; box-sizing: border-box; padding: 1em; margin: 1em;}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	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;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}