/*

Theme Name:		ase

Version:		1.0

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Clearings
4.0 - Structure
5.0 - Header
6.0 - Navigation
 6.1 - Menus
7.0 - Content Post and Pages
8.0 - Footer Content
9.0 - Other
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/

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, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
 }


 html {
    font-size:62.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	
 }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {display: block;}

ul {
   list-style: disc;
    margin-bottom:20px;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
 }

table p {margin: 20px 0;}

td {padding: 5px;}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
 }


a {
	color: #333;
	text-decoration:none;
  }
 
a:hover,
a:active {
	outline: 0;
        color:#810f26;
}

a img {border: 0;}


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body {
	font-size:1.6rem;
   	font-family: 'Philosopher', Open Sans, Arial, Helvetica, sans-serif;
	color:#333;
	line-height: 1.6;
	background: #fafafa;
    	font-weight:300;   


 }

h1, h2, h3, h4, h5 {
	margin-bottom: 1.5rem;
	line-height: 1.3;
	font-weight:300;  
 	
}
 

h1 {
    font-size: 2.8rem;
}

h2 {
    font-size: 2.4rem;
}

h3 {
    font-size: 2.2rem;

}

h4 {
    font-size: 1.8rem;
}

h5 {
    font-size: 1.7rem;
}

.home .entry-title {
	margin-bottom: 1rem;
}

.single .entry-title {
    margin-bottom:1rem;
}

.single .entry-title:after,
.home .entry-title:after  {
    content: " ";
    display: block;
    height: 0.2rem;
	width: 9.7rem;
    background: #e6eaee;
    margin: .5rem 0 0;
}



i, em, var, address, dfn {font-style: italic;}

strong, b {
    font-weight: 700;
}


.footnotes {
	border-top: 1px solid #E7E7E7;
	padding-top:6px;
	font-size:1.4rem;
	line-height:1.3;
}

.jump {font-size:1.2rem;}
/*--------------------------------------------------------------
3.0 Clearings
--------------------------------------------------------------*/

.clear,
.main:after,
.post-navigation:after,
.blog article:after,
.category article:after,
.attachment-single-thumb:after  {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
 }
 
/*--------------------------------------------------------------
4.0 Structure
--------------------------------------------------------------*/

#wrapper {
}

.main {
        max-width: 1440px;
	margin: 0 auto;	
	padding:0;
	background: #fff;
 }

.home .main { background: #f2f2f2;} 

.front--second .column-content {padding: 1.5rem 0;}


.front--fourth .column-content {padding:1.5rem 0.75rem 1.5rem 0;}

.home article.post,
#text-2 .textwidget {
    padding:1.5rem;
    background:#fff;
    border: 1px solid;
    border-color: #ececec #e7e7e7 #dcdcdc;
    border-radius: 3px;
}

.home article.post img {width:100%;}

#text-2 .textwidget {
    padding:1rem;
}

#text-2 .textwidget img {display:block;}

#content {
	max-width: 1440px;
	display: flex;  
	flex-flow: row wrap;
} 

#content {border-top:1px solid #e7e7e7;}

.home #content {border:none;}

 
.container {
	padding:3rem 4rem;
} 
.column {
	position:relative;
	border-top: 1px solid #e7e7e7;
} 

.column-content {
	padding: 1.5rem;
}

.page-template-video-grid .column-content {
	padding: .75rem;
}

.column-content.second { 
     padding-top:0;
}


#primary:after  {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid #e7e7e7;
	
}


.front--first {
	flex: 0 0 10%;
	max-width:10%;
} 


.front--second {
	flex: 0 0 35%;
	max-width:35%;
}

.front--third {
	flex: 0 0 29.50%;
	max-width:29.50%;
}

.front--fourth {
	flex: 0 0 25.50%;
	max-width:25.50%;
}

.video-col {
	flex: 0 0 33.33%;
	max-width:33.33%;
}

#primary{
	position:relative;
	background:#fff;
        flex: 0 0 70%;
	max-width:70%;
 }
 

#secondary {
	position:relative;
        flex: 0 0 30%;
	max-width:30%;
        background: #f7f7f7;
 }

#secondary .container { padding:2rem 1.5rem; }
 
.widget-area aside{
	padding:1rem 0 1.5rem;
	}




/*--------------------------------------------------------------
5.0 Header
--------------------------------------------------------------*/

.site-header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	font-family: 'Philosopher', sans-serif;
 }

.header-banner {
	max-width:1440px;
        margin: 0 auto;
	text-align:center;
 } 

.header-banner img {display:block;}

.logo {
	max-width:1440px;
        margin: 0 auto;
	padding: 1rem 0;
	text-align:center;
        background:#fff;
 } 
 
.logo a {display: inline-block;} 

.c-header-top {
	background: #810f26; 
	background: -moz-linear-gradient(top, #b11433 0%, #8a0e26 48%, #810f26 100%); 
	background: -webkit-linear-gradient(top, #b11433 0%,#8a0e26 48%,#810f26 100%); 
	background: linear-gradient(to bottom, #b11433 0%,#8a0e26 48%,#810f26 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b11433', endColorstr='#810f26',GradientType=0 ); 
}

.u-headline {
	color: #fff;
	font-size: 2.5rem;
	text-align:center;
	max-width: 68rem;
	margin: 0 auto;
	padding: 1.5rem 1rem;
	line-height: 1.3;
}

	.u-headline a {
		color: #fff;
	}
 
 
/*--------------------------------------------------------------
6.0 Navigation
--------------------------------------------------------------*/

.navigation-wrapper {
	width: 100%;
	max-width:1440px;
        margin: 0 auto;
	background: #fff;
        border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	z-index:99987;

 }
 

.navigation-content {
        max-width: 1440px;
	display: flex;
        height: 34px;
}
 
.navigation-wrapper.fixed {
	position: fixed;
	top: 0;
	left: 0;
        right: 0;

}  


.admin-bar .navigation-wrapper.fixed {
        top: 32px;
}

.navigation-wrapper.secondary {
	border-bottom: none;
 }

/*--------------------------------------------------------------
6.1 Menus
--------------------------------------------------------------*/
	
.site-navigation.primary {	
	position: relative;
	flex: 0 0 79.5%;
	max-width: 79.5%;
 }
 
 .site-navigation.secondary {	
	flex: 0 0 100%;
	max-width: 100%;
 }
 
 
.hidden-navigation {display:none;}
 
.menu-mobile-menu-container {display: none;}

.visible {display: block;}
 
.nav-features {
	display: flex;
	flex: 0 0 20.5%;
	max-width: 20.5%;
 }
.header-search {
	flex: 0 0 14%;
	max-width: 14%;
        position: relative;
}

.nav-social-icons {
	flex: 0 0 58%;
	max-width: 58%;
        display: flex;
        justify-content: center;
}

.language {
	flex: 0 0 28%;
	max-width: 28%;
	display: flex;
	justify-content: center;

} 

.site-navigation ul,
.language ul {
	padding: 0;
	margin: 0;
	list-style: none;    
        display: flex; 
 }
                
.site-navigation li {
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform:uppercase;
        position: relative;
        border-right: 1px solid #e7e7e7;
}

.site-navigation.primary li {
    width:20%;
}

.site-navigation.secondary li {
    width:15.85%;
}

.site-navigation li a {
	font-size:1.4rem;
	line-height:1;
	padding: 1rem;
        display: block;  
	color: #333;
	text-decoration: none;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;

}

.site-navigation.secondary li:last-child {
    width:20.75%; 
}

.site-navigation.secondary li:last-child  {
    border-right: none;
}

.site-navigation li a:hover {
	background: #810f26;
	box-shadow:inset 0 0px 1px rgba(0,0,0,.05);
        color:#fff;
			
}

.menu-item-has-children a:after {
        position: absolute;
	font-family: FontAwesome;
	margin-left:4px;
	font-size: 15px;
        content: "\f107";
}

.menu-item-has-children ul li a:after {
	    content: none;
}


.site-navigation ul ul li a:hover,
.navigation-wrapper.fixed .site-navigation li a:hover, 
.site-navigation .menu-item-has-children:hover > a,
.navigation-wrapper.fixed .site-navigation .menu-item-has-children:hover > a {
        background: #810f26;
        color:#fff;
}




.site-navigation ul ul {
        flex-flow: row wrap;
	position: absolute;
	top: 34px;
	left: -9999px;
	z-index: 99997;
        width:100%;
	margin:0;
        padding: 0;
        border-top: 1px solid #e7e7e7;
	background:#f4f4f4;
}

.site-navigation li:hover > ul { 
	left: 0;
}


.site-navigation.primary ul ul li,
.site-navigation.secondary ul ul li,
.site-navigation.secondary ul ul li:last-child { 
        width:100%;
	background:#fff;

}

.site-navigation ul ul li {
        overflow:hidden;
        max-height:0;
        -webkit-transition:max-height 700ms ease;
        -moz-transition:max-height 700ms ease;
        transition:max-height 700ms ease;
        border-right:0;
}


.site-navigation ul ul li a {
	background: #f4f4f4;
	display:block;
        margin:0;        
        
}

.site-navigation ul ul li:last-child a,
.site-navigation.secondary ul ul li:last-child a {
        border-bottom: 0; 
}


.site-navigation ul > li:hover ul li {
    max-height:55px;
}


.navigation-wrapper.fixed .site-navigation ul ul {
	top: 34px;
}


.site-navigation ul ul .menu-item-has-children a::after {
    font-family: FontAwesome;
    float:right;
    font-size: 15px;
    content: "\f105";
    color:##898989;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
}


.site-navigation ul ul .menu-item-has-children ul li a:after {
	    content: none;
}




/* Language menu */


.menu-language-menu-container {
   display: flex;
   justify-content: center;
}

.language ul {
   display:flex;
   align-items:center;
	
}

.language ul li {margin:3px;}

.language li a {
  text-indent:-9999px;	
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
}


.lang-en {
  background: url('images/en.png') no-repeat;
}

.lang-mk {
  background: url('images/mk.png') no-repeat;
}



/* Small menu */

.main-small-navigation {
	
}
	
.main-small-navigation .mobile-menu {
	animation: slideInLeft .4s;
	display: none;
	width: 50%;
	position: fixed;
	top: 36px;
	text-align:center;
    margin:0;
    list-style:none;
	background: #fafafa;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	z-index: 99995;
        
 }


.main-small-navigation .mobile-menu li {

	width:100%;
	}

	.main-small-navigation .mobile-menu li a {
		padding: 1rem 0;
		color: #333;
        font-size:1.7rem;   
		text-decoration: none;
		border-right: none;
	 }


.main-small-navigation ul ul li a {
	font-size: 1.7rem !important;
}

.main-small-navigation .sub-menu {margin:0;list-style:none;}

.site-navigation h3 {display: inline-block;}

.menu-toggle {
	width: 40px;
	height: 32px;
	opacity:.95;
	position:absolute;
	left:6px;
	top:0;
	margin: 0;
	cursor: pointer;
	z-index: 99987;
 }

.admin-bar .main-small-navigation .menu-toggle {top:0;}

.menu-toggle:after {
    position: absolute;
    top: 15px;
    left:5px;
    display: block;
    height: 4px;
    width: 30px;
    border-top: 3px solid #111;
    border-bottom: 3px solid #111;
    content: '';
    transition: .3s;
  }

.menu-toggle:before { 
    position: absolute;
    top: 8px;
    left: 5px;
    display: block;
    height: 3px;
    width: 30px;
    background: #111;
    content: ''; 
    transition: .3s;
}

.menu-toggle.toggled-on:after {
    top: 16px;
    background: #111;
    border: 0;
    height: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
.menu-toggle.toggled-on:before {
    top: 16px;
    height:3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

/*--------------------------------------------------------------
7.0 Content Post and Pages
--------------------------------------------------------------*/

.widget.widget_text {
     margin-bottom:3rem;
}

.section-title,
.widget-title {
	font-size: 2.5rem;
	padding: 1rem;
	line-height: 1;
	background: #fbfbfb;
	margin-bottom: 1.5rem;
        color:#810f26;
        border: 1px solid;
        border-color: #ececec #e7e7e7 #dcdcdc;
        border-radius: 3px;
 }

    .section-title a {color:#fff;}

	
.video-content {padding:.75rem; justify-content: center;}	

.video-title {
	background: #111;
	font-size:2rem;
        line-height: 1.3;
	padding:.3rem 1rem;
}	

.video-title a {
	color: #fff;
}

.church-box {
    position:relative;
}

.church-box img {display:block;}

.church-box a {
    display:block;
}

.church-title {
    position: absolute;
    font-size: 2rem;
    width: 96%;
    bottom: 0;
    margin: 0;
    padding: 1rem 2%;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.55);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;		
}


.church-box:hover > .church-title { 
    background: rgba(0,0,0,0.8); 
}

.church-title:hover {color:#fff;}

.entry-content {padding:1.5rem 0;}

p { margin-bottom:19px; color:#4c4c4c;}


article.post p, 
article.post p {
	margin-bottom:14px;      
}

.entry-content ul,	
.entry-content ol {
    padding-left:30px;
}

#secondary ul,
.home-sidebar ul {list-style: none;}


ul.circle { 
     list-style-type: circle;
     margin-top:20px;
}


.entry-content li {margin-bottom:10px;}

.entry-meta {font-size:1.3rem;}

.single .entry-meta {margin-bottom:10px;}

.entry-meta a{color:#787f8c;}

article.post,
article.post {
	border-bottom: 1px solid #E7E7E7;
	margin-bottom:1.5rem;
	padding-bottom:2.5rem;
}

article.post:last-child,
article.post:last-child {border:none;}


.side-menu {
	list-style:none;
	display:flex;
	flex-direction: column;
	margin-bottom: 0;
        margin-top:1rem;
	
}

.side-menu li {
	text-align: center;
        line-height: 1;
        padding: 0.4rem 1rem;
}

.side-menu li a{
	display:block;
	padding: 0.7rem .5rem;
        word-wrap: break-word;
        background: #fbfbfb;
        border: 1px solid;
        border-color: #ececec #e7e7e7 #dcdcdc;
        border-radius: 3px;
	}

.side-menu .menu-image-title {display:block;}

.menu-item a.menu-image-title-below.menu-image-not-hovered img {
        padding-bottom: 5px;
}

input[type="submit"].wpcf7-submit {
        background: #88d420;
	color:#fff;
        font-size:1.6rem;
	line-height:1;
	font-weight: 500;
	display:inline-block;
	border-radius: 100px;
	text-transform:uppercase;
        padding: 14px 32px;
}

input[type="submit"].wpcf7-submit { border-radius: 4px;}


.blog .entry-content,
.archive .entry-content {
    padding: 1.5rem 0 0;
}



.posted-on:before{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	content: "\f073";
    color: #333;
	font-family: FontAwesome;
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	margin-right: 6px;
	position: relative;
}

.posted-on {
	margin-right: 1rem;
	color:#787f8c;
}


.social-sharing-buttons {
	text-align:right;
	padding:2rem 0 0;
	}

.social-share {
    border: 1px solid #333;
	border-radius:100%;
	width: 32px;
	height:32px;
	display: inline-block;
	position:relative;
	text-align:center;
	margin-left:10px;
	-moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.social-share:hover {
	background: #fafafa;
}

	
.social-share.facebook:before,
.social-share.twitter:before,
.social-share.googleplus:before	{  
    display: inline-block;
	vertical-align:middle;
	font-family: FontAwesome;
	font-style:normal;
    font-size: 20px;
	color:#333;	
	-moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

	.social-share.facebook:before { content: "\f09a";}
	.social-share.twitter:before { content: "\f099";}
	.social-share.googleplus:before { content: "\f0d5";}

	.social-share.facebook:hover::before,
	.social-share.twitter:hover::before ,
	.social-share.googleplus:hover::before 	{
           color:#000;

}


@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
	
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }


/*--------------------------------------------------------------
8.0 Footer content
--------------------------------------------------------------*/

#footer {
        background:#e4e4e4;

 }

.footer-container {
	display: flex;  
	flex-flow: row wrap;
        max-width:1440px;
        padding: 1.5rem 0.75rem;
	margin: 0 auto;	
        justify-content: space-around;
}

#footer .column {
	border-top: none; 
	background:#fbfbfb;
}

.footer--first,
.footer--third {
	flex: 0 0 23.5%;
	max-width: 23.5%;
}

.footer--second {
	flex: 0 0 50%;
	max-width:50%; 
}

#footer .column-content {
	padding: 1.5rem 0.75rem;
}


#footer .column-content h4 {
        color:#555;
        font-size:2.2rem;
        text-align:center;
        margin-bottom:3rem;
}


.footer-copyright { 
         position:relative;
         text-align:center; 
         padding: 1rem 0.5rem 0;}


.footer-copyright:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  border-top: 1px solid #e7e7e7;
}

.social-icons {
         display: flex;
         margin:1rem 0;
         padding:0;
         list-style:none;
         line-height:1;
         justify-content: center;
        
}

.nav-social-icons .social-icons { margin:0;align-items:center;}

.social-icons li {
         margin:0 6px;
}

.nav-social-icons .social-icons li {margin:0 4px;}

.social-icons li a {	
        display: inline-block;
}

.facebook-icon a:before,
.youtube-icon a:before,
.twitter-icon a:before,
.instagram-icon a:before,
.nav-facebook-icon a:before,
.nav-youtube-icon a:before,
.nav-twitter-icon a:before,
.nav-instagram-icon a:before {
    display: inline-block;
    font-family: FontAwesome;
    color:#c1c1c1;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
	
}

.facebook-icon a:before {
    content: "\f082";
    color:#3b5998;
    font-size: 4.6rem;
}

.youtube-icon a:before {
    content: "\f166";
    color:#c5070d;
    font-size: 4.6rem;
}

.twitter-icon a:before {
    content: "\f081";
    color:#1DA1F2;
    font-size: 4.6rem;
}

.instagram-icon a:before {
    content: "\f16d";
    color:#cd486b;
    font-size: 4.6rem;
}

.nav-facebook-icon a:before {
    content: "\f082";
    color:#3b5998;
    font-size: 2.8rem;
}

.nav-youtube-icon a:before {
    content: "\f166";
    color:#c5070d;
    font-size: 2.8rem;
}

.nav-twitter-icon a:before {
    content: "\f081";
    color:#1DA1F2;
    font-size: 2.8rem;
}

.nav-instagram-icon a:before {
    content: "\f16d";
    color:#cd486b;
    font-size: 2.8rem;
}


.social-icons li a:hover:before {
    opacity:.75;
}

.mapa {text-align:center;list-style:none;}


/*--------------------------------------------------------------
9.0 Other
--------------------------------------------------------------*/

.wpappbox {
    height: auto !important;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

.appicon,
.applinks {
    width: 100% !important;
    float:none !important;
    flex: 0 0 50%;
    max-width: 50%;
}

.appicon {order:2;}
.applinks {order:3;border:none !important;}
.appdetails {order:1;}

.appbuttons {
    bottom: 0 !important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}


.reload-link {display:none !important;}

div.qrcode {
    left: 12%;
    -webkit-transform: translateX(-12%);
    transform: translateX(-12%);
    bottom:0;
}

.appdetails {
    flex: 0 0 100%;
    max-width: 100%;
    background: #fff;
    border-bottom: 1px solid #E5E5E5;
}



.fb-widget {    
    width: 99%;
    max-width: 500px;
        border: 1px solid;
        border-color: #ececec #e7e7e7 #dcdcdc;
        border-radius: 3px;
}

.dpe-flexible-posts li  {
     overflow:hidden;
     padding:0.75rem;
     background:#fff;
     margin-bottom:0.5rem;
     border: 1px solid;
     border-color: #ececec #e7e7e7 #dcdcdc;
     border-radius: 3px;
}


.dpe-flexible-posts li img {
     float:left;
     margin-right:9px;
}

.dpe-flexible-posts li a {line-height:1.2;}

.bilten-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}

.bilten-item {
    flex: 0 0 33.33%;
    max-width: 33.33%;

}
  

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
 }

.site-navigation .assistive-text:hover,
.site-navigation .assistive-text:active,
.site-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 1.2rem;
	padding: 12px;
	padding: 1.2rem;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000;
 }

  

/* Flexible iFrame */
.flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
        margin-bottom:1.5rem;
 }

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

.page-template-video-grid .flexible-container {
	margin-bottom:0 ;
}

/* Responsive images. Fluid images for posts, comments, and widgets */
img {
	max-width: 100%;
	height: auto;
 }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {
	margin-bottom: 24px;
	max-width: 100%;
 }

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {margin-bottom: 0;}

/* Alignment */
.alignleft {float: left;}

.alignright {float: right;}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
 }

 
 blockquote {
    font-size:2.3rem;
    padding: 1em 5.5em;

}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {margin: 6px 12px 0 0;}

.wp-caption.alignleft {margin: 7px 14px 7px 0;}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {margin: 6px 0 0 12px;}

.wp-caption.alignright {margin: 7px 0 7px 14px;}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
 }

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
 }

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: 17px;}

.wp-caption {margin-bottom: 24px;}

	.wp-caption img[class*="wp-image-"] {
		display: block;
		margin: 0;
	 }

.wp-caption {color: #767676;}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.2rem;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
 }

div.wp-caption .wp-caption-text {padding-right: 10px;}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
 }

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
 }
 
.attachment-single-thumb {
	float: right;
	margin:0 0 .5rem 1rem;
	}
	
.attachment-blog-thumb {
	float:left;
	margin:6px 16px 0 0;
	}

.attachment-post-thumbnail {margin: 0 0 10px;}
 
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
 }


input[type="url"],
input[type="tel"],
input[type="search"],
textarea {
	padding: 0.375rem;
	width: 100%;
 }


input[type="password"],
input[type="text"],
input[type="email"] {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #777;
	display: inline-block;
	background: #fff;
	box-sizing: border-box;
 }

textarea {
	overflow: auto;
	vertical-align: top;
 }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"],
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {outline: 0;}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
 }


.no-results {
	padding-right: 20px;
	min-height: 400px;
 }

.post-navigation {
	padding: 2.5rem 0;
 }

.post-navigation a,
.more-link 	{
		display: inline-block;
		text-decoration: none;
		color: #333;
		border-radius: 4px;
		border: 1px solid #444;
		padding: 4px 8px;
	        background:#fafafa;
	 }
	 

	.post-navigation span {display: block;}

	.post-navigation .meta-nav {
		font-size: 1.5rem;
		line-height: 1.3;
		position: relative;
		text-transform: uppercase;
	 }

	.post-navigation .nav-next,
    .post-navigation .nav-previous {
		display: inline-block;
		max-width: 48%
	 }

	.post-navigation .nav-next {
		float: right;
		text-align: right;
	 }

	.post-navigation .nav-previous {
		float: left;
		text-align: left;
	 }

    .post-navigation a:hover,
    .more-link:hover {
        color:#810f26;
        border: 1px solid #810f26;
}


.pagination {
       
        position:relative;
        margin: 2.5rem 0 0;
	text-align:center;

}

 

.pagination span, .pagination a{
        display: inline-block;
        margin: 0 0.5rem 0.5rem 0;
        border: 1px solid;
        border-color: #ececec #e7e7e7 #dcdcdc;
        border-radius: 3px;
        padding:0.6rem 1.9rem;
        text-decoration:none;
        background:#fbfbfb;
        color: #787f8c;    
	transition: .4s;
}		

.pagination .current, 
.pagination a:hover {
        background:#810f26;
        color:#fff;
        border: 1px solid #810f26;

}
		

.cntctfrm_contact_form input.cntctfrm_contact_submit {padding: 15px;}
.cntctfrm_one_column,
.cntctfrm_column,
.cntctfrm_input_message{max-width:600px;}

.cntctfrm_contact_form textarea {min-height:200px;}

input[type="submit"], input[type="button"], button{
    display: inline-block;
    font-size: 1.1rem;
    text-decoration: none;
    cursor: pointer;
    border: medium none;
}


.sb-search {
	position: absolute;
        right:0;
	width: 100%;
        height:100%;  
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
         border-left: 1px solid #e7e7e7;
         border-right: 1px solid #e7e7e7;
}

.search-expand {height:100%;}

.sb-search-input {
        position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fafafa;
	width: 10%;
        height:100%;
	margin: 0;
	z-index: 10;
}


.sb-search-submit,
.sb-icon-search {
    border-radius: 0;
    bottom: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
	background: #fff;
        opacity: 0;
	color: transparent;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
        background: #fff;
	z-index: 90;
        font-family: FontAwesome;
        font-size: 1.8rem;
        color:#333;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
        line-height:34px;

}


.sb-icon-search:before {
    content: "\f002";
}


.sb-search.sb-search-open,
.no-js .sb-search {
	width: 250px;
        z-index: 99990;
}

.sb-search.sb-search-open .sb-icon-search  {
	background: #810f26;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit {
	z-index: 90;
}


.sb-search.sb-search-open .sb-icon-search:before {
	color: #fff;
}

#back-top {
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
        text-align:center;
	z-index: 9998;
 }

	#back-top a {
		width: 35px;
		height: 35px;
		font-size: 13px;
		line-height: 35px;
		color:#810f26;
		border:1px solid #6a6a6a;
		border-radius:3px;
		font-family: FontAwesome;
		display: inline-block;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	 }

		#back-top a:hover {line-height:28px;border:1px solid #810f26;}

		#back-top a:before {
                   content: "\f077";
}



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


.menu-header-top-menu-container,
.navigation-wrapper.secondary {
	display:none;
}


#primary,
#secondary   {
	flex: 0 0 100%;
	max-width:100%;
}


.front--second {order:1}

.front--third {order:2}

.front--first {order:3}

.front--fourth {order:4}

.front--first {background: #fff;}

#wrapper,
#primary:after,
.front--third:after,
.front--first:after {
	border:0;
}

.front--second,
.front--third  {
	flex: 0 0 50%;
	max-width:50%;
}

.front--first,
.front--fourth {
	flex: 0 0 100%;
	max-width:100%;
}

.front--fourth  { border-top: 0;}


.front--second .column-content,
.front--third .column-content,
.front--fourth .column-content  {
    padding: 1.5rem 0.75rem;
}



.footer--second {order:3}

.footer--third {order:2}

.footer--first,
.footer--third {
	flex: 0 0 48%;
	max-width: 48%;         	
}


.footer--second {
	flex: 0 0 98%;
	max-width:98%; 
        margin-top:1.5rem;
}


.side-menu {
	flex-flow: row wrap;	
}


.side-menu li{
	width:50%;
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
        padding: 0;
        margin-bottom:1rem;
}

.side-menu li a{
   padding:2rem;
}

.side-menu li:first-child img{
   max-width:73px;  
}

.side-menu li:first-child a{
   padding: 2rem 3rem; 
}


.video-col  {
	flex: 0 0 50%;
	max-width: 50%;
}

.container {
	padding:3rem 1.5rem;
} 

.navigation-wrapper {
	position:fixed;
	top:0;
}

.site-header {
	padding-top:32px;
}

.admin-bar .navigation-wrapper {
	position:fixed;
	top:32px;
}

.admin-bar .main-small-navigation .mobile-menu {
	top: 68px;
}

.site-navigation.primary {	
	flex: 0 0 60%;
	max-width: 60%;
 }

.nav-features {	
	flex: 0 0 40%;
	max-width: 40%;
 }

}

@media only screen and (max-width: 782px) {
	
.admin-bar .navigation-wrapper {
		top:46px;
	}
	
.admin-bar .navigation-wrapper.fixed {
        top: 46px;
}

.admin-bar .main-small-navigation .mobile-menu {
	top: 82px;
}

}

@media only screen and (max-width: 600px) {
	
.front--second,
.front--third,
.front--first,
.front--fifth,
.front--fourth  {
	flex: 0 0 100%;
	max-width:100%;
}

.footer--second {margin-top: 1rem;}

.site-navigation.primary {	
	flex: 0 0 50%;
	max-width: 50%;
}
 
.nav-features { 
	flex: 0 0 50%;
	max-width: 50%;
}


.bilten-grid {
    justify-content: space-between;
}
 
.bilten-item { 
	flex: 0 0 48%;
	max-width: 48%;
}
 
.main-small-navigation .mobile-menu {
	width:82.4%;
} 

	
.admin-bar .navigation-wrapper {
		top:46px;
	}
	
.admin-bar .navigation-wrapper.fixed {
        top: 0;
}
.admin-bar .navigation-wrapper.fixed .main-small-navigation .mobile-menu {
	top: 36px;
}

}

@media only screen and (min-width: 1200px) {
.church-box img {width:100%;height:311px;}

}

@media only screen and (min-width: 800px) {
.navigation-wrapper.fixed {
        animation:fadeInDown .6s;
    } 

span.block {display:block;}

}


@media only screen and (min-width: 630px) {

span.block {display:block;}

}

@media only screen and (max-width: 414px) {
	
.footer--first,
.footer--third {
	flex: 0 0 98%;
	max-width: 98%;	
}

.footer--third {margin-top: 1rem;}

.video-col,
.bilten-item {
	flex: 0 0 100%;
	max-width: 100%;
}

.site-navigation.primary {	
	flex: 0 0 30%;
	max-width: 30%;
}
 
.nav-features { 
	flex: 0 0 70%;
	max-width:70%;
}
}

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

.site-navigation.primary {	
	flex: 0 0 20%;
	max-width: 20%;
}
 
.nav-features { 
	flex: 0 0 80%;
	max-width:80%;
}

.main-small-navigation .mobile-menu {
	width:81%;
}

}

	

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


.main-small-navigation .mobile-menu {
	width:75.5%;
}
	
}