/* Designed & Developed by http://www.moradmedia.com Powered by http://www.morwebcms.com */ @import url("donations.css"); @import url('https://fonts.googleapis.com/css2?family=Spartan:wght@400;500;600;700&display=swap'); /* h1,h2,h3,h4,h5,h6 {font-family: 'Playfair Display', serif;}a p,a,li {font-family: 'Open Sans', sans-serif;} */ /* Global */ body { background: #ffffff; } .siteContent {position: relative; top: 95px;} /* Link Transitions */ a, .toTop, .fa { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } a:hover, .toTop:hover, .fa:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } /* Header */ .headerWrap, .headerWrapInner { width: 100%; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; z-index: 900; } .headerTop { max-width: 1000px; margin: 0 auto; font-weight: 400; z-index: 600; } .header { max-width: 1000px; margin: 0 auto; font-weight: 400; } /* Header Stuck */ .headerWrap.stuck, .headerWrapInner { display: block; width: 100%; position: fixed; top: 0; z-index: 600; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; background: #ffffff; } .headerWrap.stuck .headerTop, .headerWrapInner .headerTop { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .headerWrap.stuck .logo, .headerWrapInner .logo { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .headerWrap.stuck .logo img, .headerWrapInner .logo img { max-height:50px} .headerWrap .logoColor {display: none;} .headerWrap.stuck .logoColor, .headerWrapInner .logoColor { display: block} .headerWrap.stuck .logoWhite, .headerWrapInner .logoWhite { display: none} .headerWrap.stuck .menuWrap, .headerWrapInner .menuWrap { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .headerWrap.stuck .donateButton, .headerWrapInner .donateButton {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;} .stuck { animation: inOutIn .7s; } @keyframes inOutIn { 0% { opacity: 1; } 75% { opacity: 0; transform: translate(0, -100px); } 100% { opacity: 1; transform: translate(0, 0); } } /* Logo */ .logo { } .logo img {vertical-align: middle;max-height: 150px;max-width: 240px;} /* Mobile Menu Icon */ #mobile-header { display: none; } #responsive-menu-button { height: 25px; width: 32px; position: absolute; top: 20px; right: 20px; text-decoration: none; } #mobile-header #navIcon {width: 32px;height: 30px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;} #mobile-header #navIcon span { display: block; position: absolute; height: 3px; width: 50%; background: #242727; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #mobile-header #navIcon span:nth-child(even) { left: 50%; border-radius: 0 9px 9px 0; } #mobile-header #navIcon span:nth-child(odd) { left: 0px; border-radius: 9px 0 0 9px; } #mobile-header #navIcon span:nth-child(1), #mobile-header #navIcon span:nth-child(2) { top: 0px; } #mobile-header #navIcon span:nth-child(3), #mobile-header #navIcon span:nth-child(4) {top: 10px;} #mobile-header #navIcon span:nth-child(5), #mobile-header #navIcon span:nth-child(6) { top: 20px; } #mobile-header #navIcon.open span:nth-child(1), #mobile-header #navIcon.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #mobile-header #navIcon.open span:nth-child(2), #mobile-header #navIcon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #mobile-header #navIcon.open span:nth-child(1) { left: 3px; top: 7px; } #mobile-header #navIcon.open span:nth-child(2) { left: calc(50% - 5px); top: 7px; } #mobile-header #navIcon.open span:nth-child(3) { left: -50%; opacity: 0; } #mobile-header #navIcon.open span:nth-child(4) { left: 100%; opacity: 0; } #mobile-header #navIcon.open span:nth-child(5) { left: 3px; top: 15px; } #mobile-header #navIcon.open span:nth-child(6) { left: calc(50% - 5px); top: 15px; } /* Main Menu */ .menuWrap { position: relative; z-index: 25; } .menuWrap .socialMediaLinksWrap {display: none;} .mainMenu { } .mainMenu ul {font-size: 11pt;display: flex;justify-content: space-between;} .mainMenu ul li a, .mainMenu ul li {float: left;text-decoration: none;color: #414b4b;font-size: 12pt;} .mainMenu ul li { list-style: none; position: relative; } .mainMenu ul li:first-child { } .mainMenu ul li a { padding: 8px 12px; } .mainMenu ul li a:hover, .mainMenu ul li:hover { } /* Submenu */ .mainMenu ul li ul {display: none;position: absolute;left: 0;top: 100%;margin: 0;background: #0077C8;z-index: 199 !important;padding-top: 5px;padding-bottom: 5px;} .mainMenu ul li ul:last-child { padding-bottom: 10px; } .mainMenu ul li ul li {padding: 10px 15px;width: 210px;/* height: 20px; */line-height: 20px;border: none;} .mainMenu ul li ul li:first-child { border: none; } .mainMenu ul li ul li:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .mainMenu ul li:hover > ul { display: block; } .mainMenu ul li ul li, .mainMenu ul li ul li a { float: none; color: #ffffff; } .mainMenu ul li ul li { _display: inline; /* for IE6 */ } .mainMenu ul li ul li a { display: block; padding: 0 10px; } /* Subsub Menu */ .mainMenu ul li ul li ul { display: none; background: #242727; padding-top: 5px; padding-bottom: 5px; } .mainMenu ul li ul li:hover ul { left: 100%; top: 0; } .mainMenu ul li ul li ul li { padding: 5px 20px } .mainMenu ul li ul li:hover {background: #509E2F;color: #fff !important;} /* SubMenu */ @media (max-width: 1250px) { .mainMenu ul li a, .mainMenu ul li {font-size: 10pt;} } /* Menu Animation */ .mainMenu ul li:hover > ul { animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } @keyframes pullDown { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } @-webkit-keyframes pullDown { 0% { -webkit-transform: scaleY(0.1); } 40% { -webkit-transform: scaleY(1.02); } 60% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(0.98); } 80% { -webkit-transform: scaleY(1.01); } 100% { -webkit-transform: scaleY(1); } } /* Utility Menu */ .utilityMenu { } .utilityMenu ul { } .utilityMenu ul li { float: left; list-style: none; position: relative; } .utilityMenu ul li a { padding: 8px 8px; color: #414b4b; text-decoration: none; } .utilityMenu ul li a:hover { } /* Donate Button */ .donateButton { text-transform: uppercase; } .donateButton p { padding-bottom: 0; } .donateButton p a { background: #ee2a24; color: #ffffff; } .donateButton p a:hover {background: #509E2F!important;} /* Social Media Share */ .socialMediaShareWrap { } .socialMediaShare { } .socialMediaShare ul li { } .socialMediaShare ul li a { } .socialMediaShare ul li a:hover { } /* Search */ /* Search */ .searchWrapB {background: #414b4b; height: 80px;opacity: 0;overflow: hidden;font-weight: 400;position: fixed;top: -80px;width: 100%;z-index: 1200;-webkit-transition: 250ms linear all;-moz-transition: 250ms linear all;transition: 250ms linear all;} .searchWrapShow {display: block;height: 100px;opacity: 1;top: 0px;-webkit-transition: 250ms linear all;-moz-transition: 250ms linear all;transition: 250ms linear all;} .searchHolder {/* max-width: 1000px; */margin: 0;text-align: center;color: #fff;position: relative;border-bottom: 1px solid #fff;margin-bottom: 40px;} .searchHolder.sidebar {border-bottom: 1px solid #1177C8;color: #1177C8;} .searchHolder input {border: none;border-bottom: none;padding: 8px 0;/* margin: 0 10px; */width: 78%;background: none;} .searchHolder label { line-height: 50px; font-size: 13pt; color: #fff; } .searchHolder input[type=submit] {background: #414b4b;text-transform: uppercase;color: #fff !important;font-weight: bold;width: 20px;border: none;background: url(/images/searchIcon.png) center left no-repeat;text-indent: -999em;background-size: 100%;float: left;} .searchHolder.sidebar input[type=submit] {color:#1177C8;background: url(/images/iconmonstr-magnifier-2-12.png) center left no-repeat;background-size: 65%;} .searchHolder input[type=submit]:hover { } .searchClose { position: absolute; right: 5px; top: 10px; color: #fff; font-size: 14pt; } .searchIcon:hover, .searchClose:hover { cursor: pointer; cursor: hand; color: #ccc; } .Search input {cursor: pointer;cursor: hand;color: #fff;font-size: 11pt;font-family: 'Spartan', sans-serif;text-align: left;} .searchHolder ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; font-size:11pt; } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; font-size:11pt; } :-ms-input-placeholder { /* IE 10+ */ color: #fff; font-size:11pt; } :-moz-placeholder { /* Firefox 18- */ color: #fff; font-size:11pt; } .searchHolder.sidebar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #1177C8; font-size:11pt; } .searchHolder.sidebar ::-moz-placeholder { /* Firefox 19+ */ color: #1177C8; font-size:11pt; } .searchHolder.sidebar :-ms-input-placeholder { /* IE 10+ */ color: #1177C8; font-size:11pt; } .searchHolder.sidebar :-moz-placeholder { /* Firefox 18- */ color: #1177C8; font-size:11pt; } .searchWrap {font-size:12pt;border: none;position:relative;max-width:600px;margin:0 auto;background:#fff;border-radius:10px;overflow:hidden;border: 2px solid #ccc;} .searchWPart a {text-decoration:none !important;margin: 0 10px; color:#888; } .searchWPart { display:inline-block; margin:0 10px 0px 0; font-size:11pt; color:#888; } .searchWPart input {padding: 16px;border-radius:0;border: 1px solid #fff;font-size:12pt;font-family: 'Ubuntu', sans-serif;width: 130px;} .searchWPart select {padding:10px; border-radius:0; border:none; font-size:12pt; width:auto; } .searchWPart input[type=submit] { width:auto;} input.searchGreen {font-size: 10pt; text-transform:uppercase;color:#fff;border:none;background:#43b0e3;font-weight: 700;position:absolute;right:0;top:0;height:53px;font-family: 'Ubuntu', sans-serif;letter-spacing: 1px; cursor:pointer; padding:16px 24px} input.searchGreen:hover {background:#888;} /* Header Four */ /* Header */ .headerFour .headerWrap {display: block;width: 100%;position: fixed;top: 0;z-index: 109;background: none;} .headerFour .headerWrap.stuck {background: #fff;border-bottom: none;} .headerFour .headerWrapInner {display: block;width: 100%;position: fixed;top: 0;z-index: 109;background: #fff;border-bottom: none;} .headerFour .headerWrap .header {max-width: 85%;padding: 50px 0 0;height: 45px;display: table;width: 100%;} .headerFour .headerWrap.stuck .header, .headerFour .headerWrapInner .header {max-width: 85%;padding: 20px 0;height: 45px;display: table;width: 100%;} .headerFour .header:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } @media (max-width: 1400px) { .headerFour .headerWrap.stuck .header, .headerFour .headerWrapInner .header {max-width: 95%;} } /* socialMedia */ .headerFour .socialMediaLinksWrap { display: table-cell; vertical-align: middle; padding-right: 15px; } .headerFour .socialMediaLinksWrap a { color: #ffffff; } /* Search */ /* Logo */ .headerFour .logo {width: 280px;display: table-cell;vertical-align: middle;padding-right: 10px;} .headerFour .logo img {max-width: 250px;} /* Menu Wrap */ .headerFour .menuWrap {display: table-cell;vertical-align: middle;margin: 12px;position: relative;top: 5px;} .headerFour .mainMenu ul li a, .headerFour .mainMenu ul li { line-height: 41pt; } .headerFour .mainMenu ul li a {padding: 0;color: #0077C8;font-weight: 600;} .headerFour .headerWrap.stuck .mainMenu ul li a, .headerFour .headerWrapInner .mainMenu ul li a {padding: 0;color: #484848;font-weight: 600;} .headerFour .headerWrap.stuck .mainMenu ul li:last-child a, .headerFour .headerWrapInner .mainMenu ul li:last-child a {color: #0077C8;} .headerFour .headerWrap.stuck .mainMenu ul li ul li:last-child a, .headerFour .headerWrapInner .mainMenu ul li ul li:last-child a {color: #fff;} .headerFour .mainMenu ul li:hover > a {color: #ffffff;} .headerFour .headerWrap.stuck .mainMenu ul li:hover > a, .headerFour .headerWrapInner .mainMenu ul li:hover > a {color: #1177C8;} .headerFour .headerWrap.stuck .mainMenu ul li ul li:hover > a, .headerFour .headerWrapInner .mainMenu ul li ul li:hover > a {color: #fff;} .headerFour .mainMenu ul li ul li a, .headerFour .mainMenu ul li ul li {line-height: 15pt;color: #fff;font-weight: 500;font-size: 12pt;} .headerFour .headerWrap.stuck .mainMenu ul li ul li a, .headerFour .headerWrap.stuck .mainMenu ul li ul li, .headerFour .headerWrapInner .mainMenu ul li ul li a, .headerFour .headerWrapInner .mainMenu ul li ul li {line-height: 15pt;color: #fff;font-weight: 500;font-size: 12pt;} .headerFour .mainMenu ul li ul li a:hover, .headerFour .mainMenu ul li ul li:hover, .headerFour .headerWrap.stuck .mainMenu ul li ul li a:hover, .headerFour .headerWrap.stuck .mainMenu ul li ul li:hover, .headerFour .headerWrapInner .mainMenu ul li ul li a:hover, .headerFour .headerWrapInner .mainMenu ul li ul li:hover {color: #fff;} .headerFour .headerWrap.stuck .mainMenu ul li ul li a:hover, .headerFour .headerWrap.stuck .mainMenu ul li ul li:hover, .headerFour .headerWrapInner .mainMenu ul li ul li a:hover, .headerFour .headerWrapInner .mainMenu ul li ul li:hover {color: #fff;} .headerFour .mainMenu ul li a:after {display: inline;position: relative;content: "\f107";padding-left: 7px;top: 2px;font-family: 'FontAwesome';} .headerFour .mainMenu ul li.no-childs a:after {display: none;} /* Mobile Menu Icon */ .headerFour #responsive-menu-button {height: 26px;width: 32px;top: 45px;right: 13px;display: table-cell;vertical-align: middle;text-align: right;} .headerFour #mobile-header #navIcon span {background: #509E2F;} /* Donate Button */ .headerFour .donateButton {margin-top: 15px;vertical-align: middle;display: table-cell;width: 180px;text-align: right;position: relative;top: 5px;} .headerFour .donateButton p { padding-bottom: 0; } .headerFour .headerWrap .donateButton p a, .headerFour .headerWrapInner .donateButton p a {text-decoration: none;text-transform: none;font-size: 12pt;background: none;color: #ffffff;padding: 10px 35px;border: 1px solid #ffffff;font-weight: 700;letter-spacing: 1px;border-radius: 50px;} .headerFour .headerWrap.stuck .donateButton p a, .headerFour .headerWrapInner .donateButton p a { background: #509E2F; border: 1px solid #509E2F; } .headerFour .headerWrap.stuck .donateButton p a:hover, .headerFour .headerWrapInner .donateButton p a:hover { background: #1177C8!important; border: 1px solid #1177C8!important } .headerFour .searchIcon { margin-top:20px; color:#fff;} @media (max-width: 1280px) { /* Header */ .headerFour .headerWrap .header {max-width: 96%!important;padding: 10px 0;} /* Menu */ /* Search */ .headerFour .search { display: none; } } @media (max-width: 1050px) { /* Social Media */ .headerFour .socialMediaLinksWrap { display: none; } .headerFour .donateButton p a {padding: 7px 14px!important;letter-spacing: 2px;border: 2px solid #ffffff;font-size: 10pt!important;} } @media (max-width: 950px) { .headerFour .logo { width: 100px; float: none; } .headerFour .logo img { max-width: 100px; } .headerFour .mainMenu ul li a { padding: 0 7px; font-size: 8.5pt; } } @media (max-width: 1080px) { .headerFour .logo { } .headerFour .logo img {max-height: 65px;max-width: 130px;} .headerFour .donateButton {padding-right: 0px;position: relative;right: 50px;} .headerFour #responsive-menu-button {top: 35px;} } /* Slider Four */ .sliderFour .slider { width: 1px; min-width: 100%;} .sliderFour .sliderItem {max-width: 80%;margin: 0 auto;padding: 60px 0;} .sliderFour .sliderItemImage { width: 100%; height: 700px; opacity: 1; } .sliderFour .caption {background: none;margin: 0 auto;/* max-width: 100%; *//* position: absolute; *//* right: 0; *//* left: 0; *//* bottom: 0; *//* top: 0; */text-align: left;} .sliderFour .captionContainer {/* max-width: 800px; */padding-top: 50px;/* margin: 0 auto; */text-align: left;} .sliderFour .captionContainer h3 { color: #1177C8; margin: 15px 0; font-size: 20pt; line-height: 27pt; font-weight: 600; max-width: 330px} .sliderFour .captionContainer p {color: #484848;margin: 15px 0;font-size: 12pt;line-height: 16pt;max-width: 390px;} .sliderFour .captionContainer p a { color: #414b4b; text-decoration: underline; } .sliderFour .captionContainer p a {background: none;color: #484848;padding: 0;text-decoration: underline;position: absolute;bottom: 58px;} .sliderFour .captionContainer p a:hover {background: none;color: #1177C8;} .sliderFour .mobileImage { display: none; width: 100%; } .sliderFour .owl-prev {width: 40px;height: 70px;position: absolute;left: 40px;top: 42%;background: url(/images/slider-nav-dark.png) left center no-repeat;text-indent: -999em;padding: 0;} .sliderFour .owl-next {width: 40px;height: 70px;position: absolute;right: 40px;top: 42%;background: url(/images/slider-nav-dark.png) right center no-repeat;text-indent: -999em;padding: 0;} .sliderFour .owl-pagination {position: absolute;top: 75px;width: 41%;right: 0;margin: 0!important;text-align: left;} .sliderFour .owl-page {border: 1px solid #484848;height: 8px;width: 8px;border-radius: 50%;margin: 10px 4px;} .sliderFour .owl-page.active {background: #509E2F;border: 1px solid #484848;} .sliderFour .owl-theme .owl-controls {margin: 0 auto !important;padding: 0;} @media (max-width: 850px) { .sliderFour .sliderItemImage { height: 500px; } .sliderFour .captionContainer { max-width: 600px; padding-top: 180px; } } @media (max-width: 768px) { .sliderFour .sliderItemImage { height: auto; } .sliderFour .caption { height: auto; padding: 0; position: relative; } .sliderFour .captionContainer {background: none;position: relative;max-width: 100%;padding: 25px;} .sliderFour .captionContainer h3, .sliderFour .captionContainer p {max-width: 100%;} .sliderFour .sliderItemImage { background: none !important; } .sliderFour .mobileImage { display: block; } .sliderFour .owl-prev {display: none!important;} .sliderFour .owl-next {display: none!important;} .sliderFour .owl-pagination {position: relative;top: -110px;width: 70%;right: 0;margin: 0 auto!important;text-align: left;} } /* Main Content Areas */ /* General Content Areas */ .mainContentArea { max-width: 1000px; margin: 0 auto; font-weight: 400; } .colContent .mainContentArea { max-width: 400px; margin: 0 auto; font-weight: 400; } .contentAreaColored.pattern .mainContentArea { max-width: 400px; margin: 0 auto; font-weight: 400; position: relative; top: 50px} .contentAreaColored.home .mainContentArea { max-width: 400px; margin: 0 auto; font-weight: 400; position: relative; } .contentAreaWhite {width: 86%;padding: 40px 7%;z-index: -5;background: #fff;} .contentAreaColored { background: #E3E2DC; width: 86%; padding: 40px 7%; z-index: 9; } .contentAreaColored.blue {background: #0077C8;width: 86%;padding: 40px 7%;z-index: 9;} .amazonCta .contentAreaWhite, .amazonCta .contentAreaColored.blue {width: 86%;padding: 10px 7%;z-index: -5;height:190px} .contentAreaColored.speech {border-radius: 70px} .contentAreaColored.speech:after {content: url(/images/speech-bubble.png);position: absolute;right: -66px;bottom: -8px;} @media (max-width: 768px) { .contentAreaColored.speech:after {display: none;} .contentAreaColored.speech {border-radius: 0} } .contentAreaColored.icon { background: #E3E2DC; width: 86%; padding: 40px 7%; z-index: 9; border-top: 1px solid #9B9A94;} .contentAreaColored.home {background: #E3E2DC;width: 86%;padding: 60px 7%;z-index: 9;height: 300px;} .contentAreaColored.pattern {background: #E3E2DC url('/images/greyPattern.png') center center no-repeat;width: 86%;padding: 100px 7%;z-index: 9;background-size: cover;height: 220px;} .contentAreaColored.green.pattern {background: #509E2F url('/images/greyPattern.png') center center no-repeat;width: 86%;padding: 100px 7%;z-index: 9;background-size: cover;height: 220px;} .contentAreaColored.people {background: #E3E2DC url('/images/peopleBackground.png') center center no-repeat;width: 86%;padding: 100px 7%;z-index: 9;background-size: cover;height: 220px;} .contentAreaColored.dark { background: #060606; width: 86%; padding: 40px 7%; z-index: 9; } .contentAreaColored.dark.gradient {background: linear-gradient(180deg, rgba(3,137,229,1) 0%, rgba(7,81,131,1) 100%); width: 86%; padding: 40px 7%; z-index: 9; } .contentAreaColored.dark.gradient .gradientIcon {position: relative;/* margin: 0 auto; */text-align: center;top: -130px;margin-bottom: -130px;} .contentAreaColored.icon .greyIcon {position: relative;/* margin: 0 auto; */text-align: center;top: -80px;margin-bottom: -80px;} .contentAreaColored.dark.gradient .gradientIcon img { /* position: absolute; */ } .contentAreaColored.dark.gradient .gradientIcon:after {content: " ";width: 1px;height: 60px;display: block;background: #fff;margin: 0 auto;position: relative;z-index: 999;top: -20px;} .sixHundred { max-width: 600px; margin: 0 auto; } .sevenTwenty { max-width: 720px; margin: 0 auto; } .eightHundred { max-width: 800px; margin: 0 auto; } .nineSixty { max-width: 960px; margin: 0 auto; } .tenForty { max-width: 1040px; margin: 0 auto; } /* Text */ .mainContentArea h1 { font-size: 32pt; line-height: 36pt; margin: 15px 0; color: #414b4b; } .mainContentArea h2 {font-size: 45pt;line-height: 30pt;margin: 15px 0;color: #509E2F;font-weight: 800;text-transform: uppercase;} .mainContentArea h3 {font-size: 26pt;line-height: 27pt;margin: 15px 0;color: #509E2F;font-weight: 600;} .mainContentArea h3 strong {font-size: 24pt;color: #0077C8;} .mainContentArea h4 {font-size: 20pt;line-height: 27pt;margin: 15px 0;color: #509E2F;font-weight: 600;} .mainContentArea h5 {font-size: 16pt;line-height: 20pt;margin: 15px 0;color: #509E2F;font-weight: 600;} .mainContentArea h6 { font-size: 11pt; line-height: 18pt; margin: 15px 0; color: #414b4b} .mainContentArea h1 a, .mainContentArea h2 a, .mainContentArea h3 a, .mainContentArea h4 a, .mainContentArea h5 a, .mainContentArea h6 a { text-decoration: none; } .mainContentArea p {font-size: 12pt;line-height: 19pt;margin: 15px 0;color: #484848;font-weight: 400;} .mainContentArea b, .mainContentArea strong {font-weight: 800;} .mainContentArea i, .mainContentArea em { font-style: italic; } .mainContentArea a { color: #414b4b; text-decoration: underline; font-weight: 500; } .mainContentArea a:hover { color: #222; } .green .mainContentArea h1, .green .mainContentArea h2, .green .mainContentArea h3, .green .mainContentArea h4, .green .mainContentArea h5, .green .mainContentArea h6, .green .mainContentArea p {color: #fff;} .blue .mainContentArea h1, .blue .mainContentArea h2, .blue .mainContentArea h3, .blue .mainContentArea h4, .blue .mainContentArea h5, .blue .mainContentArea h6, .blue .mainContentArea p, .blue .mainContentArea li, .blue .mainContentArea a {color: #fff;} /* Lists */ .mainContentArea ul { font-size: 11pt; list-style: none; margin: 10px 0 0; } .mainContentArea ul li { line-height: 15pt; padding: 0 0 10px 20px; color: #414b4b; font-weight: 400; } .mainContentArea ul li:before { /* circle bullet */ content: '\2022'; display: block; position: relative; max-width: 0px; max-height: 0px; left: -15px; top: -0px; font-size: 20px; } .mainContentArea ol { font-size: 11pt; counter-reset: item; margin: 10px 0 0; line-height: 11pt; font-weight: 400; } .mainContentArea ol li { color: #414b4b; display: block; padding: 0 0 10px; font-weight: 400; } .mainContentArea ol li:before { content: counter(item) ". "; counter-increment: item; line-height: 15pt; font-weight: bold; font-weight: 400; } /* Extras */ .mainContentArea blockquote { color: #414b4b; margin: 0 80px; padding: 20px; font-size: 13pt; line-height: 25pt; text-align: left; float: left; font-weight: 400; font-style: italic; position: relative; letter-spacing: 1px; } .mainContentArea blockquote:before { font: 11px/16px Arial, Helvetica, sans-serif; content: open-quote; font-size: 7em; line-height: .1em; position: absolute; left: -40px; top: 60px; } .mainContentArea blockquote:after { font: 11px/16px Arial, Helvetica, sans-serif; content: close-quote; font-size: 7em; line-height: .1em; position: absolute; right: -40px; bottom: -10px; } .mainContentArea blockquote p { color: #414b4b; font-size: 13pt; line-height: 19pt; text-align: left; float: left; font-weight: 400; font-style: italic; position: relative; letter-spacing: 1px; } .mainContentArea img { max-width: 100%; } .mainContentArea hr { border: none; color: #ffffff; background-color: #dedede; height: 1px; margin: 25px 0; } /* Tables */ .mainContentArea table { width: 100% !important; color: #414b4b; font-size: 11pt; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .mainContentArea table tr td, .mainContentArea table tr th { padding: 8px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } .mainContentArea table tr th { } .mainContentArea table p { padding-bottom: 0; } .mainContentArea table caption { font-size: 16pt; margin: 15px 0; letter-spacing: 1px; } /* Text */ .dark .mainContentArea h1 { color: #fff; } .dark .mainContentArea h2 { color: #fff; } .dark .mainContentArea h2 strong { color: #fff; font-weight:600; } .dark .mainContentArea h3 { color: #fff; } .dark .mainContentArea h4 { color: #fff; } .dark .mainContentArea h5 { color: #fff; } .dark .mainContentArea h6 { color: #fff; } .dark .mainContentArea p { color: #fff; } .dark .mainContentArea a { color: #fff; } .dark .mainContentArea a:hover { color: #fff; } /* Lists */ .dark .mainContentArea ul li { color: #fff; } .dark .mainContentArea ol li { color: #fff; } /* Extras */ .dark .mainContentArea blockquote { color: #fff; } .dark .mainContentArea blockquote p { color: #fff; } /* Tables */ table.Dialog { width: 100%; text-align: left; margin-left: 0px; font-size: 11pt; background: none !important; border: none !important; } table.Dialog th { background: none; color: #242727; padding: 5px; vertical-align: middle; border: none !important; } table.Dialog td { background: none !important; border: none !important; } table.Dialog { margin: 0 auto; background: none; } table.Dialog.two-column { width: 50%; float: left; } table.Dialog.two-column TH {padding:0;} table.Dialog.two-column TD {padding:0; } th:empty { display:none; } /* Forms */ .mainContentArea .Dialog .mwInput {color: #4b525b !important;border:none;padding:0;background:none;height: auto;border-radius:0;line-height:normal;} .mainContentArea .Dialog .mwInput input {padding: 5px 15px;border: 1px solid #707070;width:96%;background: #fff;} .mainContentArea .Dialog .mwInput textarea {padding: 15px;border: 1px solid #707070;width:96%;height: 100px;font-size: 11pt;color: #707070;background: #fff;} .mainContentArea .Dialog .mwInput.Checkbox.Custom {background: #ccc;border: 2px solid:#000 !important;width: 28px;height: 28px;border-radius:50%;position:relative;top:0px;} .mainContentArea .Dialog .mwInput.Checkbox.Custom:hover {background: #aaa;border: 2px solid:#000 !important;width: 28px;height: 28px;border-radius:50%;position:relative;top:0px;} .mainContentArea .Dialog .mwRadios {height:auto;border:1px solid #ccc;padding:10px;width: 100%;} .mainContentArea .Dialog .mwRadios:after {clear: both; content: " "; display: block; height: 0; visibility: hidden; } .mainContentArea .Dialog .mwInput.Checkbox {background: #ccc;width: 28px;height: 28px;border-radius:0%;position:relative;} .mainContentArea .Dialog .mwInput.Checkbox:hover {background: #aaa;width: 28px;height: 28px;border-radius:0%;position:relative;} .mainContentArea .mwInput.Checkbox DIV.Checked { background-image: url(/images/Checked.png) !important; width:100%; } .mainContentArea .mwInput.Checkbox.full DIV, .mwInput.Checkbox.Custom DIV { width: auto; padding-left: 40px; font-family: 'Open Sans', sans-serif; } .mainContentArea .mwInput.Select {padding: 5px 0 5px 15px!important;border: 1px solid #707070!important;background:none;width: 98%;font-family: 'Open Sans', sans-serif;} .mainContentArea .mwInput.Select .SubControl {/* display:none; */ background:#efefef url(/images/downarrow.png) center center no-repeat; } .mainContentArea .Tall .mwInput.Textarea, DD .mwInput.Textarea, .Tall .mwInput.Multiple, DD .mwInput.Multiple {height: 130px;padding:0;margin:0;} .mainContentArea .Dialog .mwInput:hover, .Dialog .mwInput:focus { -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; background: #fafafb; } .mainContentArea .Dialog .mwInput.error { border: 1px solid red } .mainContentArea .Dialog select .mw { color: #ffffff; } .mainContentArea .mwInput.Button INPUT[type="button"], .mainContentArea .mwInput.Button INPUT[type="submit"] {height:auto;padding: 5px 28px;} .mainContentArea .mwInput .SubControl.Hi {background: #10934b;border:none;} .mainContentArea .mwInput.File.name-upload_a_file {height:30px;/* background:#efefef; */padding: 0 10px;font-weight:900;border: 1px solid #ccc;width: 100%;} .mainContentArea .mwInput.File .SubControl>DIV { background-image: url(/images/upload.png); } .mainContentArea ::-webkit-input-placeholder { color: #707070; font-family: 'Spartan', sans-serif; font-size:11pt;opacity: 1;} .mainContentArea ::-moz-placeholder { color: #707070; font-family: 'Spartan', sans-serif; font-size:11pt;opacity: 1;} .mainContentArea :-ms-input-placeholder { color: #707070; font-family: 'Spartan', sans-serif; font-size:11pt;opacity: 1;} .mainContentArea :-moz-placeholder { color: #707070; font-family: 'Spartan', sans-serif; font-size:11pt;opacity: 1;} .mainContentArea .Dialog .mwInput {color: #707070 !important;border:none;padding:0;background:#fff;height: auto;border-radius:0;line-height:normal;} .mainContentArea .Dialog .mwInput.Button input { border:none; } .mainContentArea .Dialog .mwInput.Button {margin: 5px 0 0;font-weight: 600;background: #509E2F;color: #ffffff;text-decoration: none;font-family: Arial, sans-serif;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;max-width:100% !important;border: none !important;border-radius: 50px;} .mainContentArea .Dialog .mwInput.Button input.mw {color: #fff !important;font-family: 'Spartan', sans-serif;font-size: 11pt;width:100%;text-transform: none;font-weight:700;background: none;} .mainContentArea .Dialog .mwInput.Button:hover {background: #0077C8;color: #414b4b;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;} .mainContentArea .Dialog .mwInput.File {height: 40px;} .mwInput.File .FileName {top: 7px; left: 7px;} .buy, button.button, .btn {color: #4b525b!important; border: 1px solid #ddd; font-size: 10pt; line-height: 1.2em; background: #fff; border-radius: 0; background: #414b4b; border: none; padding: 10px 20px; color: #fff!important; text-transform: uppercase; font-weight: 600; font-family: 'Open Sans', sans-serif; cursor:pointer; } .buy:hover, button.button:hover, .btn:hover { background: #888; } .eventSimple .button { margin-top:3px} .eventSimple .buy, .eventSimple button.button, .eventSimple .btn { background: #68b20d; } .eventSimple .buy:hover, .eventSimple button.button:hover, .eventSimple .btn:hover { background: #888; } /* Embed */ /* Buttons */ /* Default */ .button p a {display: inline-block;background: #509E2F;color: #ffffff;text-decoration: none;padding: 10px 18px;} .button p a:hover {background: #1177C8;color: #fff;} .button p a.large { padding: 15px 30px; font-size: 14pt; } .button p a.medium {padding: 10px 20px;font-size: 12pt;} .button p a.small { padding: 5px 10px; font-size: 11pt; } /* Rounded */ .button.rounded p a {border-radius: 50px;top: 2px;padding: 7px 30px;} .button.rounded p a:hover { top: 2px; } .button.rounded p a:active { top: 6px; } /* Border */ .button.border p a { background: none; color: #414b4b; border: 1px solid #414b4b; } .button.border p a:hover { background: #414b4b; color: #ffffff; border: 1px solid #414b4b; } /* Grow */ .button.grow p a { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .button.grow p a:hover, .button.grow p a:focus, .button.grow p a:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Trim */ .button.trim p a { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .button.trim p a:before { content: ''; position: absolute; border: white solid 2px; top: 2px; left: 2px; right: 2px; bottom: 2px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .button.trim p a:hover:before, .button.trim p a:focus:before, .button.trim p a:active:before { opacity: 1; } /* curveSwipe */ .button.curveSwipe p a { display: inline-block; padding:10px 20px; position: relative; overflow: hidden; border: 1px solid #414b4b; transition: color .5s; color: #414b4b; background: none; } .button.curveSwipe p a:before {content: ""; position: absolute; z-index: -1; background: #414b4b; height: 150px; width: 200px; top: 100%; left: 100%; transition: all .7s; border-radius: 50%; } .button.curveSwipe p a:hover:before { top: -30px; left: -30px; } .button.curveSwipe p a:hover { color:#fff;} /* swipeDown */ .button.swipeDown p a {display: inline-block; padding:10px 20px; position: relative; overflow: hidden; border: 1px solid #414b4b; transition: color .5s; color: #414b4b; background: none;} .button.swipeDown p a:before {content: ""; position: absolute; z-index: -1; background: #414b4b; height: 150px; width: 200px; left: -30px; bottom: 100%; transition: all .7s; } .button.swipeDown p a:hover:before { bottom: -50px; } .button.swipeDown p a:hover { color:#fff;} /* swipeLeft */ .button.swipeLeft p a {display: inline-block; padding:10px 20px; position: relative; overflow: hidden; border: 1px solid #414b4b; transition: color .5s; color: #414b4b; background: none;} .button.swipeLeft p a:before {content: ""; position: absolute; z-index: -1; background: #414b4b; height: 150px; width: 200px; top: 0; left: -200%; transition: all .7s; } .button.swipeLeft p a:hover:before { top: -30px; left: -30px; } .button.swipeLeft p a:hover { color:#fff;} /* Footer */ .footerWrap { } .footer { max-width: 1000px; margin: 0 auto; font-weight: 400; position: relative; width: 86%; padding: 40px 7%; } .footer p { margin: 15px 0; padding-bottom: 0; } .footer a { color: #414b4b; text-decoration: underline; font-weight: 500; } .footer a:hover { color: #222; } /* Footer Four */ .footerFour { } .footerFour .footerWrap {background: #0077C8;} .footerFour .footer { max-width: 1200px; } .footerFour .footer p {color: #fff;font-size: 11pt;} .footerFour .footer img {max-width: 100%;} .footerFour .footer p strong {font-weight: 600;} .footerFour .footer .fa { font-size: 14pt; } .footerFour .footer h2, .footerFour .footer h3, .footerFour .footer h4, .footerFour .footer h5, .footerFour .footer h6 {color: #fff;} .footerFour .footer a {color: #fff;text-decoration: none;font-weight: 500;} .footerFour .footer a:hover {color: #fff;} /* copyright */ .footerFour .copyrightWrap {background: #024E83;} .footerFour .copyright { max-width: 1200px; } .footerFour .copyright p {color: #fff;font-size: 11pt;} .footerFour .copyright a { color: #fff; text-decoration: underline; font-weight: 500; } .footerFour .copyright a:hover { color: #ccc; } /* Copyright */ .copyrightWrap { background: #eeeeee; } .copyright { max-width: 1000px; margin: 0 auto; font-weight: 400; padding: 10px 0; } .copyright p { padding-bottom: 0; } .copyright a { color: #414b4b; text-decoration: underline; font-weight: 500; } .copyright a:hover { color: #222; } .copyright .twoColRight { text-align: right; } /* ToTop */ .toTop { position: absolute; cursor: pointer; cursor: hand; top: -30px; right: 0; font-size: 15pt; } .toTop:hover { color: #888; } /* Social Media Links */ .soLinkGen { } .soLinkGen.center { text-align: center } .soLinkGen.left { text-align: left } .soLinkGen.right { text-align: right } .soLinkGen a { text-decoration: none !important; text-align: center !important; color: #414b4b; } .soLinkGen a.square { text-decoration: none; background: #efefef } .soLinkGen a.circle { text-decoration: none; background: #efefef; border-radius: 50%; } .soLinkGen a:hover { color: #888; } .soLinkGen a.square:hover { background: #414b4b; color: #efefef; } .soLinkGen a.circle:hover { background: #414b4b; color: #efefef; } .soLinkGen a.small { font-size: 11pt; margin: 0 5px; } .soLinkGen a.medium { font-size: 14pt; margin: 0 5px; } .soLinkGen a.large { font-size: 18pt; margin: 0 5px; } .soLinkGen a.huge { font-size: 24pt; margin: 0 5px; } .soLinkGen a.small.circle {font-size: 11pt;width: 28px;height: 28px;line-height: 29px;margin: 0 6px;} .soLinkGen a.small.circle:first-child {margin-left: 0} .soLinkGen a.small.square { font-size: 11pt; width: 28px; height: 28px; line-height: 29px; margin: 0 1px; } .soLinkGen a.medium.circle { font-size: 14pt; width: 44px; height: 44px; line-height: 44px; margin: 0 2px; } .soLinkGen a.medium.square { font-size: 14pt; width: 44px; height: 44px; line-height: 44px; margin: 0 2px; } .soLinkGen a.large.circle { font-size: 18pt; width: 56px; height: 56px; line-height: 56px; margin: 0 2px; } .soLinkGen a.large.square { font-size: 18pt; width: 56px; height: 56px; line-height: 56px; margin: 0 2px; } .soLinkGen a.huge.circle { font-size: 24pt; width: 64px; height: 64px; line-height: 64px; margin: 0 2px; } .soLinkGen a.huge.square { font-size: 24pt; width: 64px; height: 64px; line-height: 64px; margin: 0 2px; } .soLinkGen a.circle.fa-facebook {background: #509E2F;color:#fff;} .soLinkGen a.circle.fa-linkedin { background:#007bb6; color:#fff;} .soLinkGen a.circle.fa-twitter {background: #509E2F;color:#fff;} .soLinkGen a.circle.fa-googleplus { background:#d34836; color:#fff;} .soLinkGen a.circle.fa-vimeo { background:#162221; color:#fff;} .soLinkGen a.circle.fa-pinterest { background:#C92228; color:#fff;} .soLinkGen a.circle.fa-flickr { background:#0063DC; color:#fff;} .soLinkGen a.circle.fa-yahoo { background:#400090; color:#fff;} .soLinkGen a.circle.fa-youtube { background:#cc181e; color:#fff;} .soLinkGen a.circle.fa-instagram { background:#8a3ab9; color:#fff;} .soLinkGen a.circle.fa-rss { background:#FF6600; color:#fff;} /* Alert */ .alertOne { position: relative; } .alertOne { background-color: #1177C8; color: #f6f6f6; display: block; text-align: center; text-decoration: none; width: 100%; } .alertOne p {line-height: 40px;padding: 5px 0;margin: 0;font-size:12pt;} .alertOneClose {position: absolute;right:20px;top: 15px;cursor: pointer;font-size: 16pt;} .alertOneClose:hover { color:#efefef; } /* Alert */ .alertTwo .sevenTwenty { position: relative; padding:20px 0; } .alertTwo { background-color: #444; background-image: -webkit-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.05) 25%, hsla(0,0%,0%,.05) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.05) 75%, hsla(0,0%,0%,.05)); background-image: -moz-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-image: -ms-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-image: -o-linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-image: linear-gradient(135deg, transparent, transparent 25%, hsla(0,0%,0%,.1) 25%, hsla(0,0%,0%,.1) 50%, transparent 50%, transparent 75%, hsla(0,0%,0%,.1) 75%, hsla(0,0%,0%,.1)); background-size: 20px 20px; color: #f6f6f6; display: block; text-align: center; text-decoration: none; width: 100%; } .alertTwo p { padding: 5px 0; margin: 0; font-size:24pt;} .alertTwoClose {position: absolute;right:20px;top: 40%;cursor: pointer;font-size: 16pt;} .alertTwoClose:hover { color:#efefef; } /* Gallery */ .zoom-gallery { position: relative; } .zoom-gallery:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .zoom-gallery ul li { float: none; padding: 0; } .zoom-gallery ul li:before { display: none; } .zoom-gallery .item:hover { -ms-transform: scale(1.01, 1.01); /* IE 9 */ } .zoom-gallery .itemHover { padding: 48% 0; background: #242727; color: #ffffff; transition: all 0.7s ease; opacity: 0; text-align: center; font-size: 2em; } .zoom-gallery .itemHover:hover { padding: 49% 0; transition: all 0.7s ease; opacity: .74; } .zoom-gallery .item { overflow: hidden; background-position: center center; background-size: cover; width: 24.0%; padding-bottom: 24.23%; height: 0; float: left; margin: 0 .5% 1%; -ms-transform: scale(1, 1); /* IE 9 */ -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */ transform: scale(1, 1); z-index: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .zoom-gallery.three .item { overflow: hidden; background-position: center center; background-size: cover; width: 32.3% !important; padding-bottom: 34.23%; height: 0; float: left; margin: 0 .5% 1%; -ms-transform: scale(1, 1); /* IE 9 */ -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */ transform: scale(1, 1); z-index: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .zoom-gallery.two .item { overflow: hidden; background-position: center center; background-size: cover; width: 49.0% !important; padding-bottom: 50.23%; height: 0; float: left; margin: 0 .5% 1%; -ms-transform: scale(1, 1); /* IE 9 */ -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */ transform: scale(1, 1); z-index: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } /* Grid Gallery */ .gridGallery { line-height: 0; -webkit-column-count: 5; -webkit-column-gap: 6px; -moz-column-count: 5; -moz-column-gap: 6px; column-count: 5; column-gap: 6px; } .gridGallery img { width: 100% !important; height: auto !important; opacity: .6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .gridGalleryItem { background: #242727; margin-bottom: 6px; } .gridGallery img:hover { opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } @media (max-width: 1200px) { .gridGallery { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } } @media (max-width: 1000px) { .gridGallery { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } @media (max-width: 800px) { .gridGallery { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } /* Logo Gallery One */ .logo-gallery.one { position: relative; text-align: center; margin: 0 auto; } .logo-gallery.one .owl-prev {/* opacity: .2; */width: 54px;height: 90px;position: absolute;top: 35%;left : -0px;background: url(/images/slider-nav-dark.png) left center no-repeat;text-indent: -999em;padding: 0;} .logo-gallery.one .owl-next {/* opacity: .2; */width: 54px;height: 90px;position: absolute;top: 35%;right : -0px;background: url(/images/slider-nav-dark.png) right center no-repeat;text-indent: -999em;padding: 0;} .logo-gallery.one .owl-pagination { display: none; } .logo-gallery.one:hover .owl-prev, .logo-gallery.one:hover .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } /* Logo Gallery One */ .logo-gallery.two { position: relative; text-align: center; margin: 0 auto; } .logo-gallery.two .owl-prev { opacity: .2; width: 30px; height: 90px; position: absolute; top: 12%; left : -20px; background: url(/images/slider-nav-dark.png) left center no-repeat; text-indent: -999em; padding: 0; } .logo-gallery.two .owl-next { opacity: .2; width: 30px; height: 90px; position: absolute; top: 12%; right : -20px; background: url(/images/slider-nav-dark.png) right center no-repeat; text-indent: -999em; padding: 0; } .logo-gallery.two .owl-pagination { display: none; } .logo-gallery.two:hover .owl-prev, .logo-gallery.two:hover .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } /* Gallery Carousel */ .galleryCarousel { padding-bottom: 75%;} /* Gallery Flex */ .flex-gallery { padding: .5vw;font-size: 0; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: column; -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -webkit-box; display: flex; } .flex-gallery div { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; width: 300px; margin: .5vw; } .flex-gallery div img { width: 100%; height: auto; display:none; } .flex-gallery div:hover {opacity:.8} .flex-gallery .flexItem {height:200px; width:100%; display:block; } @media screen and (max-width: 400px) { .flex-gallery div { margin: 0; } .flex-gallery { padding: 0; } } /* Banners */ .banner {width: 50%;/* padding-bottom: 25.6% */padding: 15% 150px 7%;text-align: left;background: none;} .bannerWrap.home .banner {width: 50%;/* padding-bottom: 25.6% */padding: 6% 150px 5%;text-align: left;background: none;} .bannerWrap {height: 400px;} .bannerWrap.home {height: unset;} .bannerInner {width: 100%;padding: 0;text-align: center;background: rgba(255,255,255,0.6);position: relative;top: 331px;padding: 15px 0 10px;} .banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 {font-family: 'Spartan', sans-serif;font-weight: 800;font-size: 44pt;color: #1177C8;width: 500px;max-width:960px;margin: 0 0 20px;line-height: 43pt;} .bannerInner h2 {font-family: 'Spartan', sans-serif;font-weight: 600;font-size: 27pt;color: #0077C8;max-width: 1040px;margin: 0 auto;line-height: 33pt;} .banner p {color: #484848;font-family: 'Open Sans', sans-serif;font-size:12pt;max-width: 500px;font-weight: 600;padding-top: 40px;} .banner p a {display: inline-block;background: #509E2F;color: #ffffff;text-decoration: none;padding: 7px 28px;letter-spacing: 1px;border-radius: 50px;border: 1px solid #fff;font-weight: 500;} .banner p a:hover {background: #1177C8;} @media (max-width: 1040px) { .bannerInner {width: 100%;padding: 0;text-align: center;background: rgba(255,255,255,0.6);position: relative;top: 331px;padding: 15px 0 10px;} .bannerInner h2 {font-family: 'Spartan', sans-serif;font-weight: 600;font-size: 20pt;color: #0077C8;max-width: 1040px;margin: 0 auto;line-height: 33pt;} } @media (max-width: 768px) { .bannerInner {width: 100%;padding: 0;text-align: center;background: rgba(255,255,255,0.6);position: relative;padding: 15px 0 10px;top: 315px;} .bannerInner h2 {font-family: 'Spartan', sans-serif;font-weight: 800;font-size: 15pt;color: #0077C8;max-width: 1040px;margin: 0 auto;line-height: 23pt;} } .mobileBanner { display: none; width: 100%; } .bannerWrap .bannerIcon {position: absolute;margin: 0 auto;text-align: center;bottom: -36px;/* margin-bottom: -80px; */text-align: center;width: 100%;z-index: 9;display: none;} /* Banners - Two Columns */ .contentImgCol .twoColLeft, .contentImgCol .twoColRight { width: 50%; } .contentImgCol .twoColumn a.colContentbtn { background: #242727; color: #ffffff;padding: 10px 18px; text-decoration: none; } .contentImgCol .twoColumn a.colContentbtn:hover { background: #ccc; color: #414b4b; } /* Video Banner */ .videoBannerWrap { width: 100%; } .videoBannerInner { padding: 155px 0; background: rgba(0,0,0,.6) } .videoBanner { text-align: center; max-width: 600px; margin: 0 auto; } .videoBanner .fa { max-width: 600px; padding: 0 20px; font-size: 24pt; margin: 15px 0; color: #ffffff; text-decoration: none; font-weight: 700; height:84px; width:84px; line-height:84px; border-radius:50%; padding:0; } .videoBannerText { max-width: 600px; padding: 0 20px; font-size: 12pt; margin: 15px 0; color: #ffffff; text-decoration: none; } .videoBanner h1, .videoBanner h2, .videoBanner h3, .videoBanner h4, .videoBanner h5, .videoBanner h6 {font-family: 'Playfair Display', serif;color:#fff;font-size:32pt;} .videoBanner p { color:#fff; font-family: 'Open Sans', sans-serif; font-size:2vh; } /* Private Pages */ .register input[type="checkbox"]:after { content: ""; display: block; width: 29px !important; height: 29px !important; -moz-border-radius: 50%; border-radius: 50%; background: #ccc; position: relative; top: -7px; left: -5px; } /* SubTemplate - Layout */ /* Two Columns */ .twoColumn:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .twoColLeft { width: 48%; float: left; } .twoColRight { width: 48%; float: right; } .twoColLeft.sixty { width: 58%; float: left; } .twoColRight.forty { width: 38%; float: right; } .twoColLeft.forty { width: 38%; float: left; } .twoColRight.sixty { width: 58%; float: right; } .contentAreaColored.home .twoColRight {top: 50px;position: relative;} .twoColLeft.full { width: 50%; float: left; } .twoColRight.full { width: 50%; float: right; } /* Three Columns */ .threeColumn:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .threeCol {width: 30%;float: left;margin: 0 4.9% 0 0;} .threeCol.full {width: 33.16%;float: left;margin: 5px 0.25% 5px 0;} .threeCol:last-child { margin: 0; } .threeCol.full:last-child { margin: 5px 0; } /* Four Columns */ .fourColumn:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .fourCol {width: 22.75%;float: left;margin: 0 2% 0 0;position: relative;} .fourCol.one {width: 29.75%;float: left;margin: 0 3% 0 0;} .fourCol.two {width: 27.75%;float: left;margin: 0 3% 0 0;} .fourCol.three {width: 12.75%;float: left;margin: 0 3% 0 0;} .fourCol.four {width: 19.75%;float: left;margin: 0;} .fourCol:last-child { margin: 0; } /* FiveColumn Block */ .fiveColumn:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .fiveCol { width: 17.6%; float: left; margin-right: 3%; } .fiveCol:last-child { margin-right: 0%; } /* Sidebar */ .sidebar:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .right .sidebarLeft { width: 66.3%; float: left; } .right .sidebarRight { width: 27.1%; float: right; } .left .sidebarLeft { width: 27.1%; float: left; } .left .sidebarRight { width: 66.3%; float: right; } .sidebarLeft .Menu {} .sidebarLeft .Menu ul {margin:0; padding:0; } .sidebarLeft .Menu ul li:before { display:none;} .sidebarLeft .Menu ul li { padding:0px; margin:0; line-height:normal; } .sidebarLeft .Menu ul li li { } .sidebarLeft .Menu ul li a { padding-left:10px; text-decoration:none; border-bottom:1px solid #ccc; width:100%; display:block; padding:8px 0 8px 9px; color:#222;} .sidebarLeft .Menu ul li a:hover {background:#efefef;} /* Accordion One */ .accordion { margin-bottom: 10px; } .accordionBtn { background: #414b4b; text-decoration: none; margin: 0; padding-left: 35px; } .accordionBtn:hover { background: #242727; } .accordionBtn .expandIcon { position: absolute; width: 15px; height: 15px; top: 14px; left: 10px; } .accordionBtn .expandIcon .expandIconVert { border-left-style: solid; border-left-width: 3px; position: absolute; left: 6px; top: 2px; height: 11px; border-color: #ffffff; } .accordionBtn .expandIcon .expandIconHor { border-top-style: solid; border-top-width: 3px; position: absolute; top: 6px; left: 2px; width: 11px; border-color: #ffffff; } .accordionBtn a { text-decoration: none; margin: 0; padding: 0; } .accordionBtn a p, .accordionBtn a h1, .accordionBtn a h2, .accordionBtn a h3, .accordionBtn a h4, .accordionBtn a h5, .accordionBtn a h6 { margin: 0; padding: 12px 0 12px 10px; color: #ffffff; } .accordionContent { padding: 8px 14px 0; background: #f9f9f9; border: 1px solid #efefef; } .accordionContent p { font-size: 11pt } /* Accordion Two */ .accordion.two .accordionBtn {background: #509E2F;border-radius: 50px;z-index: 999;position: relative;} .accordion.two .accordionBtn:hover {background: #509E2F;} .accordion.two .accordionBtn .expandIcon {position: absolute;width: 15px;height: 15px;top: 16px;left: 10px;} .accordion.two .accordionBtn .expandIcon .expandIconVert {border-left-style: solid;border-left-width: 3px;position: absolute;left: 6px;top: 2px;height: 11px;border-color: #fff;} .accordion.two .accordionBtn .expandIcon .expandIconHor {border-top-style: solid;border-top-width: 3px;position: absolute;top: 6px;left: 2px;width: 11px;border-color: #fff;} .accordion.two .accordionBtn a { text-decoration: none; margin: 0; padding: 0; } .accordion.two .accordionBtn a p, .accordion.two .accordionBtn a h1, .accordion.two .accordionBtn a h2, .accordion.two .accordionBtn a h3, .accordion.two .accordionBtn a h4, .accordion.two .accordionBtn a h5, .accordion.two .accordionBtn a h6 {margin: 0;padding: 12px 0 12px 10px;color: #fff;} .accordion.two .accordionContent {padding: 38px 14px 0;background: #ffffff;border: 1px solid #efefef;position: relative;top: -20px;z-index: 888;} .accordion.two .accordionContent p { font-size: 11pt } /* Accordion Three */ .accordion.three .accordionBtn3 { background: #f1f1f1; text-decoration: none; margin: 0; padding: 0; } .accordion.three .accordionBtn3:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-top-color: #f1f1f1; margin-left: 15px; margin-top: -1px; } .accordion.three .accordionBtn3 p, .accordion.three .accordionBtn3 h1, .accordion.three .accordionBtn3 h2, .accordion.three .accordionBtn3 h3, .accordion.three .accordionBtn3 h4, .accordion.three .accordionBtn3 h5, .accordion.three .accordionBtn3 h6 { margin: 0; padding: 12px 10px 12px 10px; color: #414b4b; border-bottom: none; display: inline-block; line-height: auto; } .accordion.three .accordionContent3 { padding: 8px 14px 0; background: #ffffff; margin-top: -1px; } .accordion.three .accordionContent3 p { font-size: 11pt } /* Tabs */ .tabsWrapper { -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.35);} .tabsNav ul {padding:0; margin:0; width:100%;} .tabsNav ul li:after { display: none; } .tabsWrapper.four .tabsNav ul li { float: left; background: #414b4b; padding: 0; margin: 0; width:25%; } .tabsWrapper.three .tabsNav ul li { float: left; background: #414b4b; padding: 0; margin: 0; width:33.333333334%; } .tabsWrapper.two .tabsNav ul li { float: left; background: #414b4b; padding: 0; margin: 0; width:50%;} .tabsNav ul li:last-child { border:none;} .tabsNav ul li:before { display:none; } .tabsNav ul li a { text-decoration: none; color: #333; font-size: 18pt; display: block; } .tabsNav ul li:hover, .tabsNav ul li.active { background: #888; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .tabsNav ul li:hover a, .tabsNav ul li.active a { color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .tabsNav ul li p {color:#fff; margin:0; font-weight:bold; padding:9px 20px;} .tabsNav:after { clear: both; content: " "; display: block; height: 0; } .tabsContent { padding: 10px 20px; background:#fff; } /* Sidebar Search */ .sidebarSearch { margin: 0 0 25px; } .sidebarSearch input { border: none; padding: 10px; margin: 0 2% 0 0; width: 69%; border: none; -webkit-appearance: none; } .sidebarSearch label { line-height: 25px; font-size: 12pt; color: #808080; } .sidebarSearch input[type=submit] { background: #414b4b; text-transform: uppercase; color: #fff !important; font-weight: bold; width: 15%; cursor: pointer; cursor: hand; } .sidebarSearch input[type=submit]:hover { background: #888; } /* Blogs */ .borderLine { height: 1px; width: 100%; background: #ccc; margin: 25px 0; } /* Blog Share Icons */ .fa-Facebook:before, .fa-facebook:before { content: "\f09a" } .fa-Twitter:before { content: "\f099" } .fa-Google:before { content: "\f1a0" } .fa-LinkedIn:before { content: "\f0e1" } .fa-googleplus:before { content: "\f1a0" } .fa-vimeo:before { content: "\f194" } .fa-email:before { content: "\f0e0" } .fa-addthis:before { content: "\f067" } .fa-sharethis:before { content: "\f1e0" } /* Blog Share Default */ .shareButtonDefault { font-size: 11pt; display: inline-block; } .blogShareSticky .shareButtonDefault { float: none; } .shareButtonDefault .fa { margin: 5px; color: #414b4b; width: 28px; height: 28px; text-align: center; line-height: 29px; } .shareButtonDefault .fa:hover { color: #242727; cursor: pointer; cursor: hand; } /* Slide Out Share */ .slideOutShare { z-index: 900 !important; width: 320px; height: 70px; background: #242727; position: fixed; bottom: 300px; left: -240px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .slideOutShare.open { left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .slideOutShare.close { left: -220px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .slideOutShareItems { float: left; height: 70px; color: #ffffff; overflow: hidden; margin-top: 7px; } .slideOutShareItems span { font-size: 13pt; line-height: 70px; width: 43px; text-align: center; cursor: pointer; cursor: hand; } .slideOutShareBtn { background: #242727; color: #ffffff; width: 80px; height: 70px; font-size: 11pt; letter-spacing: 1.5px; text-align: center; float: right; text-transform: uppercase; cursor: pointer; cursor: hand; } .slideOutShareBtn:hover { background: #222; } .slideOutShareBtn span { display: block; font-size: 18pt; margin: 13px 0 5px; } .shareButton2 { float: left; height: 70px; color: #ffffff; overflow: hidden; } .blogShareIcon { color: #ffffff; font-size: 13pt; line-height: 70px; width: 43px; text-align: center; cursor: pointer; cursor: hand; } .blogShare a, .slideOutShareItems a { text-decoration: none; } /* Blog Share Circle */ .shareButtonCIRC { font-size: 11pt; display: inline-block; } .shareButtonCIRC .fa {margin: 5px;color: #ffffff;width: 28px;height: 28px;text-align: center;line-height: 29px;background: #414b4b;border-radius: 50%;font-size: 11pt;} .shareButtonCIRC .fa:hover { color: #ffffff; background: #242727; cursor: pointer; cursor: hand; } /* Blog Share Square */ .shareButtonSQR { font-size: 11pt; display: inline-block; } .shareButtonSQR .fa {margin: 5px;color: #ffffff;width: 28px;height: 28px;text-align: center;line-height: 29px;background: #414b4b;border-radius: 0%;font-size: 11pt;} .shareButtonSQR .fa:hover { color: #ffffff; background: #242727; cursor: pointer; cursor: hand; } .shareButtonDefault.color.Facebook .fa {color:#3b5998;} .shareButtonDefault.color.Twitter .fa{color:#0084b4;} .shareButtonDefault.color.LinkedIn .fa {color:#007bb6;} .shareButtonDefault.color.Google .fa {color:#d34836;} .shareButtonSQR.color.Facebook .fa {background:#3b5998;} .shareButtonSQR.color.Twitter .fa{background:#0084b4;} .shareButtonSQR.color.LinkedIn .fa {background:#007bb6;} .shareButtonSQR.color.Google .fa {background:#d34836;} .shareButtonCIRC.color.Facebook .fa {background:#3b5998;} .shareButtonCIRC.color.Twitter .fa{background:#0084b4;} .shareButtonCIRC.color.LinkedIn .fa {background:#007bb6;} .shareButtonCIRC.color.Google .fa {background:#d34836;} .FollowButton { display : inline-block; } .FollowButton a { position : relative; display : inline-block; vertical-align : middle; cursor : pointer; margin: 0px 3px; } /* Blog Share Sticky */ .blogShareSticky { position: absolute; top: 20px; left: -70px; width: 40px; } .blogShareSticky .shareButtonCIRC { float: left !important; } /* Blog Post Author */ p.author { font-weight: 600; } /* Blog Post Three */ .postThree { margin-bottom: 50px; } .postThree .twoColRight { padding: 2% 5%; width: 38%; background: #efefef; margin-top: 50px; border-bottom: 5px solid #cdcdcd; } .postThree h2.title { border-bottom: 1px solid #414b4b; padding: 0 0 10px; } .postThreeImage { } /* Blog Post Category */ .blogPostTags { } .blogPostTags p { font-weight: 600; } /* Blog Post Category */ .blogCategories { } .blogCategories ul { } .blogCategories ul li {margin: 0;padding: 10px 5px;} .blogCategories ul li:hover { background: #efefef; } .blogCategories ul li:before { display: none; } .blogCategories ul li a {text-decoration: none;display: block;font-weight: 600;} .blogCategories ul li a:hover { } .blogPostSocial a { text-decoration:none;} /* Post List Ten*/ .postList.Ten div {border-top: 1px solid #ddd;} .postList.Ten div:last-child {border-bottom: 1px solid #ddd;} .postList.Ten h5 {margin: 15px 0 5px;} .postList.Ten p {font-size: 9pt;padding-bottom: 0;margin: 0 0 15px;} .borderLine { height: 1px; width: 100%; background: #ccc; margin: 25px 0; } .noImagePost {background: #fff;border-bottom: 5px solid #1177C8;padding: 20px 30px;margin-bottom: 40px;} .noImagePost h5 { margin-bottom: 20px; } .noImagePost h5 a {color: #1177C8;font-weight: 600;font-size: 22pt;line-height: 28pt;} .noImagePost .authorDate {font-size: 10pt; font-style: italic;} /* Post flex */ .flex-blog { padding: .5vw;font-size: 0; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: column; -webkit-flex-flow: row wrap; flex-flow: row wrap; display: -webkit-box; display: flex; } .flex-blog .flex-blog-item { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; width: 300px; margin: .5vw; } .flex-blog .flex-blog-item img { width: 100%; height: auto; } .flex-blog-image { width:100%; padding-bottom:77%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .flex-blog-image:hover {opacity:.9; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } @media screen and (max-width: 400px) { .flex-blog .flex-blog-item { margin: 0; } .flex-blog { padding: 0; } } /* Events Post List Two */ .eventsList .date {/* position: absolute; *//* bottom: 0; */left: 7px;background: rgba(0,0,0,.7);padding: 5px;text-align: center;width: 80px;/* border-radius: 10px; *//* top: -90px; *//* z-index: 600; */position: absolute;/* left: 40px; */top: 0;left: 0;} .eventsList .date h3 { color: #fff; margin: 5px 0 10px; font-size: 28pt; letter-spacing: 2px; } .eventsList .date p { color: #fff; margin: 0; padding-bottom: 8px; line-height: 9pt; text-transform: uppercase; font-size: 9pt; } .eventsList .eventImg { height: 250px; background-size: cover !important; margin-top: 20px; } .eventsList {position: relative;margin-bottom: 45px;} .eventsList .eventImg { height: 280px; background-size: cover !important; margin-top: 20px; } .eventsList h4 {margin: 15px 0 5px;} .eventsList p {margin: 5px 0 15px; padding-bottom: 0;} /*** Event List Three - 2 Col ***/ .eventsListTwo .date {background: #ccc;padding: 5px;text-align: center;width: 80px;border-radius: 0;margin-top: 20px;} .eventsListTwo .date h3 { color: #fff; margin: 10px 0 5px; font-size: 28pt; letter-spacing: 2px; } .eventsListTwo .date p { color: #fff; margin: 0; padding-bottom: 8px; line-height: 9pt; text-transform: uppercase; font-size: 9pt; } .eventsListTwo .sidebarLeft .eventImg { height: 250px; background-size: cover !important; margin-top: 20px; } .eventsListTwo .left .sidebarLeft { width: 35%; } .eventsListTwo .left .sidebarRight { width: 62%; } .eventsListTwo .twoCol {float: left; width: 48%; margin: 1%; min-height: 450px;} .eventsListTwo .twoCol .eventImgWrap { height: 300px; overflow: hidden; } .eventsListTwo .twoCol .eventImg { height: 300px; background-size: cover !important; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; } .eventsListTwo .twoCol .eventImg:hover { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .eventsListTwo .twoCol .eventImg .button { display: none; transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; } .eventsListTwo .twoCol .eventImg:hover .button { display: block; position: absolute; top: 40%; left: 38%; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; } .eventsListTwo .twoCol .eventImg:hover .eventImgHover { background: rgba(0,0,0,.3); position: absolute; width: 100%; height: 300px; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; } .eventsListTwo .twoCol {float: left;width: 48%;margin: 1%;min-height: 450px;} .eventsListTwo .twoCol .left .sidebarLeft { width: 15%; } .eventsListTwo .twoCol .left .sidebarRight {width: 78%;} .eventsListTwo .twoCol .left .sidebarRight h3 {margin: 28px 0 3px;padding: 0;} .eventsListTwo .twoCol .left .sidebarRight p { margin: 0; padding: 0 } .sidebar .eventsListTwo .twoCol .left .sidebarRight {width: 66%;} .sidebar .eventsListTwo .twoCol .left .sidebarRight h3 {font-size: 15pt;line-height: 18pt;margin: 35px 0 3px;} .sidebar .eventsListTwo .twoCol .eventImg:hover .button { top: 40%; left: 30%;} /* Grid Post List */ .blogGrid {width: 30%;margin: 0 1.4% 3%;text-align: center;display:inline-block;vertical-align:top;} .blogGrid a h3 {color: #ffffff;padding: 25% 2% 0;text-decoration: none;background: rgba(0,0,0,.5);margin: 0;opacity: 0;-webkit-transition: all 0.3s ease;height: 200px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;line-height: normal;} .blogGrid:hover a h3 { opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .blogGrid a { text-decoration: none; } /* Grid Post List Two */ .blogGridTwo .blogGridImage { overflow: hidden; background-position: center center; background-size: auto; width: 100%; padding-bottom: 75.23%; height: 0; float: left; margin: 0 0 15px; ; } .blogGridTwo p { margin: 0; font-size: 9pt; } .blogGridTwo h5 { margin: 0 0 25px; } .blogGridTwo:nth-child(6n+2) { width: 49%; margin-right: 2%; float: left; margin-bottom: 40px; } .blogGridTwo:nth-child(6n+3) { width: 49%; float: left; margin-bottom: 40px; } .blogGridTwo:nth-child(6n+4) { width: 32%; margin-right: 2%; float: left; margin-bottom: 55px; } .blogGridTwo:nth-child(6n+5) { width: 32%; margin-right: 2%; float: left; margin-bottom: 55px; } .blogGridTwo:nth-child(6n+6) { width: 32%; float: left; margin-bottom: 55px; } .blogGridTwo:nth-child(6n+7) { width: 100%; float: left; margin: 0 0 25px; } /* Grid Carousel */ .blogGridCarousel .owl-prev { width: 50px; height: 90px; position: absolute; left: -85px; bottom: 50%; background: url(/images/slider-nav-dark.png) left center no-repeat; text-indent: -999em; padding: 0; } .blogGridCarousel .owl-next { width: 50px; height: 90px; position: absolute; right: -85px; bottom: 50%; background: url(/images/slider-nav-dark.png) right center no-repeat; text-indent: -999em; padding: 0; } .blogGridCarousel .owl-pagination { position: relative; } .blogGridCarousel .owl-page { border: 1px solid #414b4b; ; height: 14px; width: 14px; border-radius: 50%; margin: 10px 4px; } .blogGridCarousel .owl-page.active { background: #414b4b; } .blogGridCarousel .owl-controls { margin: 0 auto; padding: 5px 0 0; } .blogGridCarousel .blogGrid { width: 100%; } @media (max-width: 768px) { .blogGridCarousel .owl-prev { top: 50%; width: 30px; left: -5px; } .blogGridCarousel .owl-next { top: 50%; width: 30px; right: -5px; } } /* Post List Banner Tabs */ #blogTab.owl-carousel { position: relative; } .blogTabWrap { max-width: 1000px; margin: 0 auto; height: 480px; position: relative; } .blogTabWrap { background: #ffffff;height: 476px;} .blogTabItem { background: #ffffff; height: 480px; } .blogTabImage { max-width: 700px !important; height: 474px; } .blogTabWrap .owl-theme .owl-controls .item-link { position: relative; display: block; width: 300px; padding: 30px 0px; outline: none; text-decoration: none; font-size: 12pt; color: #ffffff; } .blogTabWrap .owl-page .item-link { border-bottom: 1px solid #414b4b; display: block; width: 300px; background: #242727 } .blogTabWrap .owl-page:last-child .item-link { border: none; } .blogTabWrap .owl-page .item-link:hover, .blogTabWrap .owl-carousel .owl-page.active .item-link { color: #ffffff; Background: #414b4b } .blogTabWrap .owl-theme .owl-controls .item-link:focus { } .blogTabWrap .owl-theme .owl-controls .active .item-link { display: block; } .blogTabWrap .owl-theme .owl-controls .owl-page span { display: none; } .blogTabWrap .owl-theme .prev-owl:focus, .blogTabWrap .owl-theme .next-owl:focus { } .blogTabWrap .owl-pagination { width: 300px; height: 480px; overflow: hidden; position: absolute; top: 0; right: 0; background: #fff !important; } .blogTabImage img { opacity: 0; } .blogTabImage h6 { display: none; color: #242727; text-transform: uppercase; text-align: center;font-size: 10pt; text-decoration: none;} .blogTabImage p { display: none; color: #242727; ; text-align: center; font-size: 12pt; padding: 10px; text-decoration: none; } .blogTabItem a { text-decoration: none; } /* Small Modal Window */ .modalbgSmall { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0); z-index: 99999; -moz-transition: all 2s ease-out; -webkit-transition: all 2s ease-out; -o-transition: all 2s ease-out; transition: all 2s ease-out; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -transition-delay: 0.2s; display: block; pointer-events: none; } .modalbgSmall .dialogSmall { max-width: 300px; position: relative; top: -1000px; margin: 10% auto; padding: 5px 20px 13px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #ffffff; } .modalbgSmall:target { display: block; pointer-events: auto; background: rgba(0, 0, 0, 0.8); -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .modalbgSmall:target .dialogSmall { top: -20px; -moz-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -transition-delay: 0.4s; } .closeModal { background: #414b4b; color: #ffffff; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -transition-delay: 0.2s; } .closeModal span { color: #ffffff; } .closeModal:hover { background: #888; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /* Large Modal Window */ .modalbgLarge { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0); z-index: 99999; -moz-transition: all 2s ease-out; -webkit-transition: all 2s ease-out; -o-transition: all 2s ease-out; transition: all 2s ease-out; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -transition-delay: 0.2s; display: block; pointer-events: none; } .modalbgLarge .dialogLarge {max-width: 900px;position: relative;top: -1500px;margin: 10% auto;padding: 5px 20px 13px 20px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background: #ffffff;} .modalbgLarge:target { display: block; pointer-events: auto; background: rgba(0, 0, 0, 0.8); -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .modalbgLarge:target .dialogLarge { top: -20px; -moz-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; transition: all 0.8s ease-out; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -o-transition-delay: 0.4s; -transition-delay: 0.4s; } .closeModal { background: #414b4b; color: #ffffff; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -transition-delay: 0.2s; } .closeModal span { color: #ffffff; } .closeModal:hover { background: #888; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media (max-width: 768px) { .modalbgLarge .dialogLarge { max-width: 300px; } } /* Private Pages */ .register input[type="checkbox"]:after { content: ""; display: block; width: 29px !important; height: 29px !important; -moz-border-radius: 50%; border-radius: 50%; background: #ccc; position: relative; top: -7px; left: -5px; } /* Pricing Table One */ .pricingOne { width: 100%; text-align: center; margin: 15px 0; } .pricingOne .pricingHeader { background: #414b4b; color: white; padding: 15px; font-size: 2.5em; font-weight: 300; } .pricingOne .pricingHeader h1, .pricingOne .pricingHeader h2, .pricingOne .pricingHeader h3, .pricingOne .pricingHeader h4, .pricingOne .pricingHeader h5, .pricingOne .pricingHeader h6 { color: #ffffff; } .pricingOne .price { background: #efefef; color: white; padding: 10px; font-size: 1.3em; } .pricingOne .itemsWrapper { border: 1px solid #E6E6E6; border-top: none; background: white; } .pricingOne .itemsWrapper .items ul { list-style: none; padding: 15px; margin: 0; } .pricingOne .itemsWrapper .items ul li:before { display: none; } .pricingOne .itemsWrapper .items ul li { padding: 7px; text-transform: capitalize; } /* Pricing Table Two */ .pricingTwo { width: 100%; text-align: center; margin: 15px 0; } .pricingTwo .pricingHeader { background: #414b4b; color: white; padding: 15px; font-size: 2.5em; font-weight: 300; } .pricingTwo .pricingHeader h1, .pricingTwo .pricingHeader h2, .pricingTwo .pricingHeader h3, .pricingTwo .pricingHeader h4, .pricingTwo .pricingHeader h5, .pricingTwo .pricingHeader h6, .pricingTwo .pricingHeader p { color: #fff !important; } .pricingTwo .price { background: #efefef; color: white; padding: 10px; font-size: 1.3em; } .pricingTwo .itemsWrapper { border: 1px solid #E6E6E6; border-top: none; background: white; } .pricingTwo .itemsWrapper .items ul { list-style: none; padding: 15px; margin: 0; } .pricingTwo .itemsWrapper .items ul li:before { display: none; } .pricingTwo .itemsWrapper .items ul li { padding: 7px; text-transform: capitalize; } /* Pricing Table Three */ .pricingThree { width: 100%; text-align: center; margin: 15px 0; border: 1px solid #ccc; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .pricingThree .pricingHeader { background: #ffffff; color: white; padding: 10px; font-size: 2.5em; font-weight: 300; border-bottom: 1px solid #ccc; } .pricingThree .price { background: #efefef; color: white; padding: 5px; font-size: 1.3em; border-bottom: 1px solid #ccc; } .pricingThree .price h2 { font-size: 32pt; } .pricingThree .itemsWrapper { background: #efefef; background: white; } .pricingThree .itemsWrapper .items ul { list-style: none; padding: 10px 0; margin: 0; } .pricingThree .itemsWrapper .items ul li:before { display: none; } .pricingThree .itemsWrapper .items ul li { padding: 7px 0; text-transform: capitalize; border-bottom: 1px solid #ccc; } /* Counter One */ .counterWrap.one { text-align: center; } .counterWrap.one .fa-2x { margin: 0 auto; float: none; display: table; color: #ffffff; background: #414b4b; height: 64px; width: 64px; line-height: 64px; border-radius: 50%; } .counterWrap.one .fourCol { background: #ffffff; padding: 20px 0 0 0; } .counterWrap.one .fourCol h2 { font-size: 32pt; margin-top: 20px; } .counterWrap.one .fourCol .countTextWrap { margin: 15px; } /* Counter Two */ .counterWrap.two { text-align: center; } .counterWrap.two .fa-2x {margin: 15px auto; float: none; display: table; color: #414b4b} .counterWrap.two .fourCol { background: #efefef; padding: 20px 0 0 0; } /* Counter Three */ .counterWrap.three { text-align: center; } .counterWrap.three .fa-2x { margin: 15px auto; float: none; display: table; color: #ffffff; } .counterWrap.three .threeCol { background: #414b4b; padding: 20px 0 0 0; } .counterWrap.three .threeCol h1, .counterWrap.three .threeCol h2, .counterWrap.three .threeCol h3, .counterWrap.three .threeCol h4, .counterWrap.three .threeCol h5, .counterWrap.three .threeCol h6 { color: #ffffff; } .counterWrap.three .threeCol h2 { font-size: 64px; } .counterWrap.three .threeCol p { color: #ffffff; } /* Sticky Donate */ .stickyDonate { position: fixed; right: -50px; top: 200px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .stickyDonate a { background: #414b4b; color: #ffffff; text-decoration: none; padding: 12px 24px; font-size: 14pt; text-transform: uppercase; } .stickyDonate a:hover { background: #242727; } /* Donation Banner */ .donationBannerWrap { width: 100%; padding: 120px 0; background: url(/get/files/image/galleries/blog01.jpg) center center no-repeat; background-size: cover; } .donationBanner { max-width: 1000px; margin: 0 auto; } .donationBanner .twoColLeft h1, .donationBanner .twoColLeft p { color: #ffffff; } .donationBanner .twoColRight { } .donationBannerInner { width: 80%; margin: 0 auto; background: rgba(230,230,230,.80); padding: 20px;/* border-radius: 16pt; */ } .dollarSign { background: #fff url(../images/dollarSign.png) 7px 14px no-repeat !important; border: 1px solid #ccc;padding: 12px 0 15px 0 !important; text-align: center; margin: 0 auto; font-size: 14pt; width: 80%;} .donationBannerInner input.mwFormSubmit { border: none; font-size: 11pt; margin: 5px 0 0; color: #ffffff; font-weight: 600; background: #414b4b; padding: 10px 28px; text-decoration: none; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; cursor: pointer; cursor: hand; } .donationBannerInner input.mwFormSubmit:hover { border: none; background: #242727; color: #ffffff; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; } /* Donate Form 1 */ .donateWrap { } .donate { } .donateForm { max-width: 800px; margin: 0 auto; } .donationAmountBtns { text-align: center; } .donateForm table.Dialog input {display: block;width: 98%;color: #414b4b;margin: 0 auto;font-size: 11pt;padding: 10px;} .donateForm table.Dialog select { display: block; width: 100%; color: #414b4b; -webkit-appearance: none; padding: 10px;} .donateForm table.Dialog { font-size: 11pt; line-height: 34px; color: #414b4b; font-weight: 600; } .donateForm .monthlyWrap { margin: 25px 0; } .donateForm .monthly { font-size: 11pt; color: #242727; margin-left: 20px; color: #414b4b; font-weight: 400; } .donateForm input { border: none; border: 1px solid #ccc; } .donateForm select { border: none; border: 1px solid #ccc; } .donateForm input[type="checkbox"]:after { content: ""; display: block; width: 25px !important; height: 25px !important; -moz-border-radius: 50%; border-radius: 50%; background: #ccc; position: relative; top: -9px; left: -5px; } .donateForm input[type="checkbox"]:checked:after { background: #414b4b; color: #ffffff; content: "\2713"; text-align: center; line-height: 29px; font-size: 12pt; } .donateForm input.btn { padding: 0; height: 90px; width: 90px; border-radius: 50%; margin-right: 10px; margin-bottom: 10px; border: none; background: #dcdcdc; color: #414b4b; position: relative; text-transform: uppercase; font-weight: 600; font-size: 12pt; cursor: pointer; cursor: hand; color: #707372; -webkit-appearance: none; } .donateForm input.btn:hover { background: #414b4b; color: #ffffff; } .donateForm .mwFormSubmitRow input[type="submit"] { float: right; width: auto; padding: 10px 17px; border: none; background: none; border: 1px solid #707372; color: #414b4b; position: relative; text-transform: uppercase; font-weight: 600; cursor: pointer; cursor: hand; } .donateForm .mwFormSubmitRow input[type="submit"]:hover { background: none; border: 2px solid #DF161A; color: #DF161A; } .donateForm input.btn.active { background: none; border: 2px solid #414b4b; color: #ffffff; background: #414b4b; } .donateForm .requiredFields { font-size: 11pt; color: #414b4b; } .donateForm .readonly input { border: none; padding: 8px; border: none; background: none; border: 1px solid #ababab; color: #707372; border-radius: 0; margin-left: 5px; width: 150px; } /* Donate Buttons */ .btnWrap { text-align: center; margin: 25px 0; } .btnWrap input { border: none; background: #414b4b; color: #ffffff; text-decoration: none; padding: 14px 20px; cursor: pointer; cursor: hand; -webkit-appearance: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .btnWrap input:hover { background: #242727; color: #ffffff; } /* Donate Form 2 */ /* Donate Form 3 */ .donateWrap.three { background: #efefef; padding: 25px; max-width: 400px; margin: 0 auto; border-radius: 25px; } .donateWrap.three h2 { font-size: 20pt; text-transform: uppercase; } #input-wrapper input[type=range] { -webkit-appearance: none; margin: 18px 0; width: 90%; } #input-wrapper input[type=range]:focus { outline: none; } #input-wrapper input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: #414b4b; border-radius: 1.3px; } #input-wrapper input[type=range]::-webkit-slider-thumb { height: 34px; width: 34px; border-radius: 50%; background: #ccc; cursor: pointer; -webkit-appearance: none; margin-top: -14px; } #input-wrapper input[type=range]:focus::-webkit-slider-runnable-track { background: #888; } #input-wrapper input[type=range]::-moz-range-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: #ccc; } #input-wrapper input[type=range]::-moz-range-thumb { height: 34px; width: 34px; border-radius: 50%; background: #ccc; cursor: pointer; } #input-wrapper input[type=range]::-ms-track { width: 100%; height: 8.4px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; border-width: 16px 0; color: transparent; } #input-wrapper input[type=range]::-ms-fill-lower { background: #999; } #input-wrapper input[type=range]::-ms-fill-upper { background: #999; } #input-wrapper input[type=range]::-ms-thumb { height: 34px; width: 34px; border-radius: 50%; background: #ffffff; cursor: pointer; } #input-wrapper input[type=range]:focus::-ms-fill-lower { background: #999; } #input-wrapper input[type=range]:focus::-ms-fill-upper { background: #999; } #output1 { font-size: 40pt; font-weight: 900; } #output1:before { content: "$" } /* Donate Form 4 */ .donateWrap.four { padding: 20px 0; } .donateWrap.four .donationTabs { text-align: center; } .donateWrap.four .donationTabs ul li:before { display: none; } .donateWrap.four .donationTabs ul li { display: inline-block; background: #414b4b; color: #ffffff; padding: 10px 16px; margin: 0;font-weight: 700;} .donateWrap.four .donationTabs ul li:hover { background: #888888; } .donateWrap.four .section1 { } .donateWrap.four .section2 { display: none; } .donateWrap.four .section3 { display: none; } /* MW Widget Resets */ ul.areas li:before { display: none; } .bannerCaption { width: 50%; position: absolute; top: 10%; left: 25%; background: rgba(255,255,255,.8); padding: 0 15px; } .iconBg { text-align:center; margin:0 auto 20px; -webkit-box-shadow: 0px 2px 12px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 2px 12px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.25); } .iconBg.circle img { border-radius: 50%; max-width: 72px;} .iconBg.border img { border-radius: 50%; max-width: 72px;} .iconBg.circle {text-align:center; border-radius: 50%; max-width: 72px; text-align: center !important; border:1px solid #414b4b;} .iconBg.border {text-align:center;border-radius: 50%;max-width: 72px;text-align: center !important;/* border:1px solid #414b4b; */} .iconBg.square { border-radius: 0;} @media (max-width: 1000px) { /* Header */ .header, .headerTop { max-width: 96%; } /* Footer */ .footer { } /* Copyright */ .copyright { max-width: 96%; } } @media (max-width: 959px) { .mwColumns.areas div { width: 100% !important; float: none; } .mwColumns.areas .contentAreaWhite, .mwColumns.areas .contentAreaColored { width: 86% !important; } } @media (max-width: 1180px) { /* Header */ .header { max-width: 100%; } /* Main Menu */ .mainMenu { display: none; } #mobile-header {display: block;} .tabsWrapper.four .tabsNav ul li { width:100%; } .tabsWrapper.three .tabsNav ul li { width:100%; } .tabsWrapper.two .tabsNav ul li { width:100%;} .headerNine .main { display:none; } } @media (max-width: 768px) { .mainContentArea {/* max-width: 94%; */ margin: 0 auto; font-weight: 400; } /* Banners */ /* Two Columns */ .twoColLeft, .twoColRight, .twoColLeft.full, .twoColRight.full, .twoColLeft.sixty, .twoColRight.forty, .twoColLeft.forty, .twoColRight.sixty { width: 100%; float: none; } .twoColLeft .mwBtnRight, .twoColRight .mwBtnLeft {text-align: center;} .contentImgCol .twoColLeft, .contentImgCol .twoColRight { width: 100%; } .contentAreaColored.home {height: auto;} .contentAreaColored.home .twoColRight {top: 0;} .contentAreaColored.gradient .twoColLeft .mwBtnRight, .contentAreaColored.gradient .twoColRight .mwBtnLeft {text-align: center;} .twoColLeft.full {padding-bottom: 0;} .threeCol {padding-bottom: 20px;} .threeCol:last-child {padding-bottom: 0;} .eventsListTwo .twoCol {width: 100%; float: none;} .eventsListTwo .twoCol .left .sidebarRight, .eventsListTwo .twoCol .left .sidebarLeft {width: 100%; text-align: center;} .eventsListTwo .date {width: auto; text-align: center; } .eventsListTwo .twoCol .eventImg:hover .eventImgHover {background: rgba(0,0,0,.3); position: absolute; width: 100%; height: 300px;} .eventsListTwo .twoCol .eventImg .eventImgHover {background: rgba(0,0,0,.3); position: absolute; width: 100%; height: 300px;} .eventsListTwo .twoCol .eventImg:hover .button {display: block; position: absolute; top: 40%; left: 34%;} .eventsListTwo .twoCol .eventImg .button {display: block; position: absolute; top: 40%; left: 34%;} /* Three Columns */ .threeCol, .threeCol:last-child, .threeCol.full { width: 100%; float: none; } /* Four Columns */ .fourCol, .fourCol:last-child, .fourCol.one, .fourCol.two, .fourCol.three, .fourCol.four { width: 100%; float: none; } /* FiveColumn Block */ .fiveCol, .fiveCol:last-child { width: 100%; float: none; } /* Sidebar */ .right .sidebarLeft, .right .sidebarRight, .left .sidebarLeft, .left .sidebarRight { width: 100%; float: none; } /* footer */ .footer { text-align: center; width: 86%; padding: 40px 7%; } .footer .soLinkGen.left, .footer .soLinkGen.right { text-align: center; } /* copyright */ .copyright { text-align: center; width: 86%; padding: 25px 7%; } .copyright .twoColRight { text-align: center; } /* To Top */ .toTop {left: 49%;right: 45%;margin-left: -15px;} /* Banner */ .bannerCaption { width: 96%; position: relative; top: 0%; left: 0%; background: rgba(255,255,255,1); padding: 0 2%; } .banner {width: 86%;/* padding-bottom: 25.6% */padding: 15% 0;text-align: left;background: none;margin: 0 auto} .banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 {font-family: 'Roboto Slab', serif;font-weight: 800;font-size: 30pt;color: #1177C8;width: 86%;max-width:960px;margin: 0 0 20px;line-height: 35pt;} .banner p {color: #484848;font-family: 'Open Sans', sans-serif;font-size:12pt;max-width: 500px;font-weight: 600;padding-top: 0;} /* Columns */ ul.areas li:before { display: none; } ul.mwColumns li { width: 100% !important; height: auto; } ul.mwColumns li .mwPageBlock.File { width: 100%; height: auto; } ul.mwColumns li .mwPageBlock.Content { width: 100% !important; height: auto !important; } .donationBannerInner { width: 90%; margin: 0 auto; background: #efefef; padding: 5%; } /* Counter 1 */ .counterWrap.one .fourCol, .counterWrap.two .fourCol, .counterWrap.three .fourCol { float: left; width: 46%; margin: 2%; } /* Donate Form 3 */ .donateWrap.three { padding: 12px 0; margin: 25px auto; border-radius: 0; width: 100%; } /* Blog Sticky Share */ .blogShareSticky { position: fixed; top: auto; bottom: 0; height: 45px; left: 0px; width: 100%; background: #efefef; z-index: 199; } .blogShareSticky div { float: left; font-size: 11pt; } /* Grid Post List */ .blogGrid { width: 100%; margin: 0 0% 3%; float: none; text-align: center; } /* Grid Post List Two */ .blogGridTwo:nth-child(6n+2), .blogGridTwo:nth-child(6n+3), .blogGridTwo:nth-child(6n+4), .blogGridTwo:nth-child(6n+5), .blogGridTwo:nth-child(6n+6), .blogGridTwo:nth-child(6n+7) { width: 100%; float: none; margin: 0 auto 25px; } /* Post List Banner Tabs */ .blogTabImage { max-width: 100% !important; background: none !important; height: auto; } .blogTabWrap .owl-pagination { display: none; } .blogTabWrap {background: #efefef;height: auto;} .blogTabItem {background: #f1f1f1; height: auto;} .blogTabWrap .owl-controls { display: none; } .blogTabImage img { opacity: 1; width: 100%; } .blogTabImage h6 { display: block; } .blogTabWrapMoreBtn { display: none; } /* Blog Post Three */ .postThree .twoColRight { padding: 2% 5%; width: 90%; background: #efefef; margin-top: 25px; border-bottom: 5px solid #cdcdcd; } .accordionBtn { padding-left: 5px; } .accordionBtn .expandIcon { display: none; } } @media (max-width: 640px) { .slideOutShare { width: 100%; height: 46px; background: #242727; left: 0; bottom: 0 !important; } .slideOutShare.open { left: 0; } .slideOutShare.close { left: 0px; } .slideOutShareItems { float: right; height: 46px; color: #ffffff; overflow: hidden; margin-top: -4px; } .slideOutShareItems span { font-size: 11pt; line-height: 46px; width: 43px; text-align: center; cursor: pointer; cursor: hand; } .slideOutShareBtn { float: left; padding: 5px 0 0 15px; background: #242727; } .slideOutShareBtn:hover { background: #222; } .slideOutShareBtn span { display: block; font-size: 16pt; margin: 10px 0 5px; float: left; line: height-40px; } .slideOutShareBtn { line-height: 40px !important; } .Search input {cursor: pointer;cursor: hand;color: #fff;font-size: 11pt;} .searchHolder ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; font-size:11pt; } .searchHolder ::-moz-placeholder { /* Firefox 19+ */ color: #fff; font-size:11pt; } .searchHolder :-ms-input-placeholder { /* IE 10+ */ color: #fff; font-size:11pt; } .searchHolder :-moz-placeholder { /* Firefox 18- */ color: #fff; font-size:11pt; } } @media (max-width: 480px) { /* Sticky Donate */ .stickyDonate { position: fixed; z-index: 299; right: 0px; top: auto; bottom: 0px; width: 100%; -webkit-transform: rotate(0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); font-weight: 700; } .stickyDonate a { background: #414b4b; color: #ffffff; text-decoration: none; padding: 12px 0; width: 100%; display: block; font-size: 14pt; text-transform: uppercase; text-align: center; } .stickyDonate a:hover { background: #242727; } } /* Testimonial */ .testimonialWrap .slider { width: 100%; height: 100%; padding: 0 0; } .testimonialWrap .testimonial { max-width: 90%; margin: 0 auto; text-align: center; } .testimonialWrap .testimonial img { border-radius: 50%; width: 120px; } .testimonialWrap.howItWorks .testimonial img { border-radius: 0; width: 150px; } .testimonialWrap .testimonial h3 { } .testimonialWrap .testimonial p { font-style: italic; } .testimonialWrap .testimonial p b, .testimonialWrap .testimonial p strong { font-weight: 600; font-style: normal; } .testimonialWrap .owl-prev { width: 50px; height: 90px; position: absolute; left: -85px; bottom: 50%; background: url(/images/slider-nav-dark.png) left center no-repeat; text-indent: -999em; padding: 0; } .testimonialWrap .owl-next { width: 50px; height: 90px; position: absolute; right: -85px; bottom: 50%; background: url(/images/slider-nav-dark.png) right center no-repeat; text-indent: -999em; padding: 0; } .testimonialWrap.howItWorks .owl-prev { width: 50px; height: 90px; position: absolute; left: -85px; bottom: 50%; background: url(/images/slider-nav.png) left center no-repeat; text-indent: -999em; padding: 0; } .testimonialWrap.howItWorks .owl-next { width: 50px; height: 90px; position: absolute; right: -85px; bottom: 50%; background: url(/images/slider-nav.png) right center no-repeat; text-indent: -999em; padding: 0; } .testimonialWrap .owl-pagination { position: relative; } .testimonialWrap .owl-page { border: 1px solid #444; ; height: 14px; width: 14px; border-radius: 50%; margin: 10px 4px; } .testimonialWrap .owl-page.active { background: #444; } .testimonialWrap.howItWorks .owl-page { border: 1px solid #fff; ; height: 14px; width: 14px; border-radius: 50%; margin: 10px 4px; } .testimonialWrap.howItWorks .owl-page.active { background: #fff; } .testimonialWrap .owl-controls { margin: 0 auto; padding: 5px 0 0; } @media (max-width: 768px) { .testimonialWrap .testimonial { width: 70%; } .testimonialWrap .owl-prev { top: 50%; width: 30px; left: -45px } .testimonialWrap .owl-next { top: 50%; width: 30px; right: -45px } } /* Testimonial */ .testimonialWrap.two .slider { width: 100%; height: 100%; padding: 0 0; margin:50px 0;} .testimonialWrap.two .testimonial { max-width: 90%; margin: 0 auto; text-align: center; } .testimonialWrap.two .testimonial img { border-radius: 0%; width: 64px; } .testimonialWrap.two .testimonial h3 { } .testimonialWrap.two .testimonial p { font-style: italic; } .testimonialWrap.two .testimonial p b, .testimonialWrap.two .testimonial p strong { font-weight: 600; font-style: normal; font-size:10pt; } .testimonialInner { border-top:2px solid #ccc; border-radius:25px; background:#fff; padding:10px 10%; width:70%; margin:0 auto 20px;; -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.25);} .testimonialContent { text-align:left; } .testimonialWrap.two .sidebar {width:80%; margin:0 auto; background:#fff; padding: 0 10%;} .testimonialWrap.two .owl-prev { width: 40px; height: 90px; position: absolute; left: -85px; bottom: 50%; background: url(/images/slider-nav-dark.png) left center no-repeat; text-indent: -999em; padding: 0; } .testimonialWrap.two .owl-next { width: 40px; height: 90px; position: absolute; right: -85px; bottom: 50%; background: url(/images/slider-nav-dark.png) right center no-repeat; text-indent: -999em; padding: 0; } .testimonialWrap.two .owl-pagination { position: relative; } .testimonialWrap.two .owl-page { border: 1px solid #444; ; height: 14px; width: 14px; border-radius: 50%; margin: 10px 4px; } .testimonialWrap.two .owl-page.active { background: #444; } .testimonialWrap.two .owl-controls { margin: 0 auto; padding: 5px 0 0; } @media (max-width: 768px) { .testimonialWrap.two .testimonial { width: 70%; } .testimonialWrap.two .owl-prev { top: 50%; width: 30px; left: -5px } .testimonialWrap.two .owl-next { top: 50%; width: 30px; right: -5px } } .bannerWrap.interactive { background-size:100% !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .bannerWrap.interactive:hover { background-size:110% !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .bannerWrap.interactive a { color:#fff !important;} .mapHolder div div div div div div div {border:none !important; width:260px; box-shadow:none !important; } .mapHolder div div div div div div div #url { display:block; } .mapHolder div div div div div div div #title { display:block; } .eventCalendar {} .eventCalendar a { text-decoration:none; } .eventList { background:#fff;border-bottom:1px solid #f0f0f0; border-left:3px solid #666; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; padding:20px 10px} .eventList:hover {background:#f0f0f0; border-left:8px solid #666; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .eventContainer {} .eventContainer:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .dateContainer { width:10%; float:left; text-align:center; } .dateContainer .date {margin:8px 0 0} .dateContainer .date h5 {margin:0} .dateContainer .month h6 {margin:0;} .detailContainer { width:85%; float:right;} .detailContainer .title h4 {font-size:13pt} /**** Events Simple ****/ .eventSimple .eShop-item {width:95%;display:inline-block;vertical-align: top;margin: 5px 0;padding: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .eventSimple .sixCol { border-bottom:1px solid #efefef; } .eventSimple .sixColumn:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .eventSimple .sixCol {width: 16.6%;float: left;margin-right: 0;height: 60px;text-align:center;} .eventSimple .sixCol:last-child { margin-right: 0%; } @media (max-width: 768px) { .eventSimple .sixCol {width:96%;float: left;margin-right: 0;height: auto;text-align:center;border: none;} } .shopTitle { padding: 0 50px 50px; height: 250px;} .shopLongDescWrap { display: none;} .shopLongDesc { max-width: 50%; position: fixed; top: 5%; left: 50%; background: #fff; padding: 0 30px 50px; border: 2px solid #808080; z-index: 999; margin-left: -25%;} .shopLongDesc p {} .shopLongDesc .fa {} .closeBtn { font-size: 15pt; cursor: pointer; text-align: right; margin-top: 10px; float: right; margin-right: -10px!important;} .closeBtn:hover { color: #ee3124;} .shopCartDetails {} .shopCartDetails:after { clear: both; content: ""; display: block; height: 0; visibility: hidden;} .shopListWrap {} .shopList {border: 1px solid #ddd;width: 46%;float: left;margin: 0 2% 20px 0;/* width: 100%; */} .shopList .image { text-align: center; float: none;} .shopTitle {padding: 0 50px 50px;height: 220px;} .shopCartQty {background: #efefef;width: 50%;float: left;padding: 19px 0 10px;text-align: left;} .shopCartButton {background: #68b20d;width: 46%;float: left;padding: 0 2%;text-align: center;color: #fff;cursor: pointer;} .shopCartButton p { padding: 0; color: #fff; height: 15px; line-height: 15px;} .shopCartButton:hover { background: #888; color: #efefef} .mwCart-quantity { background: #fff; border: 1px solid #fff; width: 20px; text-align: center; font-size: 14pt;} .shopCartButton button { background: none; border: none; padding: 0; margin: 0; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; ursor: pointer; padding: 16px 17px 16px; } .link { text-align: right;} .link button, .link input {background: #00aeef;border: none;padding: 0;margin: 0;color: #fff;font-weight: 600;text-transform: uppercase;font-family: 'Ubuntu', sans-serif;cursor: pointer;padding: 6px 10px;/* text-align: right; */font-size: 10pt;} .link button:hover, .link input:hover { background: #808080; color: #efefef} .cartSidebar { background-color: #efefef; font-size: 11pt; width: 100px; position: fixed; right: 0; margin-top: 200px; float: right; z-index: 999999; position: fixed; top: 0;} .cartSidebar.stuck {} .cartMobile.stuck { position: fixed; margin-top: 0; top: 0;} .cartCheckout, .cartSidebar, .cartCheckoutMini { display: block; line-height: 40px; font-weight: 400; text-decoration: none!important; text-align: center; color: #FFF;} .cartSidebar .cartTotal { font-size: 18pt; color: #808080;} .cartSidebar .num { font-size: 18pt; color: #808080;} .cartMobile { display: none;} .cartCheckout, .cartCheckoutMini {background-color: #68b20d;border: none;font-size: 11pt;width: 120px;margin-top: 10px;text-align: center;padding-right: 25px;cursor: pointer;font-weight: 600;text-transform: uppercase;font-family: 'Ubuntu', sans-serif;} .cartCheckout:hover, .cartCheckoutMini:hover { background-color: #808080;} .cartCheckoutMini { padding-right: 0!important; float: right; font-weight: 600; text-transform: uppercase; font-family: 'Ubuntu', sans-serif;} .mwCart-checkout.btn { background-color: #ee3124;} .quantityToggle, .popOpen { cursor: pointer} @media (max-width: 768px) { .shopList {/* border: 1px solid #ddd; */width: 96%;float: left;margin: 0 2% 20px 0;} .shopLongDesc { max-width: 100%; height: 400px; overflow-y: scroll; position: fixed; top: 0%; left: 0%; background: #fff; padding: 0 30px 50px; border: 2px solid #808080; z-index: 999; margin-left: 0%;} } @media (max-width: 600px) { .shopCartQty { width: 100%; padding: 19px 0 10px; text-align: center} .shopCartButton { width: 100%; padding: 0 0%;} .cartSidebar { display: none;} } .eShop-item img {/* max-width: 100px; */} .eshopSubmit { text-align: right; color: #ee3124 !important; font-family: Arial, sans-serif; font-size: 11pt; border: 1px solid #ee3124; text-transform: uppercase; font-weight: bold; margin: 25px 5px 0; font-weight: 600; background: none; text-decoration: none; padding: 10px 15px;float: right; cursor: pointer;} .shopListWrapSimple .shopList {border: 1px solid #ddd;width: 31%;float: left;margin: 0 2% 20px 0;/* width: 100%; */} .shopListWrapSimple .shopTitle { padding: 0 25px 20px; height: auto;} @media (max-width: 960px) { .shopListWrapSimple .shopList {border: 1px solid #ddd;width: 47%;float: left;margin: 0 2% 20px 0;/* width: 100%; */} } @media (max-width: 768px) { .shopListWrapSimple .shopList {border: 1px solid #ddd;width: 100%;float: left;margin: 0 0% 20px 0;/* width: 100%; */} } .tableCart li:before { display:none !important;} .tableCart .items { display: block; width: 100%; vertical-align: middle; padding: 1.5em; border-bottom: 1px solid #ccc;} .tableCart .items { background: #fafafa; } .tableCart .items .infoWrap { display: table; width: 100%; } .tableCart .items .cartSection { display: table-cell; vertical-align: middle; } .tableCart .items .cartSection .itemNumber { color: #777; margin-bottom: 0; } .tableCart .items .cartSection h3 {font-size: 1.5em;font-weight: bold;text-transform: uppercase;margin: 0;} .tableCart .items .cartSection p { display: inline-block; color: #777777; } .tableCart .items .cartSection p .quantity { font-weight: bold; color: #333; } .tableCart .items .cartSection .itemImg { width: 4em; float: left; } .tableCart .items .cartSection.qtyWrap p, .tableCart .items .cartSection.prodTotal p { font-weight: bold; font-size: 1.25em; } .tableCart .items .cartSection input.qty { width: 2em; text-align: center; font-size: 1em; padding: .25em; margin: 1em .5em 0 0; } .tableCart .items .cartSection .itemImg {width: 11em;display: inline;padding-right: 1em;} .tableCart .quantity input {border:1px solid #aaa; font-size:12pt; padding:7px; margin:0;} @media (max-width: 768px) { .tableCart .items .cartSection {display:inline-block;width: 95%;padding: 0;} .prodTotal {display:inline-block;width: 50% !important; padding: 0; } .quantity {display:inline-block;width: 50% !important; padding: 0; } } /* // NEW ESHOP //*/ .blogEventsTwoCol {} .blogEventsTwoCol:after, .blogEventsThreeCol:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;} .blogEventsTwoColItem {width:47%;margin: 0 1% 20px;float:left;/* position:relative; */} .blogEventsThreeColItem {width:31%;margin: 0 1% 20px;float:left;/* position:relative; */} .bcImage {position:relative;height: 270px;} .bcDate {width: 80px;/* border:1px solid #fff; */position:absolute;bottom: 0;left:0;text-align:center;background: rgba(104, 178, 13, .8);padding: 8px 0 0;} .bcDate h3 {color:#fff;margin: 0;font-size: 32pt;} .bcDate p {font-size: 20pt;color:#fff;text-transform: uppercase;font-weight: 900;margin: 0;line-height: 22pt;} .bcGrey {background:#fff;padding: 20px 20px 50px;height: 250px;position:relative;} .bcGrey.store {background:#efefef;padding: 20px 20px 50px;height: 200px;position:relative;} .bcGrey h3 a {font-size:15pt;line-height:normal;color: #2A5276;font-weight: 900;margin: 0;} .bcGrey h4 { font-size: 20pt; line-height: 30pt; margin: 15px 0; color: #2A5276; font-family: 'Raleway', sans-serif; font-weight: 900; } .bcGrey p {margin:0 0 5px 0;} .bcGrey h3 {margin:0 !important} .bcGrey p a {text-decoration:none;text-transform:uppercase;color: #2A5276;font-weight: 600;cursor:pointer;} .bcGrey p a:hover {text-decoration:none;text-transform:uppercase;color: #888;font-weight: 600;} .bcGrey .eventPrice {position:absolute;bottom: 40px;} @media (max-width: 959px) { .blogEventsTwoColItem, .blogEventsThreeColItem {width:100%; margin:0 0% 20px; float:left; } } /*** Shop List ***/ .shopListWrap {} .shopListWrap:after {clear: both; content: ""; display: block; height: 0; visibility: hidden; } .shopList {border:1px solid #ddd;width:46%;float:left;margin: 0 2% 20px 0;/* position:relative; */} .shopList.sponsorships {width: 100%; border: none;margin: 0 2% 0 0;} .shopList .fa { position:absolute; right:15px; top:15px; } .shopList .image {/*margin:40px auto 0;*/text-align:center;float: none;} .shopImage img { height:240px; } .shopList h5 {margin:0;height: 50px;} .ShopList .mwCart {position: relative;} .shopTitle {padding: 0 50px 50px;height: 250px;} .shopLongDescWrap {display:none;} .shopLongDesc {max-width: 50%;position: fixed;top: 10%;left: 50%;background: #fff;padding: 0 30px 50px;border: 2px solid #2A5276;z-index: 999;margin-left: -25%;height: auto;overflow: scroll;} .shopLongDesc p {/* font-size:10pt; *//* line-height: 14pt; */} .shopLongDesc .fa {} .closeBtn {font-size:15pt;cursor:pointer;text-align: right;margin-top: 10px; float: right;margin-right: -10px!important;} .closeBtn:hover { color:#2A5276; } .shopCartDetails { } .shopCartDetails:after {clear: both; content: ""; display: block; height: 0; visibility: hidden; } .eventsBtn button{ border: none; margin: 0; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'Poppins', sans-serif; cursor: pointer; background:#4A8FD0; padding:15px 30px; text-align:right; position:absolute; bottom:0; right:0 } .eventsBtn p { background: none; border: none; margin: 0; color: #C73938; font-weight: 600; text-transform: uppercase; font-family: 'Poppins', sans-serif; cursor: pointer; padding:15px 30px; text-align:right; position:absolute; bottom:0; right:0 } .eventsBtn.popup button{ border: none; margin: 0; color: #fff; font-weight: 600; text-transform: uppercase; font-family: 'Poppins', sans-serif; cursor: pointer; background:#2A5276; padding:15px 30px; text-align:right; position:fixed; bottom:0; right:0 } .eventsBtn button:hover {background:#2A5276; color: #efefef} .shopCartQty {background:#fff;width: 50%;float:left;padding: 19px 14px 10px;} .shopCartQty.events {width: 50%;float:left;padding: 19px 0px 10px;position: absolute; bottom: 5px;} .shopCartButton {background: #2A5276;width:38%;float:left;padding: 0 2%;text-align:center;color:#fff;cursor:pointer;} .shopCartButton:hover {background:#888; color: #efefef} .mwCart-quantity {background:#fff;border: 1px solid #ddd;width:20px;text-align:center;/*margin-left:10px;*/font-size: 12pt;} .shopCartButton button{background:none;border:none;padding:0;margin:0;color:#fff;font-weight:100;text-transform:uppercase;font-family: 'Poppins', sans-serif;cursor: pointer;padding: 14px 17px 13px;font-size: 12pt;} .link { text-align:right; } .link button, .link input {background:#2A5276; border:none;padding:0;margin:0;color:#fff;font-weight:600;text-transform:uppercase;font-family: 'Poppins', sans-serif;cursor: pointer; padding:15px 30px; text-align:right;} .link button:hover, .link input:hover {background:#4A8FD0; color: #efefef} .eventPrice {margin-top:20px;font-weight: 700 !important;} .eShop-action.url.button.registerButton.dis-1 {display: none;} .eShop-action.url.button.registerButton.dis-0 {display: block;} @media (max-width: 1310px){ .shopCartButton {width: 36%; padding: 0 2.8%;} } @media (max-width: 1241px){ .shopCartButton {width: 35%; padding: 0 3.1%;} } @media (max-width: 1190px){ .shopCartQty {width: 49.5%;} .grid figure {height: 310px;} } @media (max-width: 1190px){ .shopCartQty {width: 48%;} .shopCartButton {width: 35%; padding: 0 3.7%;} } @media (max-width: 1092px){ .shopCartQty {width: 100%; padding: 19px 0px 10px;} .shopCartButton {width: 100%; padding: 0;} } @media (max-width: 960px) { .shopList { width:99%; float:none; margin: 0 auto 22px;} .shopLongDesc {max-width: 100% !important; position: fixed; top: 10%; left: 0%; background: #fff;padding: 0 30px 50px;border: 2px solid #2A5276;z-index: 999;margin-left: -0%; height: 600px;} .shopTitle {text-align: center;} .shopList.mwCart-item {margin-bottom: 20px; padding-bottom: 80px;} } a.popOpen {color: #2A5276;} a.popOpen:hover {color: #888!important;} .success {color: #454546;} /* Card Bubba */ .grid { position: relative; margin: 0 auto; padding: 0 0 4em; max-width: 1000px; list-style: none; text-align: center; } /* Common style */ .grid figure {position: relative;float: left;overflow: hidden;margin: 0;/* min-width: 320px;*//* max-width: 550px; */height: 450px;/* width: 48%; */background: none;text-align: center;cursor: pointer;background: #68b20d;} .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } .grid figure figcaption { padding: .5em 0; color: #fff; /* font-size: 1.25em; */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { font-weight: 300; font-size: 20pt; font-family: Poppins, sans-serif; color: #fff!important; font-weight: bold;} .grid figure h2 span { font-weight: 800; font-family: Poppins, sans-serif;} .grid figure h2, .grid figure p { margin: 0; color: #fff; } .grid figure h3 { font-weight: 300; font-size: 14pt; } .grid figure h3 span { font-weight: 800; } .grid figure h3 { color: #fff; } .grid figure p {letter-spacing: 1px;font-size: 12pt;line-height: normal;color: #fff;} /*---------------*/ /***** Bubba *****/ /*---------------*/ figure.effect-bubba { ; } figure.effect-bubba img { opacity: 0.7; transition: .3s ease;} figure.effect-bubba:hover img {opacity: 0.1;transition: .3s ease;} figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } figure.effect-bubba h2 {padding-top: 17%;-webkit-transition: -webkit-transform 1.35s;transition: transform 1.35s;-webkit-transform: translate3d(0, 70px, 0);transform: translate3d(0, 70px, 0);} figure.effect-bubba h3 { padding-top: 25%; -webkit-transition: -webkit-transform 1.35s; transition: transform 1.35s; -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0); } figure.effect-bubba p { padding: 3% 15%; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 1.35s, transform 1.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-bubba:hover h2, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-bubba:hover h3, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (max-width: 1368px) { .grid figure p {font-size: 10pt!important;} } @media (max-width: 1200px) { .grid figure {max-width: 1000px!important; max-height: 1000px!important; height: 100%!important;} } @media (max-width: 768px) { .grid figure {max-width: 1000px!important;max-height: 1000px!important;height: 420px!important;} figure.effect-bubba img { opacity: 0.2; transition: .3s ease;} figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-bubba h2, figure.effect-bubba p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-bubba h3, figure.effect-bubba p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (max-width: 495px) { .grid figure {max-width: 1000px!important; max-height: 1000px!important; height: 380px!important;} } /* Image Animated Text */ .imageAnimatedWrap { height: 630px; } .imageAnimatedImage { height: 400px; } .imageAnimatedImage h3 {text-align: left;position: relative;top: 300px;color: #fff;font-weight: 600;font-size: 28pt;/* text-shadow: 3px 3px 30px rgba(0,0,0,0.4); */z-index: 9;transition: 0.3s ease;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;width: 180px;padding-left: 40px;text-decoration: none;font-family: 'Spartan', sans-serif;} .imageAnimatedWrap:hover .imageAnimatedImage h3 {top: 320px;transition: 0.3s ease;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;} .imageAnimatedGradient {background: linear-gradient(180deg, rgba(0,0,0,0) 47%, rgba(0,0,0,1) 100%); height: 400px;} .imageAnimatedColor { height: 260px; bottom: 0; height: 230px; position: absolute; width: 100%; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; } .imageAnimatedWrap:hover .imageAnimatedColor {height: 330px;transition: 0.3s ease;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;} .imageAnimatedWrap.blue .imageAnimatedColor {background:#0077C8;} .imageAnimatedWrap.green .imageAnimatedColor {background:#509E2F;} .imageAnimatedWrap.brown .imageAnimatedColor {background: #656565;} .imageAnimatedWrap .imageAnimatedDesc {transition: 0.3s ease;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;text-align: left;max-width: 60%;margin: 0 40px;position: relative;top: 350px;z-index: 99;} .imageAnimatedDesc p {color: #fff;font-size:12pt;font-family: 'Spartan', sans-serif;} .imageAnimatedDesc p strong {color: #fff;font-size:18pt;font-weight: 600;} .imageAnimatedWrap:hover .imageAnimatedDesc {opacity:1;transition: 0.3s ease;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;} .imageAnimatedButton { bottom: 30px; width: 80%; z-index: 99; position: absolute; padding-left: 40px; } .imageAnimatedButton p {text-align: left;width: 80%;color: #fff;font-weight: 500;font-size: 11pt;position: relative;top: 9px;text-decoration: underline;float: left;} .imageAnimatedLink {text-decoration: none!important;} /* // Homepage Posts // */ .whiteBG { background:#fff; } .oneColBlog.whiteBG { background:#ebebeb; } .whiteBG a { text-decoration:none; } .threeColumnBlog {/* padding-left: 10px; */} .threeColBlog {display:inline-block;widtH: 30.9%;margin: 0 1.3% 1% 0;vertical-align:top;height: 520px;} .threeColBlog.volunteer {display:inline-block;widtH: 93%;margin: 10px 4% 14px 0;vertical-align:top;height: 600px;padding-left: 1px;box-shadow: 3px 3px 10px rgba(0,0,0,0.2);position: relative;} .oneColBlog {display:inline-block;widtH: 98%;margin: 0 1.3% 1% 0;vertical-align:top;height: auto;} .threeColBlog:last-child {/* margin:0; */} .threeBlogImage {padding-bottom:100%; background-size:cover !important;} .whiteBG .threeCol { margin-left:10px; } .whiteBG .mainContentArea {widtH: 86%;margin:0 auto;padding: 20px;z-index: 99;position: relative;} .whiteBG .mainContentArea.volunteers {widtH: 98%;margin:0 auto;} .threeColBlog h5 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 76px;overflow: hidden;color: #1177C8;} .threeColBlog h5 a {color: #1177C8;font-weight: 600;} .threeColBlog p {padding-bottom: 0;margin-bottom: 5px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 96px;overflow: hidden;} .threeColBlog .authorDate {font-style: italic; font-size: 10pt; margin-top: 0;} .threeColumnBlog .owl-prev {width: 40px;height: 70px;position: absolute;left: -110px;top: 42%;background: url(/images/slider-nav-dark.png) left center no-repeat;text-indent: -999em;padding: 0;} .threeColumnBlog .owl-next {width: 40px;height: 70px;position: absolute;right: -100px;top: 42%;background: url(/images/slider-nav-dark.png) right center no-repeat;text-indent: -999em;padding: 0;} .threeColumnBlog .owl-theme .owl-controls {margin: 0 auto !important;padding: 0;} .threeColBlog .blueHover {height: 5px;position: absolute;bottom: 0px;z-index: 999;background: #0077C8;width: 100%;left: -1px;padding-right: 1px;transition: 0.3s ease;z-index: 9;} .threeColBlog:hover .blueHover {height: 350px;position: absolute; bottom: 0;} .threeColBlog h5 a, .threeColBlog p {transition: 0.3s ease;} .threeColBlog:hover h5 a, .threeColBlog:hover p {color: #fff!important;z-index: 999} @media (max-width: 959px) { .threeColBlog { display:inline-block; widtH:100%; margin:0 0 20px } .threeColBlog.volunteer { display:inline-block; widtH:100%; margin:0 0 20px } .threeColBlog {height: auto;} .threeColBlog.volunteer {height: auto;} .threeColumnBlog .owl-prev {width: 30px;height: 70px;position: absolute;left: -55px;top: 34%;background: url(/images/slider-nav-dark.png) left center no-repeat;text-indent: -999em;padding: 0;} .threeColumnBlog .owl-next {width: 30px;height: 70px;position: absolute;right: -55px;top: 34%;background: url(/images/slider-nav-dark.png) right center no-repeat;text-indent: -999em;padding: 0;} } @media (max-width: 768px) { .threeColumnBlog .owl-prev {width: 30px;height: 70px;position: absolute;left: -43px;top: 38%;background: url(/images/slider-nav-dark.png) left center no-repeat;text-indent: -999em;padding: 0;} .threeColumnBlog .owl-next {width: 30px;height: 70px;position: absolute;right: -43px;top: 38%;background: url(/images/slider-nav-dark.png) right center no-repeat;text-indent: -999em;padding: 0;} } .accessibilityIcon {position: fixed;bottom: 0;right: 40px;background: #509E2F;padding: 5px 10px;} .accessibilityIcon img {} /* /// MW Live Editor Hover /// */ .liveEdBlock .leBlockBorder { -webkit-transition: all linear 200ms; -o-transition: all linear 200ms; transition: all linear 200ms; } .liveEdBlock.Hover > .leBlockBorder { background-color: rgba(146, 238, 255, 0.1); } .liveEdBlockTools { z-index: 9999; } /* Team Gallery */ .staffItemWrap { width: 23%; float: left; margin-right: 2%; margin-bottom: 2%; } .staffItemWrap .staffItem {} .staffItemWrap .staffItemImage {} .staffItemWrap .staffItemText { background: #ebebeb; padding: 10px 20px 0; text-align: center; height: 130px; } .staffItemWrap .staffItemText h4 { font-size: 13pt; color: #002D56!important; line-height: 17pt; } .staffItemWrap .staffItemText p {} @media (max-width: 1080px) { .staffItemWrap .staffItemText { background: #fff; padding: 10px 20px 0; text-align: center; height: 230px; } } @media (max-width: 959px) { .staffItemWrap {width: 100%; float: none; margin-right: 0;} .staffItemWrap .staffItemImage {height: 300px!important;} .staffItemWrap .staffItemText {height: auto;} } .utilityMenu ul li a {font-family: 'Spartan', sans-serif; font-weight: 300;} .headerWrap p, .headerWrap li, .headerWrap ol, label, .mainContentArea p, .mainContentArea li, .mainContentArea ol, .slider p, .slider li, .slider ol, .callToActionWrap p, .callToActionWrap li, .callToActionWrap ol, .footerWrap p, .footerWrap li, .footerWrap ol, .videoBannerText, .videoBannerText p, .Dialog .mwInput.Button input.mw, .btnWrap input, .Dialog input, .Dialog TEXTAREA, .Dialog SELECT, .Dialog .mwInput .Value, .mainContentArea table tr td, .mainContentArea table tr th, .footer p, .copyright p, table.Dialog select, .sidr ul li a, .sidr ul li span {font-family: 'Spartan', sans-serif; } .headerWrap h1, .headerWrap h2, .headerWrap h3, .headerWrap h4, .headerWrap h5, .headerWrap h6, .slider h1, .slider h2, .slider h3, .slider h4, .slider h5, .slider h6, .videoBanner h2, .mainContentArea h1, .mainContentArea h2, .mainContentArea h3, .mainContentArea h4, .mainContentArea h5, .mainContentArea h6, .callToActionWrap h1, .callToActionWrap h2, .callToActionWrap h3, .callToActionWrap h4, .callToActionWrap h5, .callToActionWrap h6, .footerWrap h1, .footerWrap h2, .footerWrap h3, .footerWrap h4, .footerWrap h5, .footerWrap h6, .stickyDonate a, .donateButton p a, .button p a, .banner p a, .Dialog .mwInput.Button input.mw, .btnWrap input, .sidebarSearch label, .searchHolder label, .twoColumn a.colContentbtn, .dollarSign, .donationBannerInner input.mwFormSubmit, .captionContainer .button p a, .banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6, .alertOne p, .alertTwo p {font-family: 'Spartan', sans-serif;} /* Flow Chart */ .flowChartWrap { background: #0077C8; width: 100%; height: 200px; } .flowChartItem {text-align: center;padding: 20px;} .flowChartWrap .flowChartItemWrap {position: relative;} .flowChartItem img {} .flowChartItem h4 { color: #fff; text-transform: uppercase; font-size: 13pt; font-weight: 800; } .flowChartItem .flowChartNumber { background: #fff; width: 30px; height: 30px; border-radius: 50%; margin: 15px auto; } .flowChartWrap .flowChartItemWrap .flowChartItem .flowChartNumber:before { font-size: 11pt; font-family: 'Spartan', sans-serif; font-weight: 600; line-height: 25pt; } .flowChartWrap .flowChartItemWrap:nth-child(1) .flowChartItem .flowChartNumber:before {content:"1"} .flowChartWrap .flowChartItemWrap:nth-child(2) .flowChartItem .flowChartNumber:before {content:"2"} .flowChartWrap .flowChartItemWrap:nth-child(3) .flowChartItem .flowChartNumber:before {content:"3"} .flowChartWrap .flowChartItemWrap:nth-child(4) .flowChartItem .flowChartNumber:before {content:"4"} .flowChartPopupWrap { opacity: 0; position: absolute; width: 250px; /* top: 200px; */ background: rgba(0, 119, 200,1); padding: 30px 30px 10px; z-index: 9; transition: 0.3s ease; } .flowChartItemWrap:hover .flowChartPopupWrap {opacity: 1;transition: 0.3s ease;} .flowChartWrap .flowChartItemWrap:nth-child(2) .flowChartPopupWrap { left: 28%; } .flowChartWrap .flowChartItemWrap:nth-child(3) .flowChartPopupWrap { left: 52%; } .flowChartWrap .flowChartItemWrap:nth-child(4) .flowChartPopupWrap { right: 0; } .flowChartPopup {} .flowChartPopup h4 { color: #fff; font-weight: 800; } .flowChartPopup p { color: #fff; font-style: italic; } @media (max-width: 959px) { .flowChartWrap .flowChartItemWrap .fourCol {width:100%; margin:0} .flowChartWrap { height: auto } .flowChartPopupWrap { opacity: 1; position: relative; top: 0; background: none; padding: 0; z-index: 9; margin:0 auto; width: 90%; text-align: center; } .flowChartWrap .flowChartItemWrap:nth-child(2) .flowChartPopupWrap { left: unset; } .flowChartWrap .flowChartItemWrap:nth-child(3) .flowChartPopupWrap { left: unset; } .flowChartWrap .flowChartItemWrap:nth-child(4) .flowChartPopupWrap { right: unset; } .flowChartPopup h4 { display: none; } } /* Meds Form */ .medFour, .medFive, .medSix, .medSeven, .medEight, .medNine, .medTen {display: none;} .medFour.show, .medFive.show, .medSix.show, .medSeven.show, .medEight.show, .medNine.show, .medTen.show {display: block;} .addMedOne.hide, .addMedTwo.hide, .addMedThree.hide, .addMedFour.hide, .addMedFive.hide, .addMedSix.hide, .addMedSeven.hide {display: none;} .addMedOne, .addMedTwo, .addMedThree, .addMedFour, .addMedFive, .addMedSix, .addMedSeven {cursor: pointer;}