/*
Theme Name: Divi-webbones
Version: 1.0.2
Author: Webbones
Author URI: http://www.webbones.com/
Template: Divi
*/

/* left indent on lists */
.et_pb_text ul li {margin-left: 30px;}
.et_pb_text ol li {margin-left: 30px;}

.et_pb_all_tabs ul li {margin-left: 30px;}
.et_pb_all_tabs ol li {margin-left: 30px;}

/* header tweaks */
header#main-header {
    /* light blue stripe aligned with nav menu */
    background: linear-gradient(to bottom, white, white 70px, #edf8fd 70px, #edf8fd 100px, white 100px, white);
}
#et-secondary-menu { font-family: 'Raleway'; font-weight: normal !important; }
#et-secondary-menu ul ul li { font-family: 'Raleway'; }

/*stops the form input from spazzing out upon mouseover */
.form-submit input {
    padding: 0.3em 1em;
}

.et_header_style_centered #main-header .container { text-align: left; }

.container {
    width: auto;
}
#logobox {
  position: absolute;
  z-index: 100001;
  height: 100px;
}
body.admin-bar #logobox {
  top: 32px;
}
#logobox > a {
  display: block;
  height: 100%;
  padding: 5px 8px 0 8px;
}
#logobox > a > #logo {
  display: block;
  margin: 0 auto;
  max-height: initial !important;
  height: auto !important;
  max-width: initial !important;
}

.tagline {
  display: inline-block;
  font-size: 180%;
  margin-left: 350px;
  font-family: 'Raleway';
  color: #036eb7;
}
.logo_container {
    height: 70px !important;
    background: radial-gradient(ellipse farthest-side at top, rgba(125,171,201,0.4), rgba(125,171,201,0.4), rgba(0,0,0,0));
}
.logo_container_right {
    width: 30%;
    float: right;
    text-align: right;
    padding: 8px 0 4px 4px;
}
.search-form { display: inline; margin-left: 14px; }
.search-form input[type="search"] {
	background: transparent none repeat scroll 0% 0%;
	border: 1px solid white;
	color: white;
	border-radius: 4px;
	padding: 4px;
}
.search-form input[type="search"]::-webkit-input-placeholder { color: white; }
.search-form input[type="search"]:-moz-placeholder { color: white; opacity: 1; }
.search-form input[type="search"]::-moz-placeholder { color: white; opacity: 1; }
.search-form input[type="search"]:-ms-input-placeholder { color: white; }
/* search box icon */
.search-form::after {
  content: "\55";
  cursor: pointer;
  font-family: "ETmodules" !important;
}
/* use circle theme for social icons
   from ETmodules font */
.et-social-facebook a.icon:before {
	content: "\e0AA" !important;
}
.et-social-twitter a.icon:before {
	content: "\e0AB" !important;
}
.et-social-youtube a.icon:before {
	content: "\e0BA" !important;
}
.et-social-instagram a.icon:before {
	content: "\e0B1" !important;
}
.et-social-linkedin a.icon:before {
	content: "\e0B4" !important;
}
/* social icons color & alignment */
.et-social-icons li {
	margin-left: 4px !important;
}
.et-social-icon a.icon:before {
	color: #F59C1A;
}

.event-module-header {
    background-color: #5F625B;
    font-family: 'Raleway';
    font-size: 150%;
    color: #FFFFFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.event-module-body {
    padding-left: 8px;
}

/* begin newsletter signup module */
.signup-module-body {
    background-color: #faf7ed;
    overflow:hidden;
}
.signup-module-header {
    background-color: #195077;
    font-family: 'Raleway';
    font-size: 150%;
    color: #FFFFFF;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}
.signup-list p {
    padding-left: 10px;
}
.signup-form {
    border-style: solid;
    border-top-width: 8px;
    border-top-color: #f3a52e;
    background-color:#7DABC9;
    height:14vw;
    padding-left: 10px;
    padding-top: 10px;
}

/* wordpress seems to add line breaks between the input tags used in this form - hiding them */
.signup-form br {
    display:none;
}

.signup-form  h4 {
    font-family: 'Raleway';
    color: #FFFFFF;
}
.signup-form p {
    color: #000000;
}

/* ensures the email entry box and GO button are on the same line */
#enewsletter-email {
    max-width: 70%;
    float: left;
}

#header-donate-link, #header-donate-link-mobile {
    clear: both;
    font-family: 'Raleway';
    font-size: 140%;
}
#header-donate-link a, #header-donate-link-mobile a {
    color: #CB4B26 !important;
    text-decoration: none !important;
}
#header-donate-link a:after, #header-donate-link-mobile a:after {
    content: "\45"; /* right arrow */
    font-family: "ETmodules" !important;
    font-size: 160%;
    margin-top: 1px;
    display: block;
    float: right;
}

/* nav menu tweaks */
#top-menu {
    margin-right: 0px !important;
    font-family: 'Raleway';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0;
    display: flex;
}
#top-menu li a { font-size: 16px !important; }
.nav li li { line-height: 1.5em !important; }
.et_header_style_centered nav#top-menu-nav {
  display: initial;
}
.et_header_style_centered #top-menu > li > a {
  margin-bottom: 8px;
  margin-left: 12px;
  margin-right: 12px;
  padding-bottom: 0 !important;
  text-align: center;
}

#et-secondary-menu li li a {
    width: 200px;
    padding: 6px 20px;
}

#et-secondary-menu li li a:hover {
    opacity: 0.7;
}

@media only screen and (min-width: 1020px) {
    .et-fixed-header #top-menu li.current-menu-ancestor > a,
    .et-fixed-header #top-menu li.current-menu-item > a {
	    color: white !important;
    }    
}

/* activates when screen width is less than 1020px */
@media only screen and (max-width: 1020px) {
    #top-menu {
        display: none;
    }
    #footer-widgets {
	display: block;
    }
    .tagline {
	margin-top: 0px;
	margin-left: 0px;
	font-size: 120%;
    }
    .container {
	padding-top: 2px !important;
    }
    .logo_container {
	height: 0px !important;
    }
    .logo_container_right {
	width: 100%;
    }
    #logobox {
	position: inherit;
	width: auto;
	height: 114px;
        left: 0px;
    }
    .mobile_nav {
	margin-top:100px;
    }
    .mobile_menu_bar::before {
	color: #FFFFFF;
    }
    .menu-item-caption {
	display: none !important;
    }
    .et_mobile_menu {
	top: 33px !important;
    }
    .et_pb_module {
	margin-right: 0px !important;
    }
    .et_menu_container {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
    }
    .et_header_style_centered #main-header .container {
	text-align: center;
    }
    .et_header_style_centered #main-header {
	padding: 10px 0;
    }
    .et-social-icons {
	text-align: right;
    }
    #footer-widgets > div.footer-widget:nth-child(0) { margin-bottom: 0px !important; }
    #footer-widgets > div.footer-widget:nth-child(1) { margin-bottom: 0px !important; }
    #footer-widgets > div.footer-widget:nth-child(2) { margin-bottom: 0px !important; }
    #footer-widgets > div.footer-widget:nth-child(3) { margin-bottom: 0px !important; }
}

#top-menu > li {
  padding: 8px 10px 0 0 !important;
  flex-grow: 1;
}
/*#top-menu > li:not(:last-child) {
  border-right: 1px solid #deeff0;
}*/

#top-menu > li a{color:#000!important;font-size:1em!important;}


#top-menu li.current-menu-item a {
    color: #74D1EA !important;
}

#top-menu li.current-menu-ancestor a {
    color: #74D1EA !important;
}

#top-menu ul.sub-menu li.menu-item a{
	color: #fff !important;
}

#top-menu li.et-hover,
#top-menu li.current-menu-ancestor,
#top-menu li.current-menu-item {
        /* the line below is responsible for the background color upon hovering over menu items - removed by request 
	   background-color: #3D7196 !important; 
        */
}
#top-menu li.menu-item-has-children > a:first-child:after,
#et-secondary-menu li.menu-item-has-children > a:first-child:after {
	display: none !important;
}
#top-menu li.menu-item-has-children > a:first-child,
#et-secondary-menu li.menu-item-has-children > a:first-child {
	padding-right: initial;
}
#top-menu li.mega-menu.mega-menu-parent-2 > ul {
	width: 50% !important;
  left: initial !important;
	display: flex !important;
}

#top-menu > li > ul.sub-menu {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-weight: normal !important;
    text-transform: initial;
}

#top-menu > li.mega-menu > ul.sub-menu {
	padding-left: 16px !important;
    padding-right: 16px !important;
}

#top-menu ul.sub-menu {
	background-color: #004976 !important;
	border-top: 0 !important;
    top: 30px;
}

#top-menu li.mega-menu.mega-menu-parent-2 > ul > li {
	align-items: stretch;
}

#top-menu li.mega-menu.mega-menu-parent-2 > ul > li > a {
	color: #cb4b26 !important;
    font-weight: normal;
    padding-bottom: 0;
}

#top-menu li.mega-menu.mega-menu-parent-2 > ul > li:not(:first-child) {
	border-left: 1px solid white;
}

#top-menu li.mega-menu.mega-menu-parent-2 > ul > li > ul {
	padding-left: 24px;
    font-family: 'Roboto';
}

#top-menu li.menu-item > ul { font-family: 'Roboto'; }
#top-menu li.mega-menu.menu-item > ul { font-family: 'Raleway'; }

/*.menu-item-caption {
  display: block;
  background-color: #faf7ed;
  color: #123b59;
  text-align: center;
  font-family: 'Roboto';
  font-style: italic;
  text-transform: initial;
  padding: 4px 12px;
  font-weight: normal;
}
*/
/* footer tweaks */
#main-footer:before {
    content: '';
    border-top: 1px solid rgba(256, 256, 256, 0.5);
    display: block;
    width: 100%;
    position: relative;
    top: 20px;
    z-index: 100;
}
#footer-bottom { display: none; }
#footer-widgets { padding-top: 0; font-size: 90%; }
.et_pb_gutters3 .footer-widget {
    /* margin: 0; */
    padding: 2.5% 2% 4% 2%;
    width: 32.5% !important;
}
#footer-widgets > div.footer-widget:nth-child(1) { text-align: center; }
#footer-widgets > div.footer-widget:nth-child(2) { text-align: center; }
#footer-widgets .et_pb_widget { float: none; }
#footer-widgets .et_pb_widget a { color: white; }

#top-bar-button, #top-bar-button-mobile {  
  background-color: #036eb7;
  background-image: url(/wp-content/uploads/2017/08/paddle-graphic2.png);
  background-repeat: no-repeat;
}
#top-bar-button {
  float: right;
  margin-left: 20px;
  width: 240px;
  margin-top: -0.75em;
  height: 41px;
  padding: 4px 0 4px 60px;
  line-height: 0.9em;
  background-size: 45%;
  background-position: 0 -30px;
}
#top-bar-button a, #top-bar-button-mobile a { font-size: 90%; font-family: 'Raleway'; color: white; }
#top-bar-button a:after, #top-bar-button-mobile a:after {
  content: ' \45'; /* right arrow */
  font-family: "ETmodules";
  font-size: 140%;
  display: inline-block;
  position: relative;
  top: 4px;
}
#top-bar-button-mobile {
  display: none;
  width: 100%;
  text-align: right;
  margin-top: 8px;
  padding: 4px;
  background-size: 24%;
  background-position: 0 -12px;
}
#top-bar-button-mobile a { font-size: 100%; }
#top-bar-button-mobile a:after { font-size: 196%; vertical-align: sub; }
#header-donate-link-mobile {
  display: none;
  text-align: right;
  background-color: #edf8fd;
  padding: 4px 2px;
  margin-top: 8px;
}
@media (max-width: 980px) {
  .et_header_style_centered #main-header .mobile_nav { padding: 5px 36px; }
  .et_header_style_centered .mobile_menu_bar { right: 36px; }
 }
@media only screen and (max-width: 1020px) {  
  #top-bar-button { display: none; }
  #top-bar-button-mobile { display: block; }
  .et-social-icons { padding: 0 8px; margin-top: -4px; }
  #header-donate-link { display: none; }
  #header-donate-link-mobile { display: block; }
  header#main-header { background: white; }
  .mobile_nav { margin-top: 60px; }
  #donatewrap { display: none; }
}
.search-form:after { position: static; }

.jra-search form{text-align:right;top:90%!important;}
.jra-search form input#s{padding:7px;border:0;margin-top:-50px;}
.jra-search form input#searchsubmit{display:none;}
.jra-search a{margin:-3px;}
.jra-search form {z-index:50;}

.header-content{height:60px!important;}

h1.et_pb_module_header, .et_pb_bg_layout_dark h1{font-family:Raleway!important;font-weight:bold;margin:10px 0 0 90px;color:#000 !important;}

.et_pb_fullwidth_header.et_pb_fullwidth_header_0{background-color:#dcdde5!important;}
#headerwrap{width:80%;margin:0 auto;position:relative;text-align: center;}
#navwrap{position:absolute;z-index:150;margin:35px 120px 0 195px;}
#headertransbg{padding:30px;height:100px;position:relative;background:rgba(255, 255, 255, 0.6);z-index:100;}
.et_pb_module_header{margin:10px 0 0 0;}

#donatewrap {
    position: absolute;
    margin-top: 35px;
    right: 0;
    z-index: 150;
}
#donatewrap .et_pb_button,
#donate-flyin .et_pb_button {
    font-family: 'Raleway';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    padding: 12px 24px;
    border-width: 0px !important;
    border-radius: 0px;
    background-color: #6cc24a;
}
#donatewrap .et_pb_button::after, .et_pb_button::before,
#donate-flyin .et_pb_button::after, .et_pb_button::before {
    display: none;
}

#top-menu li.donate-menu-item {
    display: none;
}
#mobile_menu li.donate-menu-item {
    background-color: #6cc24a;
    display: inline-block;
    width: 100%;
}

#donate-flyin {
    position: fixed;
    top: 200px;
    right: -200px;
    transition: right 1s ease-in-out, opacity 1s ease-in-out;
    z-index: 10000;
    opacity: 0;
    padding: 24px 90px 24px 24px;
    background-color: rgba(200, 200, 200, 0.6);
    border-radius: 24px 0 0 24px;
}

#donate-flyin.show {
    right: -20px;
    opacity: 1;
}

/* hide flyin on donate page */
body.page-id-57 #donate-flyin {
    display: none !important;
}

@media (max-width: 600px) {
	#navwrap{position:relative;z-index:200;margin:0px;}
	#logobox{top:-10px!important;left:0!important;position:absolute!important;}
	#headertransbg{display:none;}
	#headerwrap{height:200px;position:relative;width:90%;margin:0 auto;}
	.select_page{display:none !important;}
	.et_pb_slide_title{font-size:3em!important;}
	.mobile_nav{padding:0;margin:0;}
	.et_header_style_centered .mobile_menu_bar{right:0px;}
	.et_mobile_menu{border:0;padding-top:120px;box-shadow:none;}
	.et_mobile_menu .menu-item-has-children{background-color:#74D1EA;}
	.jra-search{display:none; }
	#donate-flyin { display: none; }
}