/*
 Theme Name:   SGC
 Theme URI:    http://www.southgatecity.com/
 Description:  Child theme to Enfold
 Author:       Ultimediam Multimedia Inc.
 Author URI:   http://www.ultimediam.com
 Template:     Enfold
 Copyright:    Ultimediam Multimedia Inc. - not to be modified or copied without approval 
*/

/* add weChat to body in insert headers plugin */

/************************** FONTS **********************/

/* using insert headers plugin to call from typography.com - Gotham & Didot - put into /fonts/839776/ */

/* gotham extra light
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 200;*/

/* gotham light
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 300;*/

/* gotham book 
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 400; */

/* gotham bold
font-family: "Gotham SSm A", "Gotham SSm B";
font-style: normal;
font-weight: 700; */

/* didot 24 light roman 
font-family: "Didot 24 A", "Didot 24 B"; 
font-style: normal;
font-weight: 300;
font-size: 70px; */

/*

Google font for headers

Akagi Pro Book
font-family: akagi-pro, sans-serif;
font-weight: 400;
font-style: normal;


Akagi Pro Medium
font-family: akagi-pro, sans-serif;
font-weight: 500;
font-style: normal;


Akagi Pro SemiBold
font-family: akagi-pro, sans-serif;
font-weight: 600;
font-style: normal;

*/





/************************** SELECTION *******************/

/* selection */

::-moz-selection {
     color: #fff;
     background: #999 !important; /* Firefox */
}

::selection {
    color: #fff;
    background: #999 !important;
}





/************************** CUSTOM COLOURS *******************/

/* new royal blue ********/

.royalBlue {
    color: #002d74;    
}

/* new bright green ********/

.brightGreen {
    color: #76bd22;    
}






/* deep blue */
.deepBlue {
	color: #083450;
}

/* deep green */
.deepGreen {
	color: #0b432b;
}

/* medium grey */
.mdGrey {
	color: #888a8d;
}

/* dark grey */
.dkGrey {
	color: #333;
}

/* border grey */
.bdGrey {
	color: #5e6062;
}

/* blue grey */

.blueGrey {
	color: #8f99a0;
}



/************************ HEADER ************************/

/* header - large height */

#header_main {
    /* background: #f2efee !important; */
    background: transparent !important;
    border-bottom-width: 0px !important;
    border-bottom-color: #c6b193 !important; 
}

/* transparent header - before scrolling it picks up the non transparent bg */

#header.av_header_transparency {
    background: rgba(0, 0, 0, 0);
	/* background: transparent; */
}

/* main header after scrolling */

.header_color .header_bg {
    /* background: transparent; */
	/* background: #000 url("/images/alligator.jpg") bottom center repeat scroll;	*/
	border-bottom: 0px solid #fff;
    opacity: 1;
	background: rgba(0,0,0,0.3)!important; 
	/* background: url("/images/georgiaStraight.jpg") top left repeat scroll; */
}










/* main menu buttons */

#top #wrap_all .header_color .av-menu-button > a .avia-menu-text,
#top #wrap_all .header_color #avia-menu a .avia-menu-text {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
    font-size: 11px;
    line-height: 11px;
	font-weight: 300 !important;
    letter-spacing: 2px;
	text-transform: uppercase;
	color: #fff !important;
    /* border: 1px solid #fff !important;
    border-radius: 0px;
	background: #76bd22;*/
	padding: 9px 15px 9px 15px;
}

#top #wrap_all .header_color .av-menu-button > a:hover .avia-menu-text,
#top #wrap_all .header_color .av-menu-button > a:active .avia-menu-text,
#top #wrap_all .header_color #avia-menu a:hover .avia-menu-text,
#top #wrap_all .header_color #avia-menu a:active .avia-menu-text {
    opacity: 1 !important;
	color: #fff !important;
    background: #333 !important;
}

/* menu button  - colored - azure 2 */

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    /* height: 32px!important;  /* 60 would be full main menu height - 27 when using text menu vs pancake */
    /* padding: 7px 10px 7px 10px!important; */ 
    /* margin-top: -10px!important; /* tweak to line up with main_menu margin top 48 */
   /*  margin-left: -5px!important; /* tweak last item */
    border: 1px solid #fff !important;
    border-radius: 0px;
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
	background: #76bd22; 
    /* background: #fff url("/images/swirlSm.jpg") top left repeat scroll; */
    
    display: inline-block !important; /*tweak to adjust width */
    width: 160px !important;
}

    #top .av-menu-button > a:hover .avia-menu-text,
    #top #wrap_all .header_color .av-menu-button-colored > a:active .avia-menu-text,
    #top #wrap_all .header_color .av-menu-button-colored > a:hover .avia-menu-text {
        opacity: 1 !important;
        color: #fff !important;
	    background: #333 !important;
    }

/* menu button  - bordered - register */    

#top #wrap_all .header_color .av-menu-button-bordered > a .avia-menu-text {
    /* height: 32px!important;  /* 60 would be full main menu height - 27 when using text menu vs pancake */
    /* padding: 7px 10px 7px 10px!important; */ 
    /* margin-top: -10px!important; /* tweak to line up with main_menu margin top 48 */
    margin-left: 5px!important; /* tweak last item */
    border: 1px solid #fff !important;
    border-radius: 0px;
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
	background: #76bd22;
           
    display: inline-block !important; /*tweak to adjust width */
    width: 160px !important;
}

#top .av-menu-button > a:hover .avia-menu-text,
#top #wrap_all .header_color .av-menu-button-bordered > a:active .avia-menu-text,
#top #wrap_all .header_color .av-menu-button-bordered > a:hover .avia-menu-text {
    opacity: 1 !important;
    color: #fff !important;
    background: #333 !important;
}









/* PAGE LAYOUT *************************************************************************/


/* remove 1px border in sections */

.container_wrap {
	border-top: none !important;
}

/* this tweaks the colour under the socket */

html {
	background: #fff !important;
}

/* site background */

.html_stretched #wrap_all {
    background-color: #fff;
}

#top .main_color {
    background: #fff url("/images/marble.jpg") top left repeat scroll;
    /* background: #fff !important; */
    color: #000 !important;

}

#top .alternate_color {
    /*  background: #717d35 url("/images/pattern.png") top left repeat scroll; this effects breadcrumbs */
    background: #000 !important;
    color: #fff !important;

}




/* aligning things in classes *******************/

#top .alignCL {
	text-align: left!important;
}
#top .alignR {
	text-align: right!important;
}

#top .alignC {
	text-align: center!important;
}







/************************ BASICS ************************/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "akagi-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #888a8d;
	letter-spacing: 2px;
    text-transform: uppercase;
}

.main_color h1,
.main_color h2,
.main_color h3,
.main_color h4,
.main_color h5,
.main_color h6 {
	color: #888a8d;
}

.alternate_color h1,
.alternate_color h2,
.alternate_color h3,
.alternate_color h4,
.alternate_color h5,
.alternate_color h6 {
	color: #fff;
}

/* h1 - h3 */

.main_color h1,
.alternate_color h1,
.template-page .entry-content-wrapper h1,
.alternate_color .template-page .entry-content-wrapper h1,
.main_color h2,
.alternate_color h2,
.template-page .entry-content-wrapper h2,
.alternate_color .template-page .entry-content-wrapper h2,
.main_color h3,
.alternate_color h3 {
    /* font-family: "Didot 24 A", "Didot 24 B";
    font-style: normal;
    font-weight: 300; */
    font-family: "akagi-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
	letter-spacing: 2px;
}

/* h4 - h6  */

.main_color h4,
.alternate_color h4,
.main_color h5,
.alternate_color h5,
.main_color h6,
.alternate_color h6 {
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 300;    
    text-transform: uppercase;
	letter-spacing: 1px;
}



/* h1 */

.main_color h1,
.alternate_color h1,
.template-page .entry-content-wrapper h1,
.alternate_color .template-page .entry-content-wrapper h1 {
    font-size: 34px;
	line-height: 40px;
	margin: 0px 0px 0px 0px;	
}

/* h2 */

.main_color h2,
.alternate_color h2,
.template-page .entry-content-wrapper h2,
.alternate_color .template-page .entry-content-wrapper h2 {
    font-size: 28px;
	line-height: 34px;
	margin: 0px 0px 10px 0px;
}

/* h3 - no case italic */
 
.main_color h3,
.alternate_color h3 {
    text-transform: uppercase!important;
    /* font-style: italic!important; */
    
    font-size: 22px;
	line-height: 28px; 
	margin: 20px 0 10px 0!important;
}

/* h4 */

.main_color h4,
.alternate_color h4 {
    font-size: 14px;
	line-height: 18px;
	margin: 10px 0 10px 0;
}

/* h5 */

.main_color h5,
.alternate_color h5 {
    font-size: 12px;
	line-height: 16px;
	margin: 10px 0 10px 0;
}

/* h6 */

.main_color h6,
.alternate_color h6 {
    font-size: 9px;
	line-height: 13px;
	margin: 10px 0 0px 0;
}


#page-titles {
  
}

/* page titles with line under - put in span on p and align c there too */

.pgTitles {
    font-family: "akagi-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-bottom: 20px;
    border-bottom: #888a8d 1px solid !important;
    /* font-family: "Didot 24 A", "Didot 24 B";
    font-style: normal;
    font-weight: 300; */
    font-size: 34px;
	line-height: 40px;
    text-transform: uppercase;
	letter-spacing: 2px;
	color: #888a8d;
    margin: 0px 0px 30px 0px;
}

.pgTitlesAlt {
    font-family: "akagi-pro", sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-bottom: 20px;
    border-bottom: #888a8d 1px solid !important;
    /* font-family: "Didot 24 A", "Didot 24 B";
    font-style: normal;
    font-weight: 300; */
    font-size: 34px;
	line-height: 40px;
    text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
    margin: 0px 0px 30px 0px;
}

.main_color strong {
	color: #000;
}

/* basic typography */

p, ul, ol {
	font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 300 !important;
	font-size: 12px;
    line-height: 20px;
	text-decoration: none;
	letter-spacing: 1px;
	word-spacing: 0em;
	text-align: justify;
	text-transform: uppercase;
    color: #333;
} 

.alternate_color p,
.alternate_color ul,
.alternate_color ol {
	color: #fff;
}

a {
	text-decoration: none;
}

.main_color ul,
.main_color ol {

}

/************************ IMAGES *************************/

/* header logo */

.header_color img {
	width: auto !important; 
	height: 90px !important;
	margin: 10px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

/* new header logo svg css in enfold */

.logo svg,
.logo.avia-img-svg-logo > a > img,
.logo .alternate.avia-img-svg-logo {
	width: auto !important; 
	height: 90px !important;
	margin: 10px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;    
}

/* 3 up grid images */


#imgGrid {
	padding: 10px;
	border: 0px solid #fff;
	background: #fff;
}

#imgGrid .avia_image {
	border-radius: 0px;
	padding: 10px;
	border: 0px solid #fff;
}

/* brand logo on pages */

.logoPg img,
.logoPg svg {
    height: 90px !important;
    width: auto !important;
    margin: 40px 0px 20px 0px!important;
}

/* footer logos - make divs **********/

/* footer logo - corporate */

.corpLogo img {
    width: 195px !important;
	height: auto !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
    margin-right: 0px !important;
}

/* footer logo - marketing */

.mktLogo img {
	height: 40px !important;
	width: auto !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
    margin-right: 0px !important;
}








/************************ COLOR SECTIONS ************************/

#csmain,
#csalt,
#csfooter,
#csdisclaimer {
    padding: 30px 0px;    
}

.csMainBg {
    /* background: transparent !important; */
    background: #fff url("/images/marble.jpg") top left repeat fixed;
}

.csAltBg {
    background: green !important;
}




/* grid rows ******/

#gridrowmain {
    /* background: yellow !important; */
    background: #fff url("/images/marble.jpg") bottom left repeat scroll;
 
}

.gridMainBg {
    
}

#gridrowalt {
    background: #002d74 !important;

}

.gridAltBg {
    background: #002d74 !important;    
}

.gridTxtMain h2,
.gridTxtMain p {
    color: #333 !important;   
}

.gridTxtAlt h2,
.gridTxtAlt p {
    color: #fff !important;   
}

.gridTxtMain h2,
.gridTxtAlt h2,
.gridTxtCustom h2 {
    text-align: center !important;
    margin: 50px 50px 20px 50px !important; 
}

.gridTxtMain p,
.gridTxtAlt p,
.gridTxtCustom p { 
    text-align: left !important; 
    margin: 0px 50px 50px 50px !important; 
}

#gridrowcustom {
    /* background: yellow !important; */
    background: #002d74 url("/images/Azure swirl.jpg") top left repeat fixed;
 
}

.gridCustomBg {
    background: #002d74 !important;     
}

.gridCustomImg {
    background: #002d74 url("/images/Azure swirl.jpg") top left repeat fixed !important;
 
}

.gridCustomImg img {
    width: 240px !important;
    height: auto !important;
    margin: 30px 0px !important;
}

.gridTxtCustom h2,
.gridTxtCustom p { 
    color: #fff !important; 
}


/* footer on page vs as widget ******************************************************/

#csfooter {
	text-align: center !important;   
}

.csFtrBg {
    background: #002d74 !important;
    border-bottom: 0px solid #fff !important;
}

.csFtrBg h5,
.csFtrBg h6,
.csFtrBg p {
    color: #fff !important;
}

.csFtrBg a {
    text-decoration: none;
    color: #fff !important;
}

.csFtrBg a:hover {
    color: #76bd22 !important;
}

/* columns - put in col not code */

.ftrCol h5,
.ftrCol h6,
.ftrCol p {
    text-align: center !important;
}

/* corporate logo */

.ftrLogoCorp img {
    width: 180px;
    height: auto;
}

/* marketing logo */

.ftrLogoMrkt img {
    width: 130px;
    height: auto;    
}

/* social in col 3 */

#top #wrap_all .social_bookmarks {
    margin: 0px !important;
    width: 100%;
    clear: both;
    float: left;
    font-size: 13px;
}

/* hide right v line */

#top .social_bookmarks li {
    border-right-width: 0px;
    /* float: left; */
}

#top .av-social-sharing-box.av-social-sharing-center .av-share-box ul {
  margin: 0 auto;
    margin-top: -20px !important;
    margin-bottom: 10px !important;
}

.av-social-sharing-box.av-social-sharing-box-same-width .av-share-box ul li a {
  width: 35px;
  height: 35px;
}

#top .main_color .avia-tt {
    display: none !important;
}






/* wechat tweak */

#top .social_bookmarks li:first-child {
   margin-left: 30px !important;
}







/* disclaimer on page - instead of or with socket *************************/

.csDiscBg {
    background: #002d74 !important;
    text-align: center !important;
    border-bottom: 0px solid #fff !important;
}

.csDiscBg h6 {
    color: #fff !important;
}





/************************ SLIDERS ************************/

/* title */

div .slideshow_caption h2 {
    font-size: 60px;
    text-shadow: 2px 2px 6px rgba( 0, 0, 0, 1 );
    margin-top: -120px; /* tweak to move it above community */
}

/* button over slider images */

#top .avia-slideshow-button {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;	
	text-transform: uppercase;
    border-radius: 0px;
	background-color: #333;
	opacity: 1;
	color: #fff;
    border: 1px solid #fff !important;
	padding-left: 15px;
	padding-right: 15px;
}



/************************ BUTTONS ************************/


/* buttons - small to xl */
	
	a.avia-button.avia-size-small,
	a.avia-button.avia-size-medium,
	a.avia-button.avia-size-large,
	a.avia-button.avia-size-x-large {
    /* display: block !important; Make the buttons appear below each other - inline block for side by side */
    border-radius: 0px;
    opacity: 1;
        
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-style: normal;
    font-weight: 400 !important;
    font-size: 11px !important;
	line-height: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;   
    padding: 10px 15px 10px 15px !important;
    
    /* leave next 3 items blank to style sizes, below */
        
    /* border: 1px solid #58595b;
    color: #58595b;
    background: #fff; */
        
    min-width: 180px !important;
    /* box-shadow: 5px 5px 10px rgba(0,0,0,0.4); */	    
	/* margin-top: 20px;*/
    margin: 0px 0px 0px 0px !important;
	}

/* 

/* buttons on pages */

a.avia-button.avia-size-small {
	background: #76bd22 !important;
    border: 1px solid #fff !important;
	color: #fff !important;
    margin: 0px 0px 0px 0px !important;
}

a.avia-button.avia-size-small:hover {
	background: #333 !important;
    border: 1px solid #fff !important;
	color: #fff !important;	
	opacity: 1 !important;
}

/* buttons on pages - Azure link */

a.avia-button.avia-size-medium {
	/* background: #002d74 !important; */
    background: #76bd22;
    /* background: #002d74 url("/images/swirlSm.jpg") top left repeat scroll; */
    border: 1px solid #fff !important;
	color: #fff !important;
    margin: 0px 0px 0px 0px !important;
}

a.avia-button.avia-size-medium:hover {
	background: #333 !important;
    border: 1px solid #fff !important;
	color: #fff !important;	
	opacity: 1 !important;
}

/* use for buttons at end of page just before footer */

.underTxt {
    margin: 0px 0px 30px 0px !important;
}



/* fullwidth image with text beside 1/3 and 2/3 fixes bug */

.avia-section {
	min-height: 0px;
}

/* fix bug on padding in 1/3 */

.av-layout-grid-container  .flex_cell {
	padding: 0px !important;
}

/* 1/3 wrapper */	
	
#one3rdWrap,
#one3rdWrapG {
	margin: 50px 50px 50px 50px;
}

#titleWrap {
	margin-bottom: 20px;
}

/* 1/3 title on grey */

.one3rdTitle {
	font-family: 'averes_title_romanregular', 'Poiret One', cursive;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px;
	color: #fff;
	letter-spacing: 2px;
}

/* 1/3 text on grey */

.one3rdTxt {
	font-family: 'averes_title_romanregular', 'Poiret One', cursive;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 36px;
	color: #fff;
	letter-spacing: 1px;
	text-align: justify;
}

/* 1/3 title on white */

.one3rdTitleG {
	font-family: 'averes_title_romanregular', 'Poiret One', cursive;
	font-size: 32px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px;
	color: #333 !important;
	letter-spacing: 2px;
}

/* 1/3 text on white */

.one3rdTxtG {
	font-family: 'averes_title_romanregular', 'Poiret One', cursive;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 36px;
	color: #333 !important;
	letter-spacing: 1px;
	text-align: justify;
}




/************************ REGISTER FORM ************************/

/* grid */

.formgrid {
	position: relative;	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;	
	overflow: hidden;
}

/* both cols */

.leftcol,
.rightcol {
	float: left;
	width: 50%;
	position: relative;
}

.leftcol p,
.rightcol p {
	/* width:300px;
	float:left; */
	margin-top:0px;
	margin-bottom:12px;
	padding-top:8px;
	font-size: 9px;
	line-height: 13px;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase !important;
}

.leftcol li,
.rightcol li {
	padding: 0 20px 0 20px;
	display: inline;
}

/* left col */

.leftcol {
	padding-right: 20px;
}

.leftcol .chkBx p {
	width:20px;
	/* float:left;
	margin-top:0px;
	margin-bottom:12px;
	padding-top:8px;*/
}
	
/* right col */

.rightcol {
	margin-top:0px;
}

.rightcol .radio-holder {
	/*width:100%;
	float:left;
	height:15px; */
}

.rightcol .radio-holder p {
	margin-top:0px;
	margin-left:10px;
	padding-top:2px;
	width:auto;
}

/* form basics */

.row-holder {
	width:100%;
	float:left;
	clear: both;
}

#top label {
	font-weight: normal;
    font-size: 9px;
	line-height: 13px;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase !important;
}

.requiredFields {
	font-size: 9px;
	line-height: 13px;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase !important;
}

p.radio-header {
	width:100%;
	margin-bottom:10px;
}

input, textarea, select {
   /*border: 1px solid #D1D3D4;*/
   padding: 0.3em;
   font-size: 12px;
   line-height: 1.2em;
   color: #fff;
   width: 185px;
   float:left;
   margin:3px 0;
}

input:focus, textarea:focus, select:focus {
	outline: none;
	border: 1px solid #96005d;
}
 
input {
	margin:5px 0;
	background: #fff;
	border:1px solid #999;
} 
 
select {
	/* width:370px; */
	/* width: 100% !important; */
	background: #fff url("../images/arrow.png") no-repeat center right;
	background-size: 1px 1px;
	-webkit-background-size: 26px 32px;
	color: #333;
	float: left;
	font-size: 12px;
	line-height: 1.2em;
	margin: 3px 0;
	padding: 0.3em;
	width: 185px !important;
}

#top .main_color input[type='text'],
#top .main_color select,
#top .main_color textarea { 
	border-color: #888a8d !important;
	background-color: #fff !important;
	color: #333 !important;
}
 
input[type=checkbox], input[type=radio] { 
  border:none;
}

input[type=checkbox] {
	width:14px;
	height:14px;
	margin: 0 10px 0 0;
}

input[type=radio] {
    width:20px;
}

.radio-holder {
	float:left;
	margin-top:5px;
}
	
.radio-holder p {
	color: #4c4c4c;
	text-align: left;
	text-transform: none;
}

input[type=radio]:checked {
    /*background: url("../images/radio.png") no-repeat center center;*/
    -webkit-background-size: 21px 21px; /* shrink high resolution background */
}

input[type=checkbox]:checked {
   background: url("../images/check.png") no-repeat center center;
   -webkit-background-size: 21px 21px; /* shrink high resolution background */
}

.regBtn {
	background:url(img/submitReg.png);
	width:99px;
	height:34px;
	float:left;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	line-height:36px;
	text-align:center;
	margin:0px 0 15px 0;
}

.regBtn:hover {
	color: #000;
	background-position:0 -35px;
}

#errorContainer {	
	font-size:12px;
	color: #666 !important;
	width: 100%;
	float:left;
	display:none;
	font-weight:bold;
	margin-top:10px;
}

/* for custom checkbox title */

.chkTitle {
	font-weight: bold;
	font-size: 12px;
}

#top select[multiple], #top .avia_ajax_form .select[multiple] {
	height:auto;
	min-height:160px;
}
	
/************************ FOOTER ************************/

#footer {
	/* border grey */
	border-top: 0px solid #fff;
    background: #002d74 !important;
	padding: 30px 0 30px 0;
	text-align: center;
}

#footer .widget {
	margin: 0px 0 0px 0;
}

/* custom header title so not using title fields */
.footer_color .ftrHdr {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* custom colour */
.footer_color strong {
	font-weight: 700;
	color: #ff3300;
}

.footer_color {
    text-align: center;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: 0px;
	color: #fff;
}

.footer_color a {
	color: #fff;
}

.footer_color a:hover {
	color: #8f99a0 !important;
	text-decoration: none;
}

.flex_column .widget .widgettitle,
.content .widget .widgettitle {
	/* font-size: 16px;
	font-weight: normal;
	color: #aebe22; */
}

.footer_color .textwidget h3 {
	color: #ff3300 !important;
}

/* centre icons */

#footer .textwidget .social_bookmarks {
    text-align: center;
}

#footer .textwidget .social_bookmarks li{
    display: inline-block;
    float: none;
}

/* style social */

#footer .social_bookmarks li {
	clear: none !important;
	border: 0 !important;
	float: left;
	font-size: 18px;
	width: 30px;
	padding: 0px 0 10px 0;
}

#footer .social_bookmarks li a {
	width: 15px;
	line-height: 30px;
	min-height: 30px;
	min-width: 30px;

}




/************************ SOCKET ************************/

#socket {
	padding: 20px 0 20px 0;
	/* border grey */
	border-top: 0px solid #5e6062;
    background: #fff url("/images/marble.jpg") center center repeat scroll;
	/* background-color: #333; */
	color: #888a8d;
}

#socket a {
    text-decoration: none;
	color: #002d74;
}

#socket a:hover {
	color: #333;
}

#socket .copyright a {
    text-decoration: none;
	color: #002d74;
}

#socket .copyright a:hover {
	color: #333;
}

#socket .copyright {
	/*font-family:'Cochin LT W01 Roman', 'PT Serif', serif;
	font-family: 'averes_title_romanregular', 'Poiret One', cursive;
	font-style: normal;
	font-weight: 300; */
	text-align: center;
	width: 100%;
	font-size: 9px;
	line-height: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #888a8d;
}

/* social in both footer and socket */

#socket .social_bookmarks {

}

#top #wrap_all .social_bookmarks a,
#socket .social_bookmarks a {
    color: #fff !important;
}


/* SCROLL TO TOP *********************************/

/* hide or style top arrow */

#scroll-top-link {
	display: none;
    /*width: 30px;
    height:30px;
    bottom: 30px;
    right: 30px;    
    opacity: 1!important;
    border-radius:0px;
    background:#fff !important;
    border: 1px solid #999 !important;
    color:#555 !important;
    line-height:28px; /* adjust arrow up position in box - default is 50 all around */
}

#scroll-top-link:hover {
    /* color: #fff !important;
    border-color: #999 !important;
    background: #999 !important; */
}


/************************** MEDIA QUERIES START HERE ****************************************/

/* use mobile menu for all sizes here - needs adjustment - this is for landscape tablets */

@media only screen and (max-width: 1024px) {	
	/* start */
	
	
    
	/* end */
}


/************************** SMALL DESKTOP *******************/

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	/* start */
	
	
	
	/* end */
}



/************************** SMALL DESKTOP - break point *******************/

@media only screen and (max-width: 1199px) {
	/* start */
	
	
	/* end */
}
	


/************************** break point *******************/

@media only screen and (min-width: 990px) {
	/* start */
	
    .onlyMobile {
        display: none!important;
    }
    
    .onlyDesktop {
        display: visible!important;
    }
    	
	
	/* end */
}
	



	
/************************** NON DESKTOP *******************/

/* mobile to tablet portrait - using 989 here to include tablet landscape */

@media only screen and (max-width: 989px) {
	/* start */
    
    .onlyMobile {
        display: visible!important;
    }
    
    .onlyDesktop {
        display: none!important;
    }
    
    /* main header after scrolling */

    .header_color .header_bg {
	    background: rgba(0,45,116,1)!important; 
	    /* background: url("/images/georgiaStraight.jpg") top left repeat scroll; */
    }
    
    
    /* new header logo svg css in enfold */

    .logo svg,
    .logo.avia-img-svg-logo > a > img,
    .logo .alternate.avia-img-svg-logo {
	    width: auto !important; 
	    height: 90px !important;
	    margin: 10px 0px 10px 0px !important;
	    padding: 0px 0px 0px 0px !important;    
    }
    
    
        /* pancake menu - start
    
    put this in mobile if using text menu, otherwise put in main css
    *************************************************************************/
    
    .av-hamburger {
      margin: 10px 0 0 0 !important;
    }

/* hide for teaser - adjust widget padding-right */

    .av-hamburger-box {
        /* display: none!important; */
        /* margin-right: 35px!important;  tweak when pancake is longer than usual - 70 when default is 35 so 35 more */
    }

    .header_color .av-hamburger-inner {

    }
    
    /* pancake open bg */
    
    #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll {
        background: #fff !important;
    }
    
    /* pancake open menu */
    
    #top #av-burger-menu-ul {
        vertical-align: top!important; /* default is middle */
        text-align: center !important;
    }   
    
    /* pancake lines closed  */
    
    .header_color .av-hamburger-inner,
    .header_color .av-hamburger-inner::before,
    .header_color .av-hamburger-inner::after {
        border-radius: 0px !important;
        background: #fff !important;
        width: 35px !important; /* default is 35 */
        height: 3px !important; /* default is 8 */
        /* background: rgba(74,71,71,0.7)!important; 
        /* background: #4a4747!important; 
        /* box-shadow: 1px 1px 1px #4a4747!important; */
    }
    
    /* pancake lines open */
    
    .av-burger-overlay-active #top .av-hamburger-inner,
    .av-burger-overlay-active #top .av-hamburger-inner::before,
    .av-burger-overlay-active #top .av-hamburger-inner::after {
        border-radius: 0px !important;
        background: #333 !important;
       /* background: #c6b193 !important; 
        /* box-shadow: 1px 1px 1px #4a4747!important; */       
    }
    
    
    /* open pancake **********************/
    
    /* bordered button - register - tweak last item */

    #top #wrap_all .header_color .av-menu-button-bordered > a .avia-menu-text {
    width: 220px!important;
    height: 32px!important;  /* 60 would be full main menu height - 27 when using text menu vs pancake */
    padding: 7px 10px 7px 10px!important;  
    margin-top: -10px!important; /*tweak to line up with main_menu margin top 48 */
        margin-left: -5px!important;
    } 
    
    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
        width: 220px!important;
        height: 32px!important;  /* 60 would be full main menu height - 27 when using text menu vs pancake */
        padding: 7px 10px 7px 10px!important;  
        margin-top: -10px!important; /*tweak to line up with main_menu margin top 48 */
    }
    
    /* icon at end of mobile menu */
    
    .iconM {
        width:50px!important;
        height: auto!important;
    }
    
    .html_av-overlay-full {
        padding: 0px 50px !important;
    }

    .html_av-overlay-full #av-burger-menu-ul li {
        display: block;
        height: auto;
        width: 100%;
        padding: 5px 0!important;
        font-size: 12px; /* tweak to decrease v height - default is 35 */
        text-transform: uppercase !important;
        border-bottom: 1px solid #ebebeb !important;
    }

    .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
        text-align: left;
        padding: 10px 30px 10px 30px; /* 15 and 50 default */
        color: #999;
        border-bottom: 1px solid #ebebeb !important;
    }

    /* all items in list */

    #top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items {
        /* border-bottom: 10px solid red!important; */
    }

    #av-burger-menu-ul li a:hover {
        background-color: transparent!important;
        color: #76bd22 !important;
    }

    /* Active menu links */

    #top #wrap_all #header .av-burger-overlay #av-burger-menu-ul li.current-menu-item a {
        color: #76bd22 !important;
    }

    /* tweak to get dot to the left - needs same padding left as menu items */

    .av-burger-overlay-inner {
        text-align: left;
    }
    
    #top #av-burger-menu-ul:after {
    content: "";
    background-image: url("/images/icon.svg")!important;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px!important;
    height: auto!important;
    display: inline-block;
    margin: 20px 0px 0px 0px!important;
    padding: 0px 0px 60px 0px!important;
}
    
    
    
    /* pancake menu - end
    
    put this in mobile if using text menu, otherwise put in main css
    *************************************************************************/
    
	
	div .slideshow_caption h2 {
		font-size: 50px;	
		line-height: 50px;
		/* adjust over image */
		margin-top: -30%;
	}
	
	
    .gridTxtMain p,
    .gridTxtAlt p,
    .gridTxtCustom p {
        padding: 0px 0px 30px 0px !important;
        margin: 0px 0px 0px 0px !important;
    }
    
    .gridMainImg img {
        margin: 50px 0px 0px 0px !important;     
    }
    
    .gridAltImg img {
        margin: -50px 0px 60px 0px !important;     
    }
    
    .gridAzureImg img {
        margin: 30px 0px 60px 0px !important;     
    }
    
    
	
		

		
	/* end */	
}


/************************** HIDE / SHOW MENU ITEMS - SET TO MIN 768 & MAX 767 BELOW *******************/

@media only screen and (min-width: 768px) {
	/* start */	
	

    
	/* end */
}


/* mobile to tablet portrait - default 767 does not include tablet landscape */

@media only screen and (max-width: 767px) {
	/* start */
	
	
	
	
	/* reg form */
	
	.leftcol,
	.rightcol {
		width: 100%;
	}
	
	.leftcol {
		padding-right: 0px;
	}


	
	
		
	/* end */	
}

/* mobile portrait to mobile landscape (devices and browsers) */

@media only screen and (max-width: 479px) {
	/* start */
	
	
	table {
			width:100%;
		}		
				

		
		#socket .copyright {
			margin: auto;
			width: 100%;
			border:0px solid #73AD21;
			text-align: center;
		}
		

	
	/* end */
}

/* mobile landscape to tablet portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* start */
	
	#footer .widget {
		text-align: center;
	}
	
	#socket .copyright {
		margin: auto;
		width: 100%;
		border:0px solid #73AD21;
		text-align: center;
	}
	
	
	/* end */
}

/* tablet portrait to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 989px) {
	/* start */
	
	
	
	/* end */
}

.required::before {
    content:"*";
}