/*
	Theme Name: DeborahGlick.com
	Description: Custom WordPress Theme for Deborah Glick
	Version: 1.5
	Author: Flat World Technology ©2017

*/

/* ------------------------------------------------ */
/* Reset */
/* ------------------------------------------------ */

/* Yahoo Style Reset Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.1 */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
.clear{ width: 100%; height: 0px; font-size: 0px; line-height: 0px; position: relative; clear: both;}
/* ------------------------------------------------ */
/* General Styles */
/* ------------------------------------------------ */
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}
html, ul, li {margin: 0px;padding: 0px; }
html{ margin:0px !important; padding:0px !important; }
body {font-size: 24px; line-height: 36px; line-height: 100%; margin: 0; padding: 0; font-family: 'Oswald', sans-serif !important; background: #ffffff; color: #ffffff }
a {text-decoration: none;}
a:hover {text-decoration: none;}
a img { border:none; vertical-align:top; }
a {-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	transition-duration: 0.3s;}
a:hover {-webkit-transition-duration: 0.1s;-moz-transition-duration: 0.1s;	-o-transition-duration: 0.1s;	transition-duration: 0.1s; text-decoration: none !important;}
img.alignright {margin: 10px 0 0 20px; float: right;}
img.alignleft {margin: 10px 20px 0 0; float: left;}
img.aligncenter {clear: both;display: block;margin: 0 auto 10px auto;}
.relative {position: relative}
p {margin-bottom: 20px; }
b, strong {font-weight: bold;}
.clear {clear:both;}
h4, h5, h6 {margin: 0 0 10px 0;}
ol, ul {margin: 0 0 20px 25px;}
ol li {list-style-type: decimal; padding: 0 0 10px 0;}
ul li {list-style-type: circle; padding: 0 0 5px 5px;}
i, em {font-style: italic}
hr {border: none; border-bottom: 1px dotted; margin: 20px 0; }
del {text-decoration: line-through;}
*:focus {outline: none;} /* Removes yellowing of forms */
body 
{font-family: 'Oswald', sans-serif;  }
h2{ font-size: 40px !important; line-height: 45px !important;}
.ajax-loader{ position: absolute; top:0px; left: 0px;}
.fontAwesome{
    font-family: FontAwesome;
}
.sp40{ width: 100%; font-size: 40px; line-height: 40px; height: 40px; position: relative;}
.sp60{ width: 100%; font-size: 60px; line-height: 60px; height: 60px; position: relative;}
.fontAwesome{
    font-family: FontAwesome;
}
.clear{ width: 100%; position: relative; font-size: 0px; line-height: 0px; height: 0px; clear: both;}
.container{ max-width: 984px; position: relative;}
.shadow2{-webkit-box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 3px 4px -2px rgba(0, 0, 0, 1);
box-shadow:         0px 3px 4px -2px rgba(0, 0, 0, 1);}
.shadow3{ -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.6);
 -moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 0.6);}
.columns2{  -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px; }
section{ width: 100%; position: relative;}
section.contact_info{ background: #eeeeee}
.menu_bar{ width: 100%; height: 50px }
.logo{ position: relative; width: 100%}
.top_bar{ width: 100%; position: relative; background: #ffffff; min-height: 80px; z-index: 50}
.footer_content{ width: 100%; position: relative; background: #00648e}
footer{ width: 100%; background: #fec52f}
.logo{ position: relative; font-size: 37px; color: #ffffff; padding: 3px 0 10px}
.logo img{ display: inline-block; vertical-align: middle;}
.logo span{ display: inline-block; vertical-align: middle; color: #ffffff; font-weight: 700; margin-left: 10px;}
.top_bar{ position: fixed; width: 100%}
.top_bar .container{ padding-top: 10px; padding-bottom: 13px}
.banner_txt{ position: relative; text-align: center; top:104px;}
.banner_txt h1{ font-size: 43px; line-height: 50px; text-align: center; font-weight: 400; color: #ffffff; }
.top_banner{ width: 100%; position: relative;height: inherit; overflow: hidden;}
.dark_blue{ position: relative; background: #0c0a45; width: 100%; color: #ffffff}
b{ font-weight: 700}
h2{ font-size: 20px !important; line-height: 25px !important; font-weight: 400 !important}
h1{ font-size: 30px !important; line-height: 40px !important; font-weight: 400 !important}

h1.bigger{ font-size: 66px !important; line-height: 72px !important; font-weight: 300 !important}
h1{ margin-top: 30px !important}

.zipbox2{ width: 100%; max-width: 618px; position: relative; display: inline-block; vertical-align: middle; height: 65px; background: #ffffff; color: #ff4000}
.zipbox2 input[type="submit"]{ width: 65px; height: 65px; border: 0px; background: #000000; position: absolute; top:0px; right: 0px; color: #ffffff; font-size: 30px; vertical-align: middle; text-align: center;}
.zipbox2 input[type="text"]{ width: 100%; position: relative; height: 65px; background: transparent; border:0px; text-indent: 20px; font-size: 35px; font-weight: 700}
.zipbox{ top:13px; width: 100%; max-width: 323px; position: relative; display: inline-block; vertical-align: middle; height: 34px; background: #ffffff; color: #009bd7}
.zipbox input[type="submit"]{ width: 34px; height: 34px; border: 0px; background: #009bd7; position: absolute; top:0px; right: 0px; color: #ffffff; font-size: 15px; vertical-align: middle; text-align: center;}
.zipbox input[type="text"]{ width: 100%; position: relative; height: 34px; background: transparent; border:0px; text-indent: 10px; font-size: 17px; font-weight: 700}

.dark_blue .container{ padding-bottom: 30px;}
.com{ font-size: 30px; line-height: 35px; text-align: left; display: inline-block; vertical-align: middle; margin-left: 20px; max-width: 291px; width: 100%}
.col{ width: 215px; position: relative; display: inline-block; vertical-align: middle; text-align: center;}
.content h1{ color: #000000; font-size: 44px; line-height: 50px; font-weight: 500}
.bnum{ width: 100%; display: block; font-size: 40px; line-height: 45px; text-align: center; color: #009bd7; position: relative; font-weight: 700}
.col_txt{ width: 100%; font-size: 20px; line-height: 25px; color: #000000; margin: 20px 0px 20px 0px; text-align: center;}

.red-btn{  display: inline-block; vertical-align: middle; min-width: 340px; height: 63px;  background: #0097d0; text-align: center; font-size: 25px; color: #ffffff; line-height: 63px; font-weight: 300; padding: 0px 20px 0px 20px}
.red-btn:hover{ color: #ffffff; background: #4996a5}
.blue-btn{  display: inline-block; vertical-align: middle; min-width: 340px; height: 63px; background: #4996a5; text-align: center; font-size: 25px; color: #ffffff; line-height: 63px; font-weight: 300; padding: 0px 20px 0px 20px}
.blue-btn:hover{ color: #ffffff; background: #0097d0}
.info_col{ width: 286px; position: relative; display: inline-block; vertical-align:  top; margin: 0px 15px 0px 15px}
.info-cols{ position: relative; margin:20px 0px 0px 0px}
.info_img{ position: relative; padding: 0px 0px 15px 0px}
.copy{ position: relative; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 16px; font-family: 'Lato',sans-serif; padding: 20px 0px 0px 0px}
ul.footer_menu{ display: inline-block; vertical-align: middle; list-style: none;  font-size: 14px;line-height: 18px; text-align: left; margin:0px 0px 0px 10px; padding: 20px 0px 0px 0px;}
ul.footer_menu li{ display: inline-block; vertical-align: middle; list-style: none; margin: 0px 10px 0px 0px; padding: 0px}
ul.footer_menu li a{ color: #000000; }

ul.footer_menu2{ display: inline-block; vertical-align: middle; list-style: none; font-weight: 400; font-size: 15px;line-height: 20px; text-align: left; margin:0px; padding: 0px;}
ul.footer_menu2 li{ display: inline-block; vertical-align: middle; list-style: none; margin: 0px 10px 0px 0px; padding: 0px}
ul.footer_menu2 li a{ color: #ffffff; }

ul.top_menu_list{ display: inline-block; text-align: right; width: 100%; vertical-align: middle; list-style: none; font-size: 19px;line-height: 30px; height: 30px; text-align: right; margin:0px; padding: 10px 0px 0px 0px;}
ul.top_menu_list li{ display: inline-block; vertical-align: middle; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px;}
ul.top_menu_list li:hover{  background: #fdc442; color: #ffffff}
ul.top_menu_list li.active{ background: #fdc442; color: #ffffff}
ul.top_menu_list li.open{ background: #fdc442; color: #ffffff}
ul.top_menu_list li a{ color: #fdc442; text-decoration: none; }
ul.top_menu_list li.active a{ color: #ffffff}
ul.top_menu_list li.open a{ color: #ffffff}
ul.top_menu_list li:hover a{ color: #ffffff}
.dropdown-menu{ margin: 0px !important; padding: 0px !important; border: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 1px !important; border-radius: 1px !important; background: transparent !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !important;}
.dropdown-menu li{ font-size: 12px !important;  text-transform: inherit !important; width: 100%  !important; background: #aaaaaa !important; position: relative; margin: 0px 0px  1px 0px !important; padding: 0px 0px 0px 0px !important}
.dropdown-menu li.active{ background: #0097d0 !important}
.dropdown-menu li:hover{background: #0097d0 !important}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background: #0097d0 !important }
.dropdown-menu > li > a{ padding: 5px 20px !important;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{background: #0097d0 !important }
.powered{ position: relative; text-align: right; font-size: 12px;line-height: 18px; vertical-align: middle;}
.powered a{ color: #000000; font-weight: 700}
.footer_ttl{ color: #262261; font-size: 24px; line-height: 30px; font-weight: 700}
.phone{ color: #ffffff; font-size: 39px; line-height: 45px; font-weight: 400}
.phone i{ display: inline-block; vertical-align: middle; color: #cccccc}
.phone span{ display: inline-block; vertical-align: middle;}
 .tes_pic{ width: 105px; display: inline-block;vertical-align: top; text-align: left;}


.tes_txt{ width: 100%; max-width: 200px; display: inline-block; vertical-align: top; text-align: left; color: #000000; font-size: 16px; line-height: 19px; color: #000000}
.tes_author{ position: relative; font-size: 12px; color: #000000; font-weight: 400; line-height: 17px}
.carousel{ position: relative; margin: 10px 0px 0px 0px;}
.notitle .sidebar-widget-title{ display: none; }

.in{ position: relative; width: 100%; position: relative; margin: 0px 0px 10px 0px; color: #555555}
.in input{ width: 100%; position: relative;  display: block; text-indent: 10px; height: 48px; border: 1px solid #555555; color: #555555; font-size: 14px; line-height: 30px; font-weight: 500}
.in textarea{ width: 100%; position: relative;  display: block;padding: 10px; height: 110px; border: 1px solid #555555; color: #555555; resize: none; font-size: 14px; line-height: 20px; font-weight: 500}

.post .post-content h1{ margin-top: 0px; padding-top: 0px; text-align: left;}
.post-content p{ position: relative; font-size: 18px; line-height: 150%; color: #0c0a45}
.post-content h4{ color: #ff4000; font-size: 24px;}
.about_txt{ text-align: justify !important;  position: relative;}
.side_bar{ max-width: 491px; position: relative;}
.sidebar-widget{ position: relative; margin: 0px 0px 30px 0px;}
.sidebar-widget-title{ position: relative; text-align: left; width: 100%; display: block; font-size: 30px; font-weight: 700; position: relative; margin: 0px 0px 10px 0px; color: #ff4000; text-align: left;}
.vimeo .textwidget {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.vimeo .textwidget iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_ttl{color: #ff4000;
    display: block;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 10px;
    position: relative;
    text-align: left;
    width: 100%;}
    .vimeo .textwidget {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video_frame {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video{ position: relative; margin: 33px 0px 0px 0px;}
.video_frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 283px;
}
.zip_module{ max-width: 461px; position: relative; min-height: 411px; background: url(img/traveling-swimmers-zip-background.png) top center no-repeat; margin: 0px auto 0px auto}
.box_inner{ position: relative; width: 95%; margin: 0px auto 0px auto; padding: 15px 0px 0px 0px;}
.zip_module .zipbox2 input[type="text"]{color: #0c0a45}
.zip_module .com{ width: 100%; text-align: left; max-width: 100%; margin-left: 0px; color: #ffffff}
.zip_module h2{ font-size: 30px !important; padding: 10px 0px 0px 0px; margin: 0px; line-height: 35px !important; font-weight: 500 !important; color: #ffffff; text-align: left;}
.zip_module h2 b{ font-weight: 700}
.top_menu_list{ position: relative; margin: 0px 0px 0px 0px !important;}
.fixed_bottom{ position: fixed; bottom: 0px; left: 0px; z-index: 10}

.pic{ position: relative; display: inline-block; vertical-align: top;}
.info{ position: relative; display: inline-block; vertical-align: top; max-width: 720px; margin: 0px 0px 0px 20px}
.info p{ margin-top: 0px !important; padding-top: 0px !important;}

.col1{ display: inline-block; vertical-align: middle;}
.col2{ display: inline-block; vertical-align: middle;}
.col3{ display: inline-block; vertical-align: middle;}
.footer_columns{ position: relative; display: inline-block; vertical-align: middle;}
.footer_columns ul { list-style: none; margin: 0px; padding: 0px;}
.footer_columns ul li{ list-style: none; margin: 0px 20px 0px 20px; padding: 5px 0px 0px 5px;}
.footer_columns ul li a{ color: #ffffff; text-transform: uppercase; font-size: 11px; line-height: 14px;}
.footer_columns ul li a:hover{ color: #aaaaaa}
.footer_columns ul li.active a{ color: #aaaaaa}
.pulse{ position: relative; display: inline-block; vertical-align: middle;}

.tabs{position: relative; margin-top: 30px}
.tabs ul{ list-style: none; margin: 0px; padding: 0px;}
.tabs ul li{  list-style: none; margin: 0px; padding: 0px; background: #aaaaaa; color: #ffffff; font-size: 16px; line-height: 20px; display: inline-block; width: 24%; text-align: center; height: 50px; vertical-align: middle;}
.tabs ul li a{ display: block; padding: 4px 0px 4px 0px; color: #ffffff; vertical-align: middle; width: 100%; height: 100%;}
.tabs ul li.active{ background: #0097d0;}
.tabs ul li:hover{ background: #0097d0;}

.img-subpage{ display: block; float: left; margin: 0px 30px 0px 0px; border: 0px dashed #838383}
.img-page{ display: block; float: left; margin: 0px 30px 10px 0px; border: 0px dashed #838383}
.tabpage p{ font-size: 17px !important; line-height: 25px !important;}
.tabpage h3{ color: #0097d0 !important; font-weight: 700 !important; font-size: 18px !important}

.tabs_content{ width: 100%; border: 1px solid #888888}
.tabs_r{ width: 100%; text-align: left;}
.tabs_r ul{ list-style: none; margin: 0px; padding: 0px}
.tabs_r ul li{ margin: 0px; padding:0px; list-style: none; display: block;float: left; background: #aaaaaa; width: 86px; height: 36px; margin: 0px 1px 0px 0px; position: relative; }
.tabs_r ul li a{ display: block; vertical-align: middle; width: 100%; height: 100%; position: relative; text-align: center; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 12px; line-height: 36px;}
.tabs_r ul li:hover{ background: #0097d0}
.tabs_r ul li:hover a{ color: #ffffff }
.tabs_r ul li.acc{ background: #0097d0;}
.tabs_r ul li.acc a{ color: #ffffff }
.tab_item{ width: 90%; position: relative; margin: 15px auto 5px auto}

.post-left{width: 75px; position: relative; text-align: left; height: 100%; float: left;}
.post-right{ position: relative; text-align: left; max-width: 570px; float: right; width: 100% }



/* Loop */
#content  .post {padding: 0px 0 25px 0; margin: 0 0 0px 0; width: 100%;}
#content .post.first{ padding: 0px 0px 25px 0px; border: 0px !important}
#content  .post-date {font-size: 12px; line-height: 13px; text-transform: uppercase; margin-bottom: 5px; font-weight: 700; letter-spacing: 0.5px;}
#content  .post-date, #content  .post-date a {}
#content  .post-title {margin-bottom: 35px;}
#content  .post-title h2 {font-weight: 300; margin-top:0px;  font-size: 37px; line-height: 110%; text-tranform: uppercase; color: #000000}
#content  .post-title h2 a{ color: #000000;}
#content  .post-title h2 a:hover{ color: #a2b4c7 !important}
#content  .post-content {font-size: 19px; line-height: 29px;  margin: 0;padding: 0;} 
#content  .post-content.ppb{font-size: 14px !important; line-height: 18px !important; margin-top: 10px; font-weight: 400 !important}
#content  .post-content p {font-size: 14px; line-height: 200%;  margin: 0 0 15px 0; padding: 0;}
#content  .post-content h2 {font-size: 38; line-height: 32px;  margin: 60px 0 30px 0; letter-spacing: -1px;}
#content  .post-content h3 {font-size: 24px; line-height: 28px;  margin: 50px 0 20px 0; letter-spacing: -1px;}
#content  .post-content h4 {font-size: 17px; line-height: 20px;  margin: 0px 0 20px 0; letter-spacing: -1px;  font-weight: 400}
#content  .post-content li{  list-style: disc;  }
#content  .post-content img {max-width: 580px; height: auto;  padding: 10px;  -moz-box-shadow:  0px 0px 5px 0px #DDD; -webkit-box-shadow:0px 0px 5px 0px #DDD; box-shadow:0px 0px 5px 0px #EEE;}
#content  .post-content blockquote {opacity: 0.5}
#content  .post-content .wp-caption {text-align: center;}
#content  .post-content p.wp-caption-text {opacity: 0.5; font-size: 16px; line-height: 18px; padding: 5px 0; }
#content  .post-content blockquote {letter-spacing: -0.1px; font-style: italic; padding: 0 0 0 20px; margin: 40px 0 40px 20px;border-left: 1px dotted #999;}

/* AJAX Load Button */
#pbd-alp-load-posts a:link, #pbd-alp-load-posts a:visited {
display: block;  width: 300px;  margin: 0 auto 100px auto;  text-align: center; padding: 10px 7px 14px 7px; 
border: none; background: #F5F5F5; font-size: 14px; line-height: 14px; color: #999;letter-spacing: 1px;
text-decoration: none;   text-transform: uppercase; border-top: 1px solid #FFF; border-bottom: 1px solid #E5e5e5;
-webkit-border-radius: 4px;-moz-border-radius:  4px;border-radius:  4px;
}
#pbd-alp-load-posts a:hover, #pbd-alp-load-posts a:active { background-color: #FFFFFF; color: #333;}

h4.subtitle{ color: #79a5ba; font-style: normal; font-weight: 500}

.post-icons a{ color: #0097d0; font-size: 20px; margin:  0px 8px 0px 0px}
.read-more{ position: relative; padding: 0px 0px 6px 0px; text-transform: uppercase; font-weight: 900; font-size: 14px;}
.read-more a{ color: #000000 !important}
.read-more a:hover{ color: #0097d0 !important}
.post-date a{ color: #0097d0 !important}
h1 a{ color: #000000 !important }

.tabpage p.s200{ line-height: 200% !important}
#page{ font-family: 'Lato',sans-serif !important; font-weight: 400 !important }
#page h1{ font-family: 'Oswald',sans-serif !important }
#page h2{ font-family: 'Oswald',sans-serif !important }
#page h3{ font-family: 'Oswald',sans-serif !important }
#post p{ font-size: 14px !important; line-height: 18px !important; margin-top: 10px; font-weight: 400 !important}
#page p{ line-height: 200% !important; font-family: 'Lato',sans-serif !important; font-weight: 400 !important}
.tag_list { padding: 0px 0px 20px 0px; position: relative; text-transform: uppercase !important; font-size: 10px !important; line-height: 14px !important; color: #0097d0 !important; font-weight: 400 !important}
.tag_list a{ color: #0097d0 !important; font-weight: 400 !important}
.post-title h2{ font-size: 36px !important; line-height: 42px !important; font-weight: 300 !important}

.pop_author{ width: 35px; position: relative; float: left; margin: 0px 5px 0px 0px;}
.pop_ttl{ font-size: 18px !important; line-height: 24px !important;}
.pop_sttl{ position: relative; font-size: 14px !important; line-height: 18px !important}
.pop_ttl a{ color: #000000 !important}

.e20{ font-size: 120%;}
.hiddnetext{ margin: 0px !important; padding: 0px !important; height: 1px !important; width: 1px !important; position: relative !important; text-indent: -9999px !important; overflow: hidden !important;}
.red-50p-button{ max-width: 50%; margin-left: auto; margin-right: auto; position: relative;}
.page-content ul li{ list-style-type: none;}
.page-content ul{ position: relative; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;}
.tabpage h1{ position: relative; padding-top: 50px !important}

.footer_soc{ position: relative; text-align: left; margin: 0px; padding: 0px; list-style: none;}
.footer_soc li{ position: relative; list-style:  none; display: inline-block; vertical-align: middle; text-align: left; color: #ffffff; font-size: 31px; padding: 0px 0px 10px 0px }
.footer_soc li a{ color: #ffffff; display: block;}

.footer_soc li span{ font-weight: 300; display: inline-block; vertical-align: middle; margin: 0px 0px 0px 10px }
.footer_soc li i {
    background: #fec52f;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
    padding: 0px;
    font-size: 20px;
    color: #000000;
    display: inline-block;vertical-align: middle;
    transition: all 0.5s ease;
}
.footer_soc li a:hover{ color: #fec52f }
.footer_soc li a:hover i{ background: #ffffff }
.col_ttl{ font-size: 31px; line-height: 35px; color: #ffffff; font-weight: 300; padding: 12px 0px 15px 0px}
.faq_list{ position: relative; font-size: 14px; line-height: 16px; color: #ffffff; list-style: none; margin: 0px; padding: 0px}
.faq_list li{ position: relative; margin: 0px; padding: 0px 0px 15px 0px; list-style: none;}
.faq_list li a{ color: inherit;}
.footer_pag{ position: relative; list-style: none; color: #ffffff; margin: 0px; padding: 0px; }
.footer_pag li{ position: relative; list-style: none; color: #ffffff}
.footer_pag li a{ position: relative; list-style: none; color: #ffffff}
.footer_pag li a:hover{ color: #fec52f }
.activity{ position: relative; width: 170px; display: inline-block; vertical-align: top; text-align: center; margin: 10px 10px 0px 10px;}
.act_icon{ position: relative; width: 100%; height: 115px; position: relative;}
.act_ttl{ position: relative; font-size: 22px; line-height: 25px; color: #000000}
.act_txt{ position: relative; color: #666666; margin: 15px 0px 0px 0px;}
.act_arrow{ position: relative; margin: 15px 0px 0px 0px; color: #666666; font-size: 30px;}
.act_arrow a{ color: #666666}
.activities{ position: relative; margin: 20px 0px 0px 0px}
.gray{ background: #eeeeee !important}
.main_txt{ position: relative; font-family: "Oswald",serif !important; margin: 15px auto 0px auto; width: 880px; text-align: center;}
.main_txt p{ position: relative;}
.dgray_btn{ position: relative; width: 90%; height: 54px; -webkit-border-radius: 54px;
-moz-border-radius: 54px;
border-radius: 54px; max-width: 464px; margin: 20px auto 0px  auto; background: #555555; color: #ffffff;  text-align: center; font-size: 13px; transition: background-color 0.5s ease;}
.dgray_btn a{ width: 100%; height: 100%; display: block; text-align: center; color: #ffffff !important; line-height: 54px; vertical-align: middle; }
.dgray_btn:hover{ background: #FF682F}

.christine{ position: relative; margin: 30px 0px 0px 0px; text-align: center; width: 100%}
.nature{ width: 100%; height: 373px; position: relative; background: url(img/nature.png) top center no-repeat;}

.question{ color: #0097d0; margin: 15px 0px 0px 0px}
.question a{ color: #0097d0 !important; font-size: 18px; line-height: 22px;}
.question a span{ display: inline;}
.question a i{ display: inline; margin: 0px 10px 0px 0px}
.answer{ position: relative; margin: 10px 0px 0px 0px; font-size: 16px !important; line-height: 20px !important;}
.answer p{ position: relative; font-size: 16px !important; line-height: 28px !important; font-weight: 300}
.service{ position: relative; margin: 20px 0px 0px 0px;}
.service h4{ font-size: 28px !important; line-height: 35px !important; color: #000000 !important}
.quote_h1{ font-size: 56px; line-height: 60px; color: #ffffff; text-align: center; margin: 120px 0px 0px 0px;}
.quote_auth{ font-size: 19px; line-height: 25px; color: #ffffff; text-align: center; margin: 20px 0px 0px 0px;}
.act_arrow{ display: none;}
.in textarea{ position: relative; height: 400px; font-size: 14px; line-height: 20px; color: #555555}
.in input[type="button"]{ position: relative; width: 100%; height: 54px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border: 0px; text-transform: uppercase;;
border-radius: 10px; max-width: 600px; margin: 20px auto 0px  auto; background: #fec52f; color: #0083bf;  text-align: center; font-size: 20px; transition: background-color 0.5s ease;}
.in input[type="button"]:hover{ background: #0083bf; color: #fec52f}
.in input[type="submit"]{ position: relative; width: 100%; height: 54px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border: 0px; text-transform: uppercase;;
border-radius: 10px; max-width: 600px; margin: 20px auto 0px  auto; background: #fec52f; color: #0083bf;  text-align: center; font-size: 20px; transition: background-color 0.5s ease;}
.in input[type="submit"]:hover{ background: #0083bf; color: #fec52f}
.yellow_btn{ position: relative; width: 100%;  -webkit-border-radius: 10px; display: inline-block;
-moz-border-radius: 10px; border: 0px;
border-radius: 10px; max-width: 600px; margin: 20px auto 0px  auto; background: #fec52f; color: #0083bf;  text-align: center; font-size: 20px; line-height: 24px; padding: 15px 0px 15px  0px; transition: background-color 0.5s ease;}
.yellow_btn:hover{ background: #0083bf; color: #fec52f}
.yellow_btn_sm{ position: relative;  -webkit-border-radius: 10px; display: inline-block;
-moz-border-radius: 10px; border: 0px; font-family: 'Oswald',sans-serif; font-weight: 300;
border-radius: 10px; margin: 0px auto 0px  auto; background: #fec52f; color: #0083bf !important;  text-align: center; font-size: 15px; line-height: 20px; padding: 6px 6px 6px  6px; transition: background-color 0.5s ease;}
.yellow_btn_sm:hover{ background: #0083bf; color: #fec52f !important}
.event_ttl h1 span{ display: inline-block; vertical-align: middle; }
.event_ttl h1 a{ display: inline-block; vertical-align: middle; }

.alogos{ position: relative; list-style: none; width: 100%; text-align: center; margin: 0px; padding: 0px;}
.alogos li{ list-style: none; display: inline-block; vertical-align: middle; margin: 40px 30px 40px 30px}
.b_banner { position: relative; font-size: 25px; line-height: 30px; text-align: left; color: #ffffff; padding: 150px 0px 0px 0px;}
header{ }
.content{ position: relative; padding: 70px 0px 0px 0px;}
.fin{ position: relative; width: 100%; height: 40px; background: #ffffff; margin: 5px 0px 0px 0px;}
.fin input[type="text"]{ position: relative; width: 100%; height: 40px; line-height: 48px; border: 0px; font-size: 14px; color: #000000; font-style: italic; text-indent: 8px;}
.fsub{ position: absolute; top:0px; right: 8px; color: #aaaaaa; background: transparent;border: 0px; display: block; font-style: italic;}
.fsub input[type="button"]{ border: 0px; background: transparent; font-size: 25px; line-height: 40px; color: #aaaaaa; padding: 0px 5px 0px 5px}
.fsub input[type="button"]:hover{ color: #336699 }
#f_msg{ position: relative; color: #000000; font-size: 14px; line-height: 18px; }

.deb{ position: absolute; bottom:0px; right: 0px; }
.deb img{ display: block }
.onlyfa .fontawesome-text{ display: none; }
.call{ font-size: 46px; line-height: 51px; color: #ffffff; font-weight: 300 }

.grid-sizer,
.module { width: 29%; margin: 1.5% }
/* 2 columns wide */
.module-w2 { width: 65%; }

.carousel-indicators{ position: relative !important; left: 0px !important; top:0px !important; margin: 0px !important; padding: 0px !important; bottom: unset !important; width: 100% !important; text-align: left !important; flex-wrap: wrap}
.carousel-indicators li{ color: #fec52f !important; background: #fec52f !important; border: 1px solid #fec52f !important; width: 16px !important; height:  16px !important; margin: 0px !important; list-style: none; list-style-type: none; display: block; border-radius:20px; padding: 0px !important; margin:2px !important; }
.carousel-indicators .active{ color: #0083bf !important; background: #0083bf !important;border: 1px solid #0083bf !important  width: 16px !important; height:  16px !important; margin: 0px !important}
.carousel-indicators li.active{border: 1px solid #0083bf !important }
.module_ttl{ position: relative; font-size: 16px; line-height: 20px; font-weight: 300; text-transform: uppercase; font-family: 'Oswald',sans-serif }
.module_ttl i{ display: inline-block; vertical-align: middle; margin-right: 5px; }
.module_ttl span{ display: inline-block; vertical-align: middle; }
.module_description{ position: relative; margin:5px 0px 0px 0px; font-family: 'Lato',sans-serif; font-size: 14px; line-height: 18px; font-weight: 400 }
.event_arrow{ position: absolute; top:-20px; right: 0px; font-size: 70px; line-height: 75px; z-index: 10 }
.event_arrow a{ text-decoration: none; color: #000000 }
.event_arrow a:hover{ color: #fec52f }
.item_ttl h1{ margin: 8px 0px 0px 0px !important; font-weight: 400; font-size: 33px; line-height: 37px; position: relative; }
.item_img{ position: relative; margin: 5px 0px 0px 0px; }
.item_excerpt{ position: relative; margin:10px 0px 0px 0px; font-family: 'Lato',sans-serif; font-size: 14px; line-height: 18px; font-weight: 400 }
.event_ttl{ position: relative; padding-bottom:10px; }
.event_ttl h1{margin: 8px 0px 0px 0px !important; font-weight: 400; font-size: 33px; line-height: 37px; position: relative;}
.event_ttl span{ margin: 10px 0px 0px 0px !important; font-weight: 400; font-size: 28px; line-height: 33px; position: relative; display:inline-block }
.event_ttl h1 span{padding:0px !important;margin:0px !important;}
.event_btns{ margin-top:10px}
.event_txt{ position: relative;position: relative; margin:10px 0px 0px 0px; font-family: 'Lato',sans-serif; font-size: 14px; line-height: 18px; font-weight: 400 }
.donate_map{ position: relative; margin: 20px 0px 0px 0px; }
.news_form{ position: relative; margin: 20px 0px 0px 0px; }

.issue_menu{ position: relative; }
.issue_menu ul{ list-style: none; margin: 0px; padding: 0px; }
.issue_menu ul li{ list-style: none; margin: 0px; padding: 0px; font-size: 18px; line-height: 25px; width: 100%; display: block;}
.issue_menu ul li a{ color: #0084bd; text-transform: unset; font-family: 'Oswald',sans-serif; padding: 10px 15px 10px 15px; width: 100%; display: block; }
.issue_menu ul li:hover{ background: #fdc442; }
.issue_menu ul li.active{ background: #fdc442; }
.small_logo{  position: absolute; top:0px; left: 10px; }
.small_logo2{  position: absolute; top:-150px; left: 10px; display: block; }
.home_image{ position: relative; margin: 10px 0px 0px 0px; }

.methods{ position: relative; }
.method_col{ width: 31%; margin: 1%; display: inline-block; vertical-align: top }
.land_close{ position: absolute; top:50px; right: 10px; font-size: 50px; color: #000000; }
.land_close a{ color: #fec52f; }
.copy a{ color: inherit; }
.hidden_div{ display: none; }
.item_excerpt{ position: relative; height: 73px;  }
.deb_mob{ display: none; }
.ham_menu{ position: absolute; display: none; text-align: right; top:10px; right: 10px; color: #fdc442; font-size: 40px; line-height: 45px; }
.ham_menu a{ color: #fdc442; position: relative;  }
.mfp-img{ max-height: inherit !important; width: 100% !important }
.mfp-image-holder .mfp-content{ width: 80% !important }
@media handheld, only screen and (max-width: 800px) 
    {
        .deb_mob{ position: relative; width: 90%; margin: 0px auto; display: block; }
        .deb{ display: none; }
        .top_bar{ position: relative;  height: auto;}
        .ham_menu{ display: block; }
        .desk_menu{ display: none; }
    }

@media handheld, only screen and (max-width: 750px) 
    {
.no_mob{ display: none; }
        .grid-sizer,
.module { width: 100%; margin: 1.5% 0px 1.5% 0px; }
.module_ttl{ width: 90%; margin: 0px auto; position: relative; }
.module_content{ width: 90%; margin-right: auto; margin-left: auto; position: relative; }
    	
}

.excerpt_format{line-height: 200% !important;
font-family: 'Lato',sans-serif !important;
font-weight: 400 !important;}
.event_row{font-family: Oswald;}
.event_row .hidden_div{ background:#fefee2; padding:15px 0px 15px 0px}
.event_row .news_txt{ font-family: Oswald !important}
.event_row .news_txt p{ font-family: Oswald !important}
#page .event_row .news_txt p{ font-family: Oswald !important; font-size:18px !important; line-height:25px !important;}
.donate_top_btn{ font-size: 120%; color: #3399cc !important }
.donate_top_btn a{ color: #3399cc !important }
.donate_top_btn a:hover{ color: #ffffff !important }


ul.top_mob{ background: #2f3848;  display: block; text-align: right;  vertical-align: middle; list-style: none; font-size: 17px;line-height: 30px; min-height: 30px; text-align: right; margin:0px; padding: 10px 0px 0px 0px;}
ul.top_mob li{ display: block; vertical-align: middle; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; border-bottom: 1px solid #ffffff; width: 150px;}
ul.top_mob li:hover{  background: transparent; color: #ffffff}
ul.top_mob li.active{ background: transparent; color: #ffffff}
ul.top_mob li.open{ background: #2f3848; color: #ffffff}
ul.top_mob li a{ color: #ffffff; text-decoration: none; }
ul.top_mob li.active a{ color: #0590c9}
ul.top_mob li.open a{ color: #0590c9}
ul.top_mob li:hover a{ color: #0590c9}
.dropdown-menu{ margin: 0px !important; padding: 0px !important; border: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 1px !important; border-radius: 1px !important; background: transparent !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !important;}
.dropdown-menu li{ font-size: 12px !important;  text-transform: inherit !important; width: 100%  !important; background: #aaaaaa !important; position: relative; margin: 0px 0px  1px 0px !important; padding: 0px 0px 0px 0px !important}
.dropdown-menu li.active{ background: #0097d0 !important}
.dropdown-menu li:hover{background: #0097d0 !important}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background: #0097d0 !important }
.dropdown-menu > li > a{ padding: 5px 20px !important;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{background: #0097d0 !important }
.grid-sizer, .vid_item {
  width: 29%;
  float: left;
  margin: 2%;
}
.methods{ margin-top: 30px; }