body {font-family: 'Open Sans', sans-serif; background-color: #EEEEEE} .padleft0 { padding-left:0} .padright0 {padding-right:0} .padleft5 {padding-left: 5px} .padleft10 {padding-left: 10px} .nopad {padding:0} .padbot5 {padding-bottom: 5px} .padbot10 {padding-bottom: 10px} .padtop5 {padding-top: 5px} .padtop10 {padding-top: 10px} .padtop15 {padding-top: 15px} .padtop20 {padding-top: 20px} .marbot8 {margin-bottom: 8px} .marbot15 {margin-bottom: 15px} .marright5 {margin-right: 5px}e .marleft5 {margin-left: 5px} .spacer0 {clear:both; height: 0px } .spacer20 {clear:both; height: 20px } .spacer50 {clear: both; height: 50px } .spacer75 {clear: both; height: 75px } .mobheadericon {background-color: #FAFAFA !important;padding: 7px !important; float: right } .font15 {font-size: 15px} .font30 {font-size: 30px} /** events **/ .eventitem { } .evcalholder { border:1px solid #ccc; border-radius:6px; width: 35px} .eventmonth { display:block; border-top-right-radius:6px; border-top-left-radius:6px; background-color: #BFBFBF; text-align:center; font-size:12px; line-height:14px; font-weight: bold; margin:0; color:#fff; padding:2px 0 } .eventday { display:block; text-align:center; font-size: 12px; line-height:14px; font-weight:bold; margin:0; padding:0; padding-top:3px; padding-bottom: 3px } .eventwidgettitle { color: #000000; font-size: 14px; margin-top: 0; font-weight: bold; margin-bottom: 5px} .eventwidgettitle a {color: #000000; text-decoration: none; font-size: 12px} .eventwidgettitle a:hover {color: #72AD58} .eventwidgetlocation { font-size: 9px; font-style: italic; margin-bottom: 0; display: none} .eventwidgetlocation:hover {color: #000000; cursor: pointer} /** news **/ .newswidgetitle { font-size: 11px; margin-top: 0; font-weight: bold; margin-bottom: 5px } .newswidgetitle a {color: #000000; text-decoration: none} .newswidgetitle a:hover {color: #72AD58 } .newswidgetdate { font-size: 11px; font-style: italic; margin-bottom: 0px} .newswidgetimg {display: none} .featureboxes .spacer20 {} /** member benefits **/ ul.memberbenefits {padding-left: 20px; list-style: none;margin-bottom: 0} ul.memberbenefits li {padding-left: 1.3em; padding: 10px 0; font-size: 11px} ul.memberbenefits li:before { content: "\f00c"; /* FontAwesome Unicode */font-family: FontAwesome; margin-left: -1.3em; width: 1.3em; display: inline-block} /** become a member **/ .become-member { } /** sponsor logos **/ .splogoholder { padding-left: 1px; border: 1px solid #FFFFFF; } .sponsorlogo { } /********************************************* END WIDGETS ***********************************************/ /*header*/ #header {background-color:#F5F5F5; padding-top: 15px; position: relative; clear:both} .strapline {color: #000000; font-size: 21px; padding-top: 10px; display: inline-block} .logo {margin-bottom: 20px; margin-left: 0; width: 200px} .add-on {display:none; padding: 8px; background-color: #87110B} .navbar-form {padding-left:0; padding-right:0} #header p {color: #FFFFFF; font-size: 12px} #header .login a {color: #000000; font-size: 12px; padding-left: 5px; text-decoration: none} #header .login a:hover {color: #39572C} .headface {color: #4867A9;} .headface:hover {color: #6D9BFF;} .headtwitter {color: #1CA1F2;} .headtwitter:hover {color: #30C8FF;} .headinsta {color: #DC307C;} .headinsta:hover {color: #FF5794} .headpintrest {color: #CD2029} .headpintrest:hover {color: #FF373D} /*--------------------------*/ /*nav*/ .topnav a { color:black} .navbar {margin: 0; border-top-color: #F5F5F5; border-bottom-color: #FFFFFF} .navbar-collapse {padding-right: 0px; padding-left: 0px; overflow: hidden; } .icon-bar { background-color: #062a3e } .navbar-toggle { background-color: #001349 } .nav>li>a { font-weight: bold; color: #FFFFFF } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #FFFFFF; color: #39572C; } /*-------------------------------*/ /* Page Layout---------------------------*/ .contentarea { background-color: #d4d4d4; } .contentareainner { background-color: #FFFFFF;padding: 8px 0 20px 0 } .whitestrip { padding: 30px 0} h1 { margin-top: 5px; margin-bottom: 10px; font-size: 21px; font-weight: 600; color: #444;} h2 { font-size: 15px; font-weight: bold; margin-top: 12px;} /*Calendar------------------*/ .allevents {clear: both; margin-top: 30px} .nextevent {padding: 20px; background-color: #EDEDED; border: 1px solid #D4D4D4} .otherevents {clear: both; padding-top: 30px} .followon h2 {font-size: 14px} .eventkeyinfo {padding-left: 0; margin-bottom: 10px} .eventkeyinfo h1 { font-size: 16px} .eventkeyinfo h3 {font-size: 13px; margin-top: 0 } .eventkeyinfo h4 {font-size: 13px} .eventkeyinfo p {font-size: 12px} .eventkeyinfo button {margin-top: 10px; font-size: 10px; background-color: #1B8700} .eventkeyinfo button:hover {} .eventrow {padding-left: 0} .eventrow .eventtxt h2 {font-size: 20px; color: #444444; text-decoration: none; margin-bottom: 0; margin-top: 3px} .eventrow .eventtxt h2 a {color: #444444; text-decoration: none; font-size: 16px} .eventrow .eventtxt h2 a:hover {color: #787878 !important} .eventrow .eventtxt h3 {font-size: 13px; margin-bottom: 0; margin-top: 10px} .eventrow .eventtxt h4 {font-size: 13px; margin-bottom: 0; margin-top: 6px} .eventrow .eventtxt p {font-size: 13px; margin-bottom: 0; margin-top: 10px} .eventbuttons {margin-top: 15px} .eventrow .btn-warning {font-size: 11px !important} .eventrow .btn-success {font-size: 11px !important} .eventsq .imgholder, .eventsq .eventtxt {padding: 0} .eventsq h2 {font-size: 12px} .eventsq h2 a {font-size: 15px; font-weight: bold; color: #444444} .eventsq h3 {font-size: 13px;margin-top: 6px; margin-bottom: 0} .eventsq h3 span {font-weight: bold} .eventsq p span {font-weight: bold} .eventsq p {font-size: 13px; margin-top: 3px} .eventsq {} /*------------------------------*/ /*Lastest News----------------------*/ .articlepreview .textholder h2 { margin-top: 0;} .articlepreview .btnmore { float: right; font-size: 11px; padding: 3px } .followon p {font-size: 12px; padding-top: 5px} .followon li {font-size: 12px} .articlepreview .textholder h2 a {font-size: 16px; color: #062A3E !important; text-decoration: none !important; font-weight: bold;} .articlepreview .textholder h2 a:hover {color: #787878 !important} .multidivide { clear: both} hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #D4D4D4;} /*------------------------------*/ .events h2 {font-size: 25px} .eventblock {border: 1px solid #EEEEEE; margin-top: 20px; padding: 15px; background-color: #f5f5f5} .eventblock h2 {font-size: 26px; margin-top: 0;} .eventblock h2 a { color: #062a3e } .eventblock h2 a:hover{text-decoration: none; color: #555555 } .eventblock h3 {margin-top: 0; font-size: 15px; margin-bottom: 5px} .eventblock h4 {font-size: 15px; margin-top: 0} .eventcolumn {border: 1px solid #d4d4d4; padding: 15px; background-color: #EEEEEE} .eventcolumn h2 { margin-top: 15px !important; margin-bottom: 0 !important; line-height: 23px} .eventcolumn h2 a {color: #062a3e; font-size: 12px; } .eventcolumn h2 a:hover{text-decoration: none; color: #787878 } .eventcolumn h3 {font-size: 11px; margin-top: 8px; margin-bottom: 5px} .eventcolumn p {font-size: 11px} .eventcolumn button {font-size: 10px} .boxevent {} .eventdetails {padding: 15px 0; margin-bottom: 20px } .eventdetails h1 a {color: #062a3e } .eventdetails h3 {font-size: 16px; margin-top: 8px; margin-bottom: 5px} .eventdetails h4 { font-size: 15px} .detailsbookbtn {margin-top: 18px} .embed-responsive-16by9 { padding-bottom: 23% } .scheduletable td, .scheduletable th {padding: 5px !important;} .accred {padding-top: 50px; padding-bottom: 50px; background-color: #FFFFFF} /*--------------------------*/ /*Event Details Page*/ #exTab1 .tab-content { color : #FFFFFF; background-color: #062a3e; padding : 5px 15px; } #exTab2 h3 { color : #000000; background-color: #062a3e; padding : 5px 15px; } /* remove border radius for the tab */ #exTab1 .nav-pills > li > a { border-radius: 0; } /* change border radius for the tab , apply corners on top*/ /* Change Tab Properties*/ #exTab3 .nav-pills > li > a { border-radius: 4px ; color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #1B8700; } .tab-pane {margin-top: 10px} #exTab3 .nav-pills > li.active > a { background-color: #AFB557; } #exTab3 .nav-pills > li > a:hover { background-color: #EFEFEF; border: 1px solid #DDDDDD; color: #1B8700; } #exTab3 .tab-content { color : #000000; background-color: #FFFFFF; } /*------------------------*/ .featured {border: 1px solid #EEEEEE; position: relative; max-height: 345px; overflow: hidden} .featured h2 {margin: 0; color: #FFFFFF; padding: 8px 0px 3px 20px;font-size: 20px} .featured p {color: #FFFFFF; padding: 0px 0px 3px 20px; font-size: 11px} .fbg {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.8);} .fbg a {color: #FFFFFF; text-decoration: none} .subfeatured {border: 1px solid #FFFFFF; background-color: #111111; min-height: 110px; } .subfeatured h2 {margin: 0; font-size: 18px; color: #FFFFFF; padding-top: 5px} .subfeatured p {font-size: 12px; color: #FFFFFF} .subfeatured:hover { background-color: #222222;} .subfeature a {padding-left: 8px} h2.boxtitle {background-color: #6F7337; font-size: 18px; padding: 10px; margin-bottom:0; } h2.boxtitle a { color: #FFFFFF; text-decoration: none; font-size: 13px} h3.boxtitle {padding-left: 25px; margin: 0; padding-top: 0 } h3.boxtitle a {color: #000000; font-size: 15px; } h3.boxtitle a:hover {color: #72AD58; text-decoration: none} h4.boxtitle1 {background-color: #FFF; font-size: 22px; margin-bottom: 0px; margin-top: 0px; padding: 5px 10px; color: #FFFFFF} h6.boxtitle2 { font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 0px; padding-top: 15px ; color: #FFFFFF} .membersbox {overflow: hidden} .membersbox h3 {margin: 0; font-size:17px } .membersbox p {margin: 0; font-size:10px } .signup h3 {margin: 0; font-size:17px } .accredlogo h4 {font-size:17px } .accredlogo {margin: 0}h2 /* content boxes */ .greystrip {background-color: #FFFFFF; padding: 30px 0px 50px;} .featureboxes {border: 1px solid #062a3e; min-height: 269px; background-color: #FFFFFF; padding: 6px } .featureboxes3 {padding: 15px; border: 1px solid #062a3e; min-height: 250px; background-color: #FFFFFF } .membox {} .eventbox {padding-left: 0; padding-right: 25px} .events h2 {font-size: 40px} /* footer*/ .footerboxes a { color: #FFFFFF; font-size: 12px; text-decoration: none} .footerboxes a:hover {color: #D9D9D9} .footerboxes li { margin-left: 0px; padding: 0; list-style: none} .footerboxes {border: 1px; min-height: 80px; padding-top: 20px} .footerboxes p {color: #FFFFFF; font-size: 12px} .footerboxes ul { margin: 0; padding: 0;} #ft .icon-grey a {color: #000 #000000} #ft .icon-grey a:hover {color: #999 !important} .copy {margin-bottom: 20px;} .copya a { font-size:11px; color: #CCCCCC} .copya a:hover { text-decoration: none; color: #FFFFFF} .copya { font-size:11px; color: #CCCCCC} @media only screen and (max-width: 1024px) { .navbar {border-top-color: #EFEFEF; font-size: 10px !important} .feature {padding-right: 15px} .subboxes {} } @media only screen and (max-width: 768px) { .navbar { border-top: 0;float: right; border: 0; min-height: 0 !important } .navbar-collapse {padding-right: 250px; } .fa-search {font-size: 15px; color: #062a3e } #fullnavbar {display: none} .navbar-toggle { margin: 0 !important; border-radius: 0px; padding-top: 8px !important} .navbar-toggle .icon-bar+.icon-bar {margin-top: 3px} .navbar-toggle .icon-bar {height: 2px !important} .eventblock h2 {font-size: 20px; margin-top: 15px; } .eventblock p {display: none;} .eventblock .eventimg {padding-right: 0} .eventblock .eventtxt {padding-left: 0} .feature {padding-bottom: 10px; max-height: 347px; } .greystrip {padding-left: 0; padding-right: 0} .eventbox {padding-left: 0} .herobar {padding: 10px 0} .copya {padding-top: 10px} .subfeatured h2 {padding-top: 5px; } .subfeatured { min-height: 110px; padding: 0} .eventbox {} .subboxes {min-height: 200px} } @media only screen and (max-width: 480px) { .feature {padding-bottom: 10px; max-height: 347px; padding-left: 15px;} .eventbox {padding-left: 15px} }