/*
Theme Name: Cascadebulldogs
Theme URI: 
Author: Azhar
Author URI:
Version: 1.0
*/
body{font-family: Arial; font-size: 16px; color: #000; line-height: 1.42857143; background-color: rgba(0, 127, 0, 0.2);}

header {
	position: relative;
}

.logo-image {
	display: block;
	margin: 15px auto;
	padding-top: 10px;
}

ul.socialicon-list li {
    list-style: none;
    display: inline-block;
    padding-right: 5px;
    padding-top: 10px;
}
.social-icon {
	position: absolute;
    top: 0;
    right: 0;
}

.content-area{background-color: #ffffff; -webkit-box-shadow: 0 0 30px 5px rgba(92, 126, 117, 0.4), 0 30px 164px 10px rgba(114, 152, 142, 0.7);}

.row {
    margin-right: 0;
    margin-left: -15px;
}

a:hover, a:focus { color: #cda793; text-decoration: none; }
a{
    color: #0c3a24;
}
#footer{
    background: #432b1f;
    position: relative;
    color: #c7b7ab;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
#searchsubmit {
    color: #fff;
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    height: 24px !important;
    line-height: 24px !important;
    padding: 0 5px;
    float: right;
    position: relative;
    top: -24px;
    outline: none;
    border: none;
    cursor: pointer;
    border-left: 1px solid #9daf44;
    background: #a7b03d url("http://demo.enosisbd.com/cascadebulldogs/wp-content/uploads/2016/03/green-bg.png");
    -webkit-appearance: none;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-appearance: none;
}
input#search {
    /* background: #f7f5ed; */
    border-color: #f7f5ed;
    height: 24px;
    line-height: 24px;
    font-size: 0.917em;
    color: #473525;
    width: 100%;
    padding: 0 30px 0 5px;
    outline: none;
    border: none;
    margin: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
p{
	padding-top: 10px;
	text-align: left;
	font-family: arial;

}
.wp-caption {
    border: 1px solid #eee;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.wp-caption {
    max-width: 100% !important;
}
.wp-caption p.wp-caption-text {
    font-size: 0.917em;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    text-align: center;
}
.widget1 p{
    text-align: left;
}
.alignright {
    float: right;
    margin: 0 0 10px 20px;
}
.widget1 p a{
    color: #758918;
}
.widget1 p a:hover{
    text-decoration: underline;
}

.navbar-default{
	border: none;
	margin-bottom: 0;
}
.nav-bar-container{
	height: 50px;
	padding-right: 40px;
}
.navbar-default .navbar-nav  li  a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: #0c3a24;
    padding-right: 0;
}

.navbar-default .navbar-nav  li  a:hover, 
.navbar-default .navbar-nav  li  a:focus {
    color: #fff;
    background: #7f0000;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #7f0000;
}
/*.navbar-default .navbar-nav > .active > a {
	background-color: #0c3a24;
}*/
.navbar-nav > li {
    float: none;
    padding-right: 2px;
    background: url('http://demo.enosisbd.com/cascadebulldogs/wp-content/uploads/2016/03/nav-divider.png') right top no-repeat;
    background-position: right -1px;
	display:inline-block;
	margin: 0 -2px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
	background: #7f0000;
}
.container.navigation{
	width: 100%;
}
.container.slider {
	padding: 0;
	width: 100%;
}
/*
.carousel-control {
    color: #0c3a24;
    opacity: 1;
}

.carousel-control:hover {
	color: #7f0000;
} */
.content {
	margin: auto;
	//padding-top: 20px;
	padding-bottom: 20px;
}
/*
p {
	color: #000;
	letter-spacing: 0.5px;
    text-align: center;
} */
.content .content-detail p {
	color: #000;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.content .content-detail h2 {
	background-color: #0c3a24;
    color: #fff;
    text-align: center;
    margin: 20px 0;
}
.main-content-area .heading,
.content .heading {
	background-color: #0c3a24;
	color: #fff;
    text-align: center;
    margin: 20px 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
    border: 1px solid #d5c9bf;
    border-radius: 2px;
    font-size: 25px;
}

.main-content-area .heading {margin-bottom: 0;}
.content .row {
	margin-left: 0px;
}
.img img {
	display: block;
	margin: 0 auto;
	width: 80%;
    border-radius: 10px;
    height: 100%;
}
.image-section {
	padding-top: 10px;
}
/*
.image-section p {
	text-align: center;
} */
h3 {
	font-size: 20px;
}
.event-month {
    background-color: #0c3a24;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.4);
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.event-date {
    float: left;
    width: 70px;
    text-align: center;
    margin-right: 20px;
    color: #000;
    font-size: 21px;
    background: #fff url("images/grid_noise.png");
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0pt 0pt 5px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.event-day {
    padding: 12px 10px;
    border: 1px solid #bba595;
    border-top: none;
}
.row.inner {	
    padding-left: 15px;
    padding-bottom: 10px;
}

.row.inner-blog {	
    padding-left: 15px;
    padding-bottom: 20px;
}

.events p {
	padding-top: 0;
}

.inner-blog a:active,
.inner-blog a:visited,
.events a:visited,
.events a:active {
	color: #0c3a24;
}
.inner-blog a:hover,
.events a:hover {
	color: #7f0000;
}


.blog-image {
	max-width: 100%;
	max-height: auto; 
}

.image-gallery {
	max-width: 100%; 
}

.row.image-gallery {
	padding-left: 15px;
	padding-top: 0px;
}

.image-thumb {
	max-width: 175px;
	padding-right: 7px;
	padding-top: 10px;
	height: 155px;
	padding-bottom: 10px;
    object-fit: cover;
}

.image-modal {
	width: 100%;
	max-width: 100%;
}
@media (min-width: 768px) {
.menu{
	display: none; 
}

}

.site-header{
	border-bottom: 2px solid black;
}
.site-footer{
	border-top: 2px solid black;
	margin-top: 5px;
}

article.post{
	border-bottom: 2px dotted black;
}

article.post:last-of-type{
	border: none;
}


.page-link:hover{
    text-decoration: underline;
}
.navbar-default .navbar-nav > li:last-child {
	background: none;
}
.navbar-default .navbar-nav > li > a {
		padding-left: 15px;
		padding-right: 15px;
}
.carousel-caption {
    width: 80%;
    left: 10px;
    right: 10px;
    margin: 0 auto;
}
.carousel-caption p {
	color: #ffffff;
    text-align: center;
}
.slider-opaciry {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.logo-image {
	width: 100%;
}

.mean-container .mean-nav ul li a.mean-expand {
	height: auto;
}
.dropdown-menu {
	background-color: #0c3a24;
	padding-top: 0px;
	padding-bottom: 0px; 
}

.mean-container .mean-bar,
.mean-container .mean-nav {
    background: #0c3a24;
}

.mean-container .mean-nav ul li a:hover {
	background-color: #7f0000;
	opacity: 1;
}

/* footer */
.footer-area {
	width: 100%;
	background-color: #0c3a24;
	-webkit-box-shadow: 0 0 30px 5px rgba(92, 126, 117, 0.4), 0 30px 164px 10px rgba(114, 152, 142, 0.7);
}

.footer-area .row { margin-left: 0px; }
.footer-area .row .footcell {padding-top: 15px; padding-bottom: 15px;}
.fconlink {color: #fff; font-size: 15px; letter-spacing: 1px; background: #7f0000; display: inline-block; padding: 6px 23px; margin: 10px 0; text-transform: uppercase;}
a.links {color: #ffffff;}
a.links:hover {color: #cda793; text-decoration: none;}
.footermenu ul {list-style-type: none; padding-left: 0px;}
.footermenu ul li a{color: #ffffff;}
.footermenu ul li a:hover {color: #cda793; text-decoration: none;}

footer 
{
	color: #fff;
}
/* CONTACT FORM */
.form {
	width: 50%;
}
.txtfield { width: 100%; max-height: 150px;}
.wpcf7 textarea,
.wpcf7 input { color: #000; font-weight: bold;}
.wpcf7-form-control.wpcf7-submit {
	width: 100%;
}
.submitbutton {
	color: #000;
	text-align: center;
}

/* Full-width Page template */

.main-content {
    width: 70%; float: left; margin-top: 20px;
}
.main-content .inner-content {
    padding-right: 5px; padding-left: 10px;
}
.side-bar {
    width: 30%;
    float: right;
    padding : 0 20px 0 10px;
    margin-top: 20px;
}
.sidebar-image {
    width: 100%;
    padding-bottom: 26px;
}
.side-bar p {
    padding: 10px;
}
.inner-content-goals p {
    padding-bottom: 10px;
}
h4.heading4 {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #0c3a24;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
    border: 1px solid #d5c9bf;
    border-radius: 2px;
    margin-top: 10px;
}
.inner-content-goals h4.heading4 {margin-top: 15px;}
.left-para {width: 60%; float: left; padding-right: 5px; padding-top: 0;}
.img-right {width: 40%; float: right;}
.img-right img {width: 100%;}
div.inner-content-goals .row {padding-bottom: 10px;}
div.inner-content-goals .row .col-md-4 {padding-left: 15px; padding-right: 5px;}
.inner-content-goals {padding-left: 10px;}
figcaption {padding-top: 5px; text-align: center;}

/*contact form */
.input-field-textarea {width: 100%;}
.wpcf7-form {padding-right: 10px;}
input.wpcf7-form-control.wpcf7-submit.input-button {background: #0c3a24; color: #fff; padding-bottom: 5px; padding-top: 5px; font-size: 18px; }
div.wpcf7-response-output, div.wpcf7-validation-errors{border: none; color: #7f0000; margin-top: 0; text-align: center; font-weight: bold;}
span.wpcf7-not-valid-tip { color: #7f0000; font-weight: bold; }
table.contact-table {width: 100%; margin-bottom: 30px;}
table.contact-table {text-align: left;}
div.inner-content-goals .row.imagewithdesc {padding-left: 20px; padding-right: 10px;}
.row.imagewithdesc .col-md-12 img {width: 100%;}

.container.main { max-width: 940px; }
.logo-image { max-width: 45%; max-height: 250px; }

@media (min-width: 768px) {
	.navbar-nav{float:none; text-align:center;}
	.nav li:hover ul{ display: block; }

}

@media only screen and (max-width:767px) {
    .navbar { display: none; }
    .social-icon { position: static; }
    .social-icon ul { text-align: center; }
    .row .inner-blog .col-sm-4 { width: 30%; float: left; }
    .image-thumb { max-width: 33%; }
    .form { width: 100%; }
    .main-content-area .heading {font-size: 20px;}
    .img img { width: auto; margin: 0; }
    .main-content {width: 100%}
    .side-bar {width: 100%; float: left;}
    .side-bar img {width: 50%;}
    div.inner-content-goals .row.imagewithdesc {padding-left: 0px; padding-right: 0px;}
    /*.inner-content {border-bottom: 2px solid #7f0000;} */
  .logo-image { max-width: 65%;}
}

@media only screen and (max-width:991px) {
    .navbar-default .navbar-nav > li > a { padding-left: 7px; padding-right: 7px; font-size: 12px; }
    .carousel-caption p { font-size: 20px; }
    .img img { width: auto; }
}

@media only screen and (max-width:479px) {
    .carousel-caption p { font-size: 16px; }
    .content .content-detail h2 {font-size: 18px;}
    .main-content-area .heading {font-size: 18px;}
    .content .heading {font-size: 18px;}
    .logo-image { max-width: 100%;}
}

.video_content{position: relative;}
.play_icon{
    text-align: center;    
    position: absolute;
    width: 100%;
    top: 40%;   
    left: 0;
    right: 0;
}
/*-----------------Video----------------------*/
.video_content iframe{width:100% !important; }
.inner_page img{
    width:100%;
    height: auto;
    margin:20px 0;
}

.page.page-id-140 .inner_page p{font-size: 18px;margin-bottom: 0; text-align:center;}
.page.page-id-140 .inner_page p img{
width: 640px;
    height: auto;
    margin: 20px 0;
    object-fit: cover;
}
.nopaddind_div{padding-right:5px;padding-left:5px;}
/*-----------------FAQ----------------------*/
.inner_page p strong{font-size: 18px;}

@media only screen and (max-width:767px) {
    .page.page-id-164 .inner_page img{max-width: 100%;}
    .video_content iframe{width:100% !important; height: auto; }

.page.page-id-140 .inner_page p img{
width: 100%;
    height: auto;
    margin: 20px 0;
    object-fit: cover;
}
}
.mean-container .mean-nav ul li a{text-align:center;}




/* ----------------------------------------------------------------------- 
--------------------------------------------------------------------------
                        CUSTOM CSS ( 11/7/16 )
--------------------------------------------------------------------------
-------------------------------------------------------------------------*/

.full-width-image{ width: 100%; height: auto; }
hr.blog-divider{ margin-bottom: 40px; border: 2px solid #0c3a24;  }
.blog-page-content hr.blog-divider:last-child{ display: none; }
.blog-page-content .blog-image{ max-width: 40%; float: left; display: inline-block; margin-right: 20px; }

/* ----------------------------------------------------------------------- 
--------------------------------------------------------------------------
                        CUSTOM CSS ( 19/9/16 )
--------------------------------------------------------------------------
-------------------------------------------------------------------------*/

.blog img, .single-post img{ width: auto; height: auto; max-width: 100%; }