/*
Theme Name: Don Bosco Workers v2
URI: http://donboscoworkers.org
Description: Don Bosco Workers Inc. Website by Rebecca Carney
Version: 2.0
Author: Rebecca Carney
Author URI: http://rebeccacarney.com
---------------------------------------------------------- */

body {background-color:#fedf60;}
.container {background-color: white;}

/* Required WordPress Classes
-----------------------------------------------------------*/
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {padding-bottom: 20px;padding-right: 20px; float:left;
}
.alignright {float:right; padding-left: 20px; padding-bottom:20px;}

.translate {
	margin-left:10px;
	margin-top:10px;
}

/* Page Layout
-----------------------------------------------------------*/

body {background-color:#fedf60;}
.container {background-color: white;}
iframe {
    border: 0 none;
}

/* Typography
---------------------------------------------------------- */
body { color: #173f62; font-family: "Noto Sans",sans-serif;font-weight: normal;}
blockquote {border-left: 3px solid #0678BE; font-family: "Marcellus SC",serif; font-size: 18px; font-weight: normal; line-height: 22px; margin: 16px auto; padding: 0 25px;}
cite {font-weight: normal; font-size: 12px/20px; font-family: 'Marcellus SC', serif; margin-bottom:12px; padding:0;}
h1 {color: #0678BE;font-family: 'Marcellus SC',serif;font-weight: normal;}
h2 {font-weight: normal; color:#0678BE; font-size: 22px/30px; font-family: 'Marcellus SC', serif; margin-bottom:12px;}
h3 {font-weight: normal; font-size: 16px/20px; font-family: 'Marcellus SC', serif; margin-bottom:9px;}
h4 {font-weight: normal; font-size: 14px/20px; font-family: 'Marcellus SC', serif; margin-bottom:12px;}
h5 {font-weight: normal; font-size: 13px/20px; font-family: 'Marcellus SC', serif; margin-bottom:12px;} 
p {font-size: 13px; line-height: 20px; margin-bottom: 12px;}
strong {font-weight:bold;}
em {font-style:italic;}
acronym {border-bottom:1px dotted #e6e5e5; cursor:help;}
.container p {color: #173f62;font-family: "Noto Sans",sans-serif;}
.small {font-size: 10px;text-align: right;}
/* Links
---------------------------------------------------------- */
a {color:#0678BE; text-decoration:none;}
a:hover {color:#FEDF60; }

h1 a {color:#0678BE; }
h1 a:hover {color:#FEDF60;}

aside h3 a {color:#0678BE;  text-decoration:none;}
aside h3 a:hover {color:#FEDF60;}

/* Rules
---------------------------------------------------------- */
hr {border:0; border-bottom:1px solid #FEDF60; clear:both; height:1px; margin-bottom:12px; width:100%;}
hr.dashed {border-bottom:1px dashed #FEDF60;}
hr.dotted {border-bottom:1px dotted #FEDF60;}
hr.thick {border-bottom:2px solid #FEDF60;}
hr.double {border-bottom:3px double #FEDF60; height: 3px;}
hr.blue {border-bottom:2px solid #0678BE;}

/* Colors 
---------------------------------------------------------- */
.blue, h1.blue, h2.blue, h3.blue, h4.blue {color:#0678be;}
.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow {color:#fece0b;}

/* Logo 
---------------------------------------------------------- */

.logo {
    background: url("http://donboscoworkers.org/wp-content/themes/donboscoworkers/images/logo.png") no-repeat scroll center transparent;
    display: block;
    height: 190px;
	text-align:center;
	background-position:center;
	width: 100%;
	text-indent: -9999999px;
}
.espanol a {
    color: #0678BE;
    display: block;
    float: left;
    font-family: 'Marcellus SC',serif;
    left: 13.25%;
    margin: 0;
    padding: 3px 5px;
    position: fixed;
    text-decoration: none;
    top: 16px;
    width: auto;
	z-index:1000;
	background-color:#FFFFFF;
}

.english a {
    color: #0678BE;
    display: block;
    float: left;
    font-family: 'Marcellus SC',serif;
    right: 13.25%;
    margin: 0;
    padding: 3px 5px;
    position: fixed;
    text-decoration: none;
    top: 16px;
    width: auto;
	z-index:1000;
	background-color:#FFFFFF;
}
.espanol a:hover, .english a:hover {color: #fece0b; text-decoration:underline; }

/* Navigation
-----------------------------------------------------------*/
.nav-justified {
    background-color: transparent;
    border-top: 1px solid #fece0b;
    border-bottom: 1px solid #fece0b;
    border-left: 0;
    border-right: 0;
}
.nav-justified > li > a {
    color: #0678be;
    text-align: center;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    border: medium none;
    color: #0678be;
	background-color:#fff;
}
.nav-justified li:hover > a,
.nav-justified ul ul :hover > a {
	background-color: #fece0b; 
	color: #ffffff;	
}
.dropdown-menu {
    background-color: #fff;
    border: none 0;
    border-radius: 0;
	color:#0678be;
}
.dropdown-menu > li > a {
	color:#0678be;
}
.nav-justified ul.children li:hover > a,
.nav-justified ul.sub-menu li:hover > a {
	background-color: #fece0b; 
	color: #ffffff;
}
.nav-justified ul li.current_page_item > a,
.nav-justified ul li.current-menu-ancestor > a,
.nav-justified ul li.current-menu-item > a,
.nav-justified li.selected > a,
.nav-justified ul li.current-menu-parent > a,
.nav-justified ul li.current_page_item > a:hover,
.nav-justified ul li.current-menu-item > a:hover {
    background:none repeat scroll 0 0 #FFF;
    color: #0678BE;
}
* html .nav-justified ul li.current_page_item a,
* html .nav-justified ul li.current-menu-ancestor a,
* html .nav-justified ul li.current-menu-item a,
* html .nav-justified ul li.current-menu-parent a,
* html .nav-justified ul li a:hover {
    color: #0678BE;
}

.nav-justified a {
    background-color: transparent;
    color: #0678BE;
    font-family: 'Marcellus SC',serif;
    font-size: 16px;
    text-decoration: none;
}
.nav-justified ul li {
	font-family: 'Marcellus SC',serif;
}

@media (min-width: 768px) {
.nav-justified { /*max-height: 52px;*/
}
.nav-justified > li:first-child > a {
}
.nav-justified > li:last-child > a {
}
}
@media screen and (min-width: 768px) {
.masthead, .marketing, .footer {
    padding-left: 0;
    padding-right: 0;
}
}

/* Content
---------------------------------------------------------- */
.intro {
    font-size: 14px;
    line-height: 26px;
	padding: 2.5%;
}
.intro h1 {
    font-size: 20px;
    margin-bottom: 10px;
	margin-top:0;
}
.intro p {
    font-size: 12px;
    line-height: 1.25em;
    margin-bottom: 10px;
    text-align: justify;
    width: 97%;
}
/* Footer styles
---------------------------------------------------------- */
.row.promos {
    border-bottom: 1px solid #fece0b;
    border-top: 1px solid #fece0b;
    /* clear: both; */
    /* margin-left: 20px; */
    /* margin-right: 20px; */
    /* min-height: 180px; */
    margin-bottom: 20px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.promos p {margin-bottom:6px;}
.promos h1 {
    color: #0678BE;
    font-family: 'Marcellus SC',serif;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}
.promos a {color:#0678BE;  text-decoration:none;}
.promo-1 h1:hover, .promo-2 h1:hover, .promo-3 h1:hover, .promo-4 h1:hover, .promo-5 h1:hover {color:#ffffff; text-decoration:none;}
.promo-1, .promo-2, .promo-3, .promo-4, .promo-5 {
    background-color: #00ff99;
    display: block;
    margin: 20px 1.65555%;
    min-height: 180px;
    text-align: center;
}
.promo-1 {background:url(images/boxes/1.jpg) no-repeat;}
.promo-1:hover {background:url(images/boxes/1-hover.jpg) no-repeat; color:#FFFFFF}
.promo-2 {background:url(images/boxes/2.jpg) no-repeat; }
.promo-2:hover {background:url(images/boxes/2-hover.jpg) no-repeat; color:#FFFFFF}
.promo-3 {background:url(images/boxes/3.jpg) no-repeat;}
.promo-3:hover {background:url(images/boxes/3-hover.jpg) no-repeat; color:#FFFFFF}
.promo-4 {background:url(images/boxes/4.jpg) no-repeat; }
.promo-4:hover {background:url(images/boxes/4-hover.jpg) no-repeat; color:#FFFFFF}
.promo-5 {background:url(images/boxes/5.jpg) no-repeat;}
.promo-5:hover {background:url(images/boxes/5-hover.jpg) no-repeat; color:#FFFFFF}
.quote {
    color: #0678be;
    display: block;
    font-family: "Noto Sans", sans-serif;
    line-height: 1.5em;
    margin-bottom: 20px;
    text-align: justify;
    padding: 0 22px;
    font-size: 12px;
}
/* Search
---------------------------------------------------------- */
.searchform   {
    width: 100%;
}
.searchform input {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #0678be;
    float: left;
    font-family: "Noto Sans",sans-serif;
    font-size: 11px;
    height:20px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 87%;
}
.searchform button {
    background: url("http://donboscoworkers.org/wp-content/themes/donboscoworkers/images/search-button.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 30px;
    padding-top: 5px;
    width: 20px;
	float: right;
}
.searchform button:hover { background: url("http://donboscoworkers.org/wp-content/themes/donboscoworkers/images/search-button.gif") no-repeat scroll 0 0 transparent;}

/* Footer
---------------------------------------------------------- */
footer ul {display: inline;}
footer ul li a {
    padding: 0 5px;
}
.menu-footer-container {
    color: #0678BE;
    text-align: center;
    text-transform: uppercase;
}
footer p {
    color: #0678BE;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}
body.page-id-589 footer p {
  font-size: 11px;
  text-align: right;
}
footer {
    border-bottom: 1px solid #fece0b;
    border-top: 1px solid #fece0b;
    color: #fedf60;
    float: left;
    font-size: 11px;
    min-height: 50px;
    width: 100%;
    padding: 15px 0 0 0;
    margin-bottom: 10px;
}
footer a {color:#0678BE;}
footer a:hover {color:#0678BE; text-decoration:underline;}
footer ul li {display:inline-block; list-style:none; }

footer ul li a:hover,		
footer ul li.current-menu-item a,
footer ul li.current-page-ancestor a,
footer ul li.current-post-ancestor a {color:#0678BE;text-decoration:none;}

footer ul li.current-menu-item a:hover,
footer ul li.current-page-ancestor a:hover,
footer ul li.current-post-ancestor a:hover {color:#0678BE;text-decoration:underline;}


/* Social Media
---------------------------------------------------------- */
form#mc-embedded-subscribe-form {
    margin: 0 0 20px;
    padding: 0;
}
.subscribe {
    background-color: #fedf60;
}
.subscribe h3 {margin-bottom:6px;}
.subscribe input {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    clear: both;
    color: #0678BE;
    float: none;
    height: 18px;
    line-height: 18px;
    margin-bottom: 6px;
    padding: 5px;
    width: 100%;
}
input[type="submit"] {background-color:#0678be; border:none; color:#fff; font-size:14px; height:32px; margin:0; padding:6px 12px; width:auto; text-transform:uppercase; cursor:pointer; font-family: 'Marcellus SC',serif;}

.subscribe button {clear:both; height:28px; margin:0; padding:4px 12px;}

.post-edit-link {background:#fff; display:block; color:#000; font-size:11px; border:1px solid #e7e6e6; float:left; text-shadow:none; margin:0; padding:3px 5px; width:auto; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:fixed; top:10px; right:12px; -moz-box-shadow:0 0 3px #e7e6e6; -webkit-box-shadow:0 0 3px #e7e6e6; box-shadow:0 0 3px #e7e6e6; text-transform:uppercase;}
a:hover.post-edit-link {text-decoration:none;}



/* Forms
---------------------------------------------------------- */
input,
textarea {background-color:#fff; border:1px solid #FEDF60; color:#0678be; font-size:12px; height:24px; line-height:24px; margin:0 0 12px 0; padding:5px 6px; max-width:100%;}
input:focus,
textarea:focus {border:1px solid #0678BE;}
textarea {height:200px; width:550px;}
input.buttons, button {background-color:#0678be; border:none; color:#fff; font-size:14px; height:32px; margin:0; padding:6px 12px; width:auto; text-transform:uppercase; cursor:pointer; font-family: 'Marcellus SC',serif;}
input[type="reset"].buttons {background-color:#0678BE;}

input.buttons:hover, button:hover {background-color:#51a1d2; background-image:none; color:#fff; text-decoration:none;}

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

div.wpcf7-mail-sent-ok {
    border: 2px solid #0678BE !IMPORTANT;
}

.required, .error {color:#d24c23;}
.share-form, .comment-form {background-color:#fee990; border:3px solid #FEDF60; padding:12px; margin-bottom:24px;}

.wpcf7-submit {background-color:#0678be; border:none; color:#fff; font-size:14px; height:32px; margin:0; padding:6px 12px; width:auto; text-transform:uppercase; cursor:pointer; font-family: 'Marcellus SC',serif;}
.wpcf7-submit:hover {background-color:#51a1d2; background-image:none; color:#fff; text-decoration:none;}
span.wpcf7-form-control-wrap {clear:both; margin-bottom:12px;}
span.checkboxes input {float:left; width:20px; margin:-1px 0 0 0;}
span.wpcf7-list-item {margin:0 0 12px 0;}


.previous {
    float: left;
    margin-right: 12px;
	padding-top:10px;
	padding-bottom:10px;
}
.next {
    float: right;
    margin-left: 12px;
	padding-top:10px;
	padding-bottom:10px;
}	

.header-pagination {
    font-size: 10px;
    margin-bottom: 0;
}

.footer-pagination {
    font-size: 10px;
    margin-bottom: 0;
}

.thumbnail {
    border: medium none;
}
.flex-control-paging li a {
    background: #0678be !important;
    border-radius: 20px;
    box-shadow: none  !important;
    cursor: pointer;
    display: block;
    height: 5px  !important;
    text-indent: -9999px;
    width: 5px  !important;
}
#left_home {
    padding: 2.5%;
}
.give-total-wrap {
  margin: 0 43%;
  display: inline;
  text-align: center;
  width: 14%;
  float: left;
}
label {
  font-weight: normal;
  line-height: normal;
}
body.page-id-589 ol li, body.page-id-589 p {
  text-align: left;
  font-family: "Noto Sans", sans-serif;
  line-height: normal;
  font-size: 16px;
}
div#give_purchase_form_wrap {
  margin-top: 20px;
}
#give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {font-weight: normal;}

input#give-purchase-button {
  font-size: 20px;
  padding: 10px 20px;
  height: auto;
  text-align: center;
  margin: 0 auto;
}
ul#give-gateway-radio-list {
  font-size: 20px;
}