/*
Theme Name: BeraMFCA
Theme URI: 
Description: A lightweight, 2-3 columns, widget ready, SEO optimized, fast loading, easy to customize WordPress theme.
Version: 1.0.1
Author: Ilfusion
Author URI: https://www.ilfusion.com/
Tags: two-columns, three-columns, right-sidebar, threaded-comments, sticky-post, custom-background
Text Domain: bera_mfca
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
BeraMFCA WordPress Theme, Copyright 2019 Ilfusion.com
BeraMFCA is distributed under the terms of the GNU GPL
*/


@font-face {
  font-family: 'Outage';
  src: url('fonts/Outage.ttf')  format('truetype');
}



/* Begin Typography & Colors
------------------------------------- */
body{
    font-family: 'Arial', Fallback, sans-serif;
    font-size:16px;
    color:#fff;
}

a,
a:hover{color:#fff;}

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

.container{}

#page{
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#header{    padding: 40px 0px 40px;}
#header #logo{    display: inline-block;}
#header #logo img{}

#header h1{
    font-family: 'Outage';
    font-size: 40px;
    -webkit-text-stroke: 1px #fa4238;
    -webkit-text-fill-color: white;
    line-height: 100%;
    margin: 80px 0px 25px;
}
#header p{
    font-size: 26px;
    line-height: 120%;
    font-weight: 300;
}

#content{}
#content .event-list{}
#content .event-list .event-image{padding: 0px 0px;}
#content .event-list .event-info{padding: 0px 0px;}
#content .event-list .wp-post-image{}
#content .event-list .cwrap{
    padding: 0px 20px 95px;
    display: table;
    height: 100%;
    position: relative;
}
#content .event-list h2{
    margin: 25px 0px 20px;
    font-size: 23px;
}
#content .event-list label{
    font-size: 23px;
}
#content .event-list a{
    background: #fa4238;
    display: block;
    font-size: 23px;
    padding: 10px 10px 12px;
    text-decoration: none;
    vertical-align: bottom;
    position: absolute;
    bottom: 25px;
    width: calc(100% - 40px);
}
#content .event-list .row:nth-child(odd) .event-info{  background: #003764;}
#content .event-list .row:nth-child(odd) .event-info a{  background: #fa4238;}

#content .event-list .row:nth-child(even) .event-info{  background: #fa4238;}
#content .event-list .row:nth-child(even) .event-info a{  background: #003764;}

#content .contact-form{margin-top:100px;}
#content .contact-form h2{}
#content .contact-form p{margin:0px 0px;}
#content .contact-form label{    font-size: 18px;}
#content .contact-form .wpcf7{}
#content .contact-form .wpcf7 .wpcf7-form-control-wrap{}
#content .contact-form .wpcf7 input[type="email"],
#content .contact-form .wpcf7 input[type="text"]{
    padding: 10px 10px;
    width: 100%;
    margin-bottom: 8px;
}
#content .contact-form .wpcf7 .wpcf7-list-item{    margin: 0px 20px 0px 0px;}
#content .contact-form .wpcf7 .wpcf7-list-item.last{}
#content .contact-form .wpcf7 .business-type{display: inline-block;}
#content .contact-form .wpcf7 .business-type.other{}
#content .contact-form .wpcf7 .business-type.other label{margin-right: 10px;}
#content .contact-form .wpcf7 .business-type.other .other{display: inline-block;}
#content .contact-form .wpcf7 .wpcf7-submit{
    background: #fa4238;
    color: #fff;
    display: block;
    font-size: 23px;
    padding: 12px 50px 12px 20px;
    text-decoration: none;
    border: 0px;
    margin: 15px 0px 0px;
}

#content .happening-now{margin: 40px 0px 60px;}
#content .happening-now h2{margin: 0px 0px 30px;}

#footer{padding:0px 0px 60px;}
#footer h4{    margin: 0px 0px 35px;}
#footer p{}
#footer p a{
    text-decoration: none;
    font-size: 18px;
    margin-right: 40px;
}







/* Responsive Design
------------------------------------- */

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

@media screen and (max-width:768px) {
    
    .left-space,
    .right-space{width:100%;}
    
    #header #logo {
        max-width: 240px;
        margin: 0px auto 25px;
        width: 100%;
        display: block;
    }
    #header h1,
    #header p {
        text-align: center;
    }
}
@media screen and (max-width: 600px) {
    
}
#ctf.ctf-masonry .ctf-item{
    width: 100%!important;
}
#ctf .ctf-tweet-actions a.ctf-like, 
#ctf .ctf-tweet-actions a.ctf-reply, 
#ctf .ctf-tweet-actions a.ctf-retweet{
    color: #fff;
}
#ctf.ctf-super-narrow .ctf-tweet-content{
    padding-left: 35px;
}
#ctf.ctf-narrow .ctf-tweet-actions{
    padding-left: 35px;
}