/*
Theme Name: Myeptitchat
Theme URI: https://www.myepitchat.com
Author: the Myeptitchat team
Author URI: https://www.myepitchat.com
Description: Myeptitchat
Version: 1
License: GNU General Public License v2 or later
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/





/**
 * 6.1 Links
 */

a {
    color: #333;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

input:focus,
input:active,
textarea:focus,
textarea:active,
a:focus,
a:active{outline:0px none !important;}

ul,ol,h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Halant', serif;
	font-size: 30px;
	font-weight: 300;
	line-height: 36px;
	color: #302d2d;
}
h1 {
	font-size: 40px;
	line-height: 44px;
	font-weight: normal;
}
h2 {
	font-size: 48px;
	line-height: 58px;
	font-weight: 300;
}
h3 {
	font-size: 34px;
	line-height: 44px;
	font-weight: 600;
}
h4 {
	font-size: 34px;
	line-height: 40px;
	font-weight: 400;
}

p {
	font-size: 30px;
	line-height: 36px;
}
a {
	text-decoration: none;
	color: #8e8e8e;
}
a:hover{
	color: #DDD;
	text-decoration: none;
}
strong {
	font-weight: 500;
}
img {max-width: 100%;}


.wrapper{
	width: 100%;
	max-width: 900px;
	min-width: 300px;
	margin:0px auto;
	/* overflow: hidden;
	border-left: 1px solid red;
	border-right: 1px solid red; */
}

.button-green {
	color: #FFF;
	font-weight: 600;
	border-radius: 13px;
	padding: 18px 18px 16px;
	letter-spacing: 1px;
	display: inline-block;
	
	background: #589289;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#589289), to(#67b088));
	background: -webkit-linear-gradient(top, #67b088, #589289);
	background: -moz-linear-gradient(top, #67b088, #589289);
	background: -ms-linear-gradient(top, #67b088, #589289);
	background: -o-linear-gradient(top, #67b088, #589289);
}
.button-green:hover {
	color: #FFF;
	background: #67b088;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#67b088), to(#589289));
	background: -webkit-linear-gradient(top, #589289, #67b088);
	background: -moz-linear-gradient(top, #589289, #67b088);
	background: -ms-linear-gradient(top, #589289, #67b088);
	background: -o-linear-gradient(top, #589289, #67b088);
}

/**************  ***********/
#header {
	float: left;
	width: 100%;
	background: #1c1d40;
}
.logo-block-mobile {
	float: left;
	width: 100%;
	padding: 10px 0px 0px 0px;
	text-align: center;
	display: none;
}
.logo-block-mobile img {
	max-width: 360px;
	width: 100%;
}
.menu-trigger-block {
	float: left;
	width: 100%;
	color: #FFF;
	margin-top: 20px;
	background: #554663;
	padding: 10px 12px;
	border-top: 1px solid rgba(255,255,255,.1);
}
.menu-trigger.navbar-toggle {
	margin: 0;
	padding: 0;
}
.menu-trigger-icon {
	float: left;
	border: 2px solid rgba(255,255,255,.4);
    border-radius: 3px;
    float: left;
    padding: 2px 6px 6px;
    width: 44px;
}
.menu-trigger-bar {
	background: #fff;
    display: block;
    height: 3px;
    margin-top: 4px;
    width: 100%;
}
.menu-trigger-block > span {
	float: left;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin-top: 5px;
}
.main-navigation {
	float: left;
	width: 100%;
}
.main-navigation.navbar-collapse {
	padding: 0;
}
.main-navigation ul {
	float: left;
	width: 100%;
	list-style: none;
}
.main-navigation ul li {
	display: inline-block;
	vertical-align: bottom;
	padding: 16px 28px;
}
.main-navigation ul li:first-child {
	padding-left: 0;
}
.main-navigation ul li:last-child {
	padding-right: 0;
}
.main-navigation ul li.logo {
	padding: 0;
}
.main-navigation ul li a {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #FFF;
        /*color: #554663;*/
	font-size: 22px;
	line-height: 28px;
}
.main-navigation ul li a:hover {
	opacity:0.8;
}
.main-navigation ul li.logo a {
	width: 354px;
	height: 170px;
	background: url(images/logo.png) no-repeat center bottom;
	background-size: 100% auto;
	text-indent: -9999em;
	display: inline-block;
}
.dropdown-menu {
	padding-right: 0;
	background-color:#554663;
	font-size:12px;
	font-weight:200;
	line-height: 14px;
  /*position: fixed;*/
        text-align: left;
      
}

#content {
	float: left;
	width: 100%;
}
.banner-block {
	float: left;
	width: 100%;
	background: #e4e4e0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e0), to(#eff0ea));
	background: -webkit-linear-gradient(top, #eff0ea, #e4e4e0);
	background: -moz-linear-gradient(top, #eff0ea, #e4e4e0);
	background: -ms-linear-gradient(top, #eff0ea, #e4e4e0);
	background: -o-linear-gradient(top, #eff0ea, #e4e4e0);
	border-top: 17px solid #554663;
	border-bottom: 17px solid #554663;
}
.banner-content {
	float: left;
	width: 100%;
	padding: 37px 0 30px 0;
}
.banner-content h2 {
	margin-bottom: 12px;
	width: 106%;
}
.banner-content a {
	margin-top: 17px;
}
.banner-image {
	float: left;
	width: 100%;
}
.banner-image img {
	max-width: none;
	margin-top: 2px;
}

.main-content {
	float: left;
	width: 100%;
	background: #1c1d40;
}
.page-content {
	float: left;
	width: 100%;
	padding: 40px 0;
	background: #1c1d40;
}
.join-block {
	text-align: center;
}
.page-content h3 {
	color: #FFF;
	padding: 36px 0;
	line-height: 70px;
	position: relative;
}
.page-content h3:before,
.page-content h3:after {
	width: 100%;
	height: 36px;
	content: "";
	position: absolute;
	left: 0;
}
.page-content h3:before {
	background: url(images/title-top-ribbon.png) no-repeat center bottom;	
	background-size: 512px auto;
	top: 0px;
}
.page-content h3:after {
	background: url(images/title-bottom-ribbon.png) no-repeat center top;	
	background-size: 512px auto;
	bottom: 0px;
}
.youtube-block {
    width: 100%;
	max-width: 700px;
    margin: 22px auto 36px auto;
}
.videowrapper {
    clear: both;
    float: none;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
    width: 100%;
}
.videowrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.content-widget-block {
	float: left;
	width: 100%;
	padding: 30px 0 80px 0;
	background: #d8d1cf;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d8d1cf), to(#efeceb));
	background: -webkit-linear-gradient(top, #efeceb, #d8d1cf);
	background: -moz-linear-gradient(top, #efeceb, #d8d1cf);
	background: -ms-linear-gradient(top, #efeceb, #d8d1cf);
	background: -o-linear-gradient(top, #efeceb, #d8d1cf);
	border-top: 17px solid #554663;
	border-bottom: 17px solid #554663;
}
.page-excerpt-widget {
	float: left;
	width: 100%;
	text-align: center;
}
.page-excerpt-widget h4 {
	color: #1c1d40;
	margin-bottom: 14px;
}
.page-excerpt-widget img {
	border: 4px solid #FFF;
	margin-bottom: 22px;
	-webkit-box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.5);
			box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.5);
}
.page-excerpt-widget p {
	font-size: 26px;
}


#footer {
	float: left;
	width: 100%;
	background: #1c1d40;
	padding:35px 0 20px 0;
}
.footer-widget {
	float: left;
	width: 100%;
	color: #FFF;
}
.footer-widget h4{
	text-align:center;
	padding-bottom:15px;
	font-weight:600;
}
.news-widget ul{
	list-style:none;
}	
.news-widget ul li{
	margin:3px 0 24px 0;
	line-height:29px;
}
.news-widget ul li a{
	color:#fff;
	font-size:27px;
	line-height:32px;
}
.news-widget ul li a:hover,
.connect-widget ul li a:hover{
	opacity:0.8;
}

.connect-widget ul li{
	display:inline-block;
	margin-left:20px;
}
.connect-widget ul li:first-child{
	margin-left:0;
}
.links-widget{
	padding-left:29px;
}
.links-widget ul, .connect-widget ul {
	margin:0 auto;
	list-style:none;
	max-width:238px;
	text-align:center;
}

.links-widget ul li{
	float: left;
	width: 100%;
	text-align:center;
	margin-bottom:18px;
}
.links-widget ul li a{
	float: left;
	width: 100%;
}	

.main-navigation ul li{
	position: relative;
}
.main-navigation ul li ul{
	display: none;
	position: absolute;
	left:0px;
	background: #554663;
	z-index: 10;
	top:68px;
}
.main-navigation ul li ul.toggled-on{
	display: block;
}
.main-navigation ul li ul li{
	padding: 5px 0px;
	width:100%;
	float: left;
	border-bottom:1px solid #1c1d40 ;
}
.main-navigation ul li ul li a{
	font-size:14px;
	width:100%;
	float: left;
	padding-left: 10px;
	line-height: 20px;
}
.main-navigation ul li .dropdown-toggle{
	background: none;
	border:0px;
	color:#ffffff;
	font-size: 16px;
    height: auto;
    line-height: 10px;
}
.main-navigation ul li .dropdown-toggle:after{
	font-family: "FontAwesome";
	content: "\f0d7";
}
.main-navigation ul li ul li:hover{
	background: #1c1d40;
}