/*   
Theme Name: NCJW Detroit Section (Theme2two - Created by Access.Technology)
Theme URI: https://accesscomptech.com
Description: Custom Theme Created by Access.Technology
Author: Jason Miller
Author URI: https://access.technology
Version: 1.1
*/

body {margin: 0; padding: 0; font-family: arial; font-size:14px; color: black; background: #003c69; width: 100%; height: 100%;}

/* Misc Div/Style Elements */
#cfMain input#s{width: 160px; height: 26px; background: #ffffff; color: black; text-align: center;} /* Search Input Box, etc */
#cfMain input#searchsubmit{color: #003865; font-weight: bold; margin-top: 0px; background: url('https://ncjw.access.technology/wp-content/uploads/2017/11/search-11.png') no-repeat; height: 32px; width: 60px;} /* Search Input Button, etc */
a img{border-style: none; padding: 3px;}
ul {list-style-type: square;} /* No bullet Points */
li{padding-bottom: 0px;} /* Style of List Items */
.pt-cv-ifield{border: 1px solid lightGray; -webkit-box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px -2px rgba(0,0,0,0.75);}
.woocommerce div.product form.cart .variations td.label{min-width: 12vw;}
.woocommerce div.product form.cart .variations select{height: 3vh;}
#tribute{max-width: 25vw; min-width: 25vw; margin-bottom: 5px;}
#community-service{max-width: 25vw; min-width: 25vw; margin-bottom: 5px;}
#education-assistance{max-width: 25vw; min-width: 25vw; margin-bottom: 5px;}
#choose-tribute-amount{max-width: 25vw; min-width: 25vw; margin-bottom: 5px;}
#community-service-funds{max-width: 25vw; min-width: 25vw; margin-bottom: 5px;}
#education-assistance-funds{max-width: 25vw; min-width: 25vw; margin-bottom: 5px;}
#all-kids-playground{max-width: 25vw; min-width: 25vw; margin-bottom: 5px;}

.button{background: #0384ce !important; width: 120px !important; border: 1px solid #ffffff !important; color: white !important;}
#footerContact input{margin: 3px 0px; border: 1px solid #1961A0; font-size: 1.1em; color: #1961A0; width: 300px; background: #ffffff; height: 36px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;} 
#footerContact textarea{border: 1px solid #1961A0; font-size: 1.1em; color: #1961A0; width: 320px; background: #ffffff; height: 130px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
#footerContact input#searchsubmit{background: black;} /* Search Input Button, etc */


/* Font Styles */
h1 {margin: 10px 6px; font-size: 2.1em; font-weight:normal;}
h2 {margin: 10px 6px; font-size: 2.1em; font-weight:normal;}
h3 {margin: 10px 0px; font-size: 1.8em; font-weight:normal;}
h4 {margin: 10px 6px; font-size: 1.7em; font-weight:normal; color: #29AA90;}
p {margin: 20px 6px; font-size: 1.3em; font-weight:normal; line-height: 150%; text-align: left;}


/* Hyperlinks - none Menu */
a:link {text-decoration: none; color: #006384;}
a:visited {text-decoration: none; color: #006384;}
a:hover {text-decoration: none; color: #2773af;}
a:active {text-decoration: none; color: #006384;}

/* Containers */
header{border-bottom: 0px solid #ececec; background: #ffffff url('images/bg-white-old.png') repeat; width: 100%; height: auto;}
#preHeader{background: #ECECEC; width: 100%; height: auto; min-height: 20px; overflow: hidden;}
#mainHead{background: /*#2E3133*/ white; width: 100%; height: auto;}
#menuNav{position: relative; z-index: 50; background: /*#2E3133*/ #003C69; width: 100%; height: auto; min-height: 44px;}
#slider{position: relative; z-index: 30; width: 100%; height: auto;}
#tagline{width: 100%; height: auto; background: #003E69; min-height: 44px; margin-top: 0px; overflow: hidden;}
#preHome{background: #000000 url('images/diamond.png') repeat; width: 100%; height: auto; margin-top: 0px; min-height: 0px;}
#home{width: 100%; height: auto; min-height: 300px; overflow: hidden; background: white; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#addressSec{display: none; margin-top: 0px; width: 100%; height: auto; min-height: 200px; overflow: hidden; background: /*#a6a49e*/ #42b3e5 url('images/batthern.png') repeat; border-bottom: 0px solid lightGrey; border-top: 0px solid lightGrey;}
#subhome1{width: 100%; max-height: 336px !important; min-height: 330px; overflow: hidden; background: #d3dfe8 url('images/squares.png') repeat; border-bottom: 0px solid lightGrey; border-top: 2px solid #003865;}
#addressInfo{width: 100%; height: auto; min-height: 120px;}

/* Element Classes */
.fullView{width: 100%; max-width: 1200px; margin: auto;}
.fullView2{width: 100%; max-width: 1260px; margin: auto;}
.fullView3{width: 100%; max-width: 1400px; margin: auto;}
.buttonWidth{width: 50%; height: auto; margin: auto;}
.homeBox{width: 98%; height: auto; min-height: 220px; float: left; background: #29AA90 url('images/wavemini.png') no-repeat bottom; margin: auto; border: 2px solid #71BEC3; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);}
.headerImages{margin-top: -80px; z-index: -1; position: relative;}
.parallax1{background-image: url('images/second.jpg'); width: 100%; height: 100%; min-height: 700px; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover;}
.parallax2{background-image: url('images/second.jpg'); width: 100%; height: auto; min-height: 600px; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover;}
.parallax3{background-image: url('images/fourth.jpg'); width: 100%; height: auto; min-height: 600px; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover;}
.parallax4{background-image: url('images/fifth.jpg'); width: 100%; height: auto; min-height: 600px; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover;}
.resPhoto{border: 0px solid gray; padding: 8px;}
.blackBackground{background: url('https://www.access.technology/wp-content/uploads/2017/03/bg-black.png') repeat; width: 100%; height: auto; min-height: 120px;}
.webBoxes{overflow: hidden; width: 100%; height: auto; min-height: 120px; margin: 70px 5px; background: #38526D; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); border: 1px solid grey;}
.itBoxes{}
.securityBoxes{background: url('https://www.access.technology/wp-content/uploads/2017/03/bg-black.png') repeat; max-width: 80%; height: auto; min-height: 100px; margin: 60px auto; border: 1px solid white;}
.imgPadding{padding: 10px !important;}
.but1{background: #006384; padding: 20px; margin: 10px;}
.but2{background: #2faf27; padding: 20px; margin: 10px;}
.but3{background: #2773af; padding: 20px; margin: 10px;}
.next{text-shadow: 0px 0px #ffffff !important;}
.previous{text-shadow: 0px 0px #ffffff !important;}
.current-month{text-shadow: 0px 0px #ffffff !important;}


/* Misc Divs */
#head1 img{max-width: 90% !important; height: auto; margin-top: 6px; margin-bottom: 6px;}
#pg-w58b046b1b6242-0{margin: auto !important;}
a img{padding: 0px !important;}
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding-bottom: 20px !important;}
#alg-product-input-fields-table{width: 100%;}
textarea#alg_wc_pif_local_1{width: 300px !important; height: 60px !important;}
#resButtons{display: none;}
#tribe-events-content-wrapper{margin-top: 50px;}
#ctct-form-1499.label{width: 300px !important;}
#removeResReg{display: none;}


/* H Tags Styling */
.homeH2 {text-shadow: 1px 1px #000000; color: #2faf27; font-weight: bold; font-size: 2.8em !important; border-bottom: 0px solid #81d742; padding-bottom: 2px; width: 98%; text-transform: uppercase;}
.sliderStyle h2{width: 100%; border-bottom: 3px solid #5B7536; margin-bottom: 5px;}
#head2 p{font-family: 'Economica', sans-serif; font-size: 1.5em; color: white; text-align: center; margin: 10px 5px;}
#head3 p{font-family: 'Economica', sans-serif; font-size: 1.5em; color: white; text-align: right; margin: 10px 5px;}
.widgeSidebar h2{font-family: 'Economica', sans-serif; font-size: 1.8em; padding-top: 15px; margin: 0px 5px; color: black; text-align: center;}
.widgeSidebar p{font-family: 'Economica', sans-serif; font-size: 1.4em; margin: 4px 8px; color: black; text-align: center;}
.homeBox h2{font-family: 'Economica', sans-serif; width: 100%; height: auto; background: #2F2F2F; font-size: 1.8em; padding: 4px 0px; margin: 0px; color: white;}
.homeBox p{font-family: 'Economica', sans-serif; font-size: 1.4em; margin: 4px 5px; color: white; text-align: center;}
#subhome1 h3{font-family: 'Economica', sans-serif; font-size: 1.8em; margin: 0px 30px; color: white; }
#subhome1 p{font-family: 'Economica', sans-serif; font-size: 1.4em; margin: 6px 30px; color: #222222; text-align: left;}
#subhome2 h3{font-family: 'Economica', sans-serif; font-size: 1.8em; margin: 0px 30px; color: white; }
#subhome2 p{font-family: 'Economica', sans-serif; font-size: 1.4em; margin: 6px 30px; color: #222222; text-align: left;}
#subhome3 h3{font-family: 'Economica', sans-serif; font-size: 1.6em; margin: 0px 30px; color: white; }
#subhome3 p{font-family: 'Economica', sans-serif; font-size: 1.2em; margin: 6px 30px; color: lightGrey; text-align: left;}
#subhome3 a,li{color: #868D85;}
#addressInfo{color: #868D85 !important; font-size: 0.9em;}
#ubermenu-nav-main-3-menu1{ font-size: 1.4em !important;}
#ubermenu-nav-topmenu-4-menu2{font-size: 1.1em !important;}
.webBoxes h2{padding: 10px 0 0 10px !important; color: white; font-size: 1.5em !important; text-shadow: 2px 2px #000000; text-decoration: underline;}
.webBoxes p{padding: 0px 0px 20px 0px !important; color: white !important; font-size: 1.2em !important; text-shadow: 1px 1px #000000;}
.itBoxes h2{color: white; font-size: 2.1em; text-decoration: underline;}
.itBoxes li{color: white !important; font-size: 1.5em;}
#home li{color: #222222 !important; font-size: 1.5em;}
.frontBox1 h2{font-size: 1.3em; color: white; width: 100%; margin: 6px 0px; background: #729641; text-transform: uppercase; border-radius: 20px 0px 0px 0px; -moz-border-radius: 20px 0px 0px 0px; -webkit-border-radius: 20px 0px 0px 0px; border: 0px solid #000000;}
.frontBox2 h2{font-size: 1.3em; color: white; width: 100%; margin: 6px 0px; background: #729641; text-transform: uppercase;}
.frontBox3 h2{font-size: 1.3em; color: white; width: 100%; margin: 6px 0px; background: #729641; text-transform: uppercase; border-radius: 0px 20px 0px 0px; -moz-border-radius: 0px 20px 0px 0px; -webkit-border-radius: 0px 20px 0px 0px; border: 0px solid #000000;}
#tagline h4{margin: 0px; padding-top: 10px; color: white; font-size: 1.4em; text-shadow: 1px 1px #000000; font-style: italic; font-weight: normal;}
.pt-cv-ifield h4{font-size: 1.6em !important; background: /*#dd3333*/ #2faf27; width: 100%; height: auto; margin: 0px 0px 0 0; padding: 4px 0px;}
.pt-cv-ifield a{color: #ffffff; text-shadow: 1px 1px #000000;}
.pt-cv-title{;}
#altColor .pt-cv-ifield h4{background: #003e69; width: 100%; height: auto; margin: 0px 0px 0 0; padding: 4px 0px;}
.entry-date time{background: white; width: 100%; height: auto; margin-top: 0px !important;}

/* WORDPRESS SPECIFIC CORE CODING */
.title{} /* Title To blog Post */
.meta{} /* Date / Time / Etc. */
.entry{} /* Body of Site */
.navigation{} /* Bottom Navigation (Older Newer Post, etc */)
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,
div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}

/* RESPONSIVE DESIGN */
@media all and (min-width: 200px) and (max-width: 480px) {
#preHeader{display: none;}
#head1 img{margin-left: 5% !important; max-width: 100%;}
header{width: 100%; height: auto; min-height: 0px !important; overflow: visible !important; margin-top: 0px !important; margin-bottom: 0px;}
#menuNav{overflow:visible !important;}
#slider{margin-top: 0px !important;}
#head1 img{margin-left: 0%; max-width: 90%;}
#head1{float: left; width: 100%; min-height: auto !important; height: auto; margin-left: 0%; margin-bottom: -20px; margin-top: 0px;}
#head2{display: none;}
#home1{width: 100%; height: auto; float: left;}
#home1 p{text-align: center; margin: 20px;}
#slider{margin-top: -20px; min-height: auto !important; max-height: auto;}
.resPhoto{width: 100%; height: auto;}
.resRemove{display: none;}
.homeH2{font-size: 1.9em !important; text-align: center;}
#removeRes{display: none !important;}
#resButtons{display: block;}
#removeResReg{display: block; margin-top: -45px;}
#resFoot1{display: none;}
#resFoot2{}
#resFoot3{display: none;}
img{max-width: 100%; height: auto;}
.centerAlign p{text-align: center;}
.centerAlign li{margin-left: 15%;}
}
@media all and (min-width: 481px) and (max-width: 700px) {
#preHeader{display: none;}
#head1 img{margin-left: 5% !important; max-width: 100%;}
header{width: 100%; height: auto; min-height: 0px !important; overflow: visible !important; margin-top: 0px !important; margin-bottom: 0px;}
#menuNav{overflow:visible !important;}
#slider{margin-top: 0px !important;}
#head1 img{margin-left: 0%; max-width: 90%;}
#head2{display: none;}
.resPhoto{width: 100%; height: auto;}
.resRemove{display: none;}
.homeH2{font-size: 2.4em !important; text-align: center;}
#removeRes{display: none !important;}
#resButtons{display: block;}
#resFoot1{display: none;}
#resFoot2{}
#resFoot3{display: none;}
img{max-width: 100%; height: auto;}
.centerAlign p{text-align: center;}
.centerAlign li{margin-left: 30%;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}