/*
Theme Name: Servies Group
.
*/

/*Common styles*/

@media (min-width: 1200px) {
    .container{
        width: 1530px;
    }
}

h1{
    color:#138450; font-size: 70px; text-transform: uppercase; text-align: center
}

.navbar-default{
    background: #FFF;
}

.navbar-brand{
    padding: 0;
}

.navbar{
    min-height: 100px
}

.navbar-nav > li > a{
    padding: 40px 28px 40px 28px;
}

.navbar {
    position: relative;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
    background: #03824e; color: #FFF
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
    background: #03824e; color: #FFF;
}

#menu-main-menu li:hover{
    background-color: #03824e;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

#menu-main-menu li:hover a{
    color: #FFF; -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    transition: ccolor 500ms linear;
}

#menu-main-menu li:hover li{
    
}

#menu-main-menu li li a{
    color: #333!important
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
    background: #03824e; color: #FFF
}

.navbar-nav .dropdown-menu li:nth-child(5){
    margin: 0
}

.navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -50px !important;
    display: block;
}

body{
    overflow-x: hidden; color:#000; font-family: "Open Sans"; background:#FFF; font-weight: 300
}

a, a:hover, a:focus, a:visited{
    color: #057845;
}

.navbar-nav li:nth-child(5) {  
  margin-left: 200px;
}

.upcoming-events{
    padding: 30px 0 30px 0;
}

.what-we-offer{
    padding: 30px 0 30px 0;
}

.jumbotron, .navbar{
    margin-bottom: 0;
}

.jumbotron{
    padding:0; background:#FFF; font-size: 14px;
}

.content-area{
    padding: 0px 0 60px 0
}

.content-area h1{
    margin-top: 0
}

header{
    position: absolute; width:100%
}

.jumbotron p{
    font-size: initial; margin-bottom: 15px; font-weight: normal; font-size: 15px;
}

.navbar-default{
    
}

.banners{
    overflow: hidden
}

.position-relative{
    position: relative
}

.center-text{
    text-align: center
}

.circles{
    margin: 0 auto; margin-bottom: 15px
}

.offer{
    position: relative; 
}

.offer-line{
    position: absolute; width: 100%; height: 1px; background:#ffe500; top: 210px;
}

.offer-item{
    text-align: center; padding: 30px 0 30px 0
}

.offer-item h2{
    text-transform: uppercase; font-size: 20px; color:#138450
}

.member-benefits{
    background: url('images/member_bg.jpg'); min-height: 577px
}

.event-title{
    background:#138450; color:#FFF; padding: 10px;
}

.event-title a{
    color:#FFF
}

.event-image{
    text-align: center; border: #03824e 2px solid;
}

.event-info{
    background: #03824e; color: #FFF; padding: 5px 5px 5px 15px
}

.event-info a{
    color: #FFF; font-weight: bold; text-decoration: underline;
}

.video-button{
    border-radius: 25px; background:#FFF; color:#057845!important; padding: 6px 30px; margin-top: 30px; margin-bottom: 30px
}

.member-image{
    position: relative;
}

.member-image img{
    position:absolute; top: 100px;
}

.member-benefits{
    color: #FFF; font-size: 15px;
}

.member-benefits .col-md-6{
    padding-top: 30px
}

.member-benefits ul{
    list-style: none; padding-top: 20px
}

.member-benefits li{
    padding-bottom: 20px;
}

.member-benefits li:before {
  content: '\f055';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #FFF;
  font-size: 17px
}

.member-benefits h5{
    color: #ffe600; font-size: 35px; text-transform: uppercase; padding: 15px 0 15px 0; font-weight: 700
}

.blog-post{
    background:#FFF; border-bottom:#c2cfd7 3px solid; margin-bottom: 30px; min-height: 220px
}

.blog-button{
    border-radius: 25px; background:#ffe500; color:#057845!important; padding: 6px 30px; margin-top: 30px; margin-bottom: 30px
}

.blog-text{
    padding: 10px; 
}

.blog-text h5{
    color:#057845; font-size: 20px;
}

.featured-video{
    background:#ffe500; padding: 90px 0 90px 0
}

.enews-form{
    background:#ffe500; padding: 30px 0 30px 0
}

.enews-form h5{
    color: #057845; font-size: 30px; text-transform: uppercase; padding: 15px 0 15px 0; font-weight: 700
}

#field_1_1{
    margin-top: 10px
}

#gform_1 .gform_body{
    width: 70%; float: left;
}

#gform_1 .gform_footer{
    clear: none; padding: 0; margin: 0; float: left;
}

#input_1_1{
    width: 100%; border-radius: 15px; padding: 10px 10px 10px 25px; border: none; margin-top: 0;
}

#gform_1{
    margin:0 auto; width: 700px; color: #464646; font-style: italic;
}

#gform_submit_button_1{
    background: #067845; border-radius: 15px; color: #FFF; border:none; padding: 8px 35px 8px 35px; text-transform: uppercase; font-weight: 500; font-style: normal; margin-top: 10px
}

.enews-form #gform_submit_button_1{
    background: #FFF; color: #464646
}

.enews-form .form-control{
    border-radius: 25px; width: 100%; border-color:#FFF
}

.enews-form .btn-default{
    color:#464646; font-size: 13px; border-radius: 25px; padding: 6px 50px; border-color:#FFF; background:#FFF!important; font-weight: bold;
}

.enews-form .col-lg-3{
    text-align: left;
}

.contact-form{
    background:#067845; color:#FFF; padding: 30px 0 30px 0
}

.contact-form h5{
    color: #FFF; font-size: 70px; text-transform: uppercase; padding: 15px 0 15px 0; font-weight: 700
}

#gform_wrapper_2 input, #gform_wrapper_2 textarea{
    padding: 15px; height: auto;
}

#field_2_1{
    padding-bottom: 15px
}

footer{
    background:#464646; color:#FFF; padding: 50px 0 50px 0
}

/*Events Calendar*/
.fullcalendar{
width: 100%;
}

table.em-calendar td{
    padding: 10px 20px
}

.fullcalendar ul{
list-style: none; margin: 0; padding: 0!important
}

.fullcalendar thead{
    background: #067845; color: #FFF; padding: 10px; 
}

.fullcalendar thead a{
    color: #FFF;
}

.eventless-today{
    background: #4aca91!important
}

.fullcalendar thead td{
    padding: 20px!important; font-size: 20px!important
}

.fullcalendar .month_name{
    color: #FFF; text-align: center; 
}

table.em-calendar td.eventless-today, table.em-calendar td.eventful-today{
    background: #4a78a1!important; color:#FFF;
}

.col-xs-offset-right-2{
    margin-right:16.6667%
}

.footer-social{
    list-style:none; padding:0; margin:0;
}

.footer-social li{
    
}

.footer-social .fa {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #464646;
	color: rgba(70, 70, 70, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer-social.icon-circle .fa{ 
	border-radius: 50%; background:#fafafa
}
.footer-social.icon-rounded .fa{
	border-radius:5px;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.dropdown-menu{
  white-space: normal;
}

.navbar-default .navbar-nav > li > a{
    text-transform: uppercase; color:#000; font-weight:500;
}

/*Footer Form*/

#gform_2 input, #gform_2 textarea{
    background: #067845; border: #FFF 1px solid; color:#FFF; width: 90%;
}

#field_2_3 input{
    width: 100%
}

#field_2_1, #field_2_2, #field_2_3{
    width: 30%; display: inline-block;
}

#gform_submit_button_2{
    border-radius: 25px; background:#FFF!important; color:#057845!important; padding: 6px 30px; margin: 0 auto; width: 200px!important; text-transform: uppercase;
}

#gform_2 .gform_footer{
    text-align: center;
}

/*style Placeholder text*/
#gform_2 ::-webkit-input-placeholder { color:#FFF; opacity: 1; }
#gform_2 ::-moz-placeholder { color:#FFF; opacity: 1; } /* firefox 19+ */
#gform_2 :-ms-input-placeholder { color:#FFF; opacity: 1; } /* ie */
#gform_2 input:-moz-placeholder { color:#FFF; opacity: 1; }

.btn-pdf{
    background: #03824e; color: #FFF!important; padding: 10px 25px 10px 25px; margin-right: 15px; border-radius: 10px;
}

.btn-christmas{
    background: #ffe500; color: #057845!important; padding: 20px 35px 20px 35px; margin-right: 15px; border-radius: 10px; font-size: 16px; font-weight: bold; margin-left: 30px
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.gallery-item{
    width: auto; height: auto; display: inline-block; padding-right: 15px
}
#em-booking-submit{
    background: #067845; border-radius: 15px; color: #FFF; border:none; padding: 8px 35px 8px 35px; text-transform: uppercase; font-weight: 500; font-style: normal; margin-top: 10px
}

.em-booking-login{
    display: none;
}

.event-holder{
    margin-bottom: 15px
}

.event-holder img{
    width: auto; height: 200px
}