nnounce/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* These includes are optional, but helpful. */ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { width: 100%; height: 100%; border: 0; } .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { padding-bottom: 2%; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider {margin: 0; padding: 0;} .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} /*****************************************/ /* Start your style declarations here */ /*****************************************/ /*.hs_submit .actions input=================================================================================*/ /*.frontline .hs_submit .actions input{ background-color:#FDA945; width:100%; box-shadow: 0 2px 0 3px #ce7500; } .frontline-versions .hs_email .input{ width:85%!important; margin-top: 6px; float: left; } .frontline-versions .hs_submit .actions{ width: 10%!important; float: right; }*/ /*.hs_submit .actions input=================================================================================*/ h1 { font-family: "din-boldregular"; color: #4b4b4b; font-size: 30px; margin-bottom: 10px; } .breadcrumbs{ padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb li a{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; color: #999!important; font-size:18px!important; } .breadcrumb li a:hover{ background:transparent!important; } .breadcrumb li:last-child a{ cursor:default; } .breadcrumb li.bcrumbs-item a{ color: #0088cc!important; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul.breadcrumb li a{ padding:0 10px 0 0!important; } .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image { width: 100%; } .margin-bot-50{ margin-bottom:50px; } .margin-bot-25{ margin-bottom:25px; } .clr { clear: both; } body { margin: 0; padding: 0px; } .top-header { background-color: #006eb9; } .header-padding { padding: 25px 0px; } .container2{ padding:0 100px; } .container3{ padding:0 50px; } .center { margin: 0px auto !important; float: none !important; text-align: center; } .center-button{ margin: 0px auto !important; display: inherit; } .space { padding: 80px 0px; } .space-2 { padding: 100px 0px; } .space-3 { padding: 50px 0px; } .space-4 { padding: 72px 0; } .space-5 { padding: 40px 0; } .space-footer { padding: 40px 0px; } .hth-icon{ vertical-align:middle; width:50px; } blockquote{ border-left: 3px solid #E86F12; padding: 20px 0px 20px 10px; font-family:"din-regular" !important; font-size: 18px; font-style: italic; } blockquote:before{ } blockquote:p{ font-family: "din-regular" !important; font-size: 18px; font-style: italic; padding-left: 10px; } /* BUTTONS */ .btn-donate { border: 1px solid #986229; border-radius: 5px; background: #ffbd20; /* Old browsers */ background: -moz-linear-gradient(top, #ffbd20 0%, #f5ad00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbd20), color-stop(100%,#f5ad00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffbd20 0%,#f5ad00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffbd20 0%,#f5ad00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffbd20 0%,#f5ad00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffbd20 0%,#f5ad00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd20', endColorstr='#f5ad00',GradientType=0 ); /* IE6-9 */ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.46); -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.46); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.46); -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.46); padding: 1px 15px; } .donate { color: #7c5906; font-size: 30px; font-family: 'Oswald-Bold'; margin: 0px; text-shadow: 0 0 0 rgba(0,0,0,1); } .btn-donate:hover { background: transparent linear-gradient(to bottom, #FCA94C 0%, #FFA200 100%) repeat scroll 0% 0%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .mh-branding-btn a{ background: #006eb9!important; border: #005c9b!important; } .btn-learn-more { background-color: #006eb9; border-radius: 5px; border: 1px solid #006eb9; padding: 10px 40px; transition: all 0.5s ease 0s; } .btn-learn-more:hover { background-color: #085589; } .learn-more { font-family: "din-boldregular"; color: #fff; font-size: 18px; margin: 0px; } .mh-logo-top img{ max-width:433px; } .1st-tier-text{ padding-top:40px!important; } .padding-mobile-form{ padding:40px 0; } .btn-read-more { background-color: #ffaa4e; border-radius: 5px; border: 1px solid #ffaa4e; padding: 10px 17px; transition: all 0.5s ease 0s; text-decoration:none; font-family: 'din-boldregular'; } .btn-read-more:hover { background-color: #e97e0b; } .read-more { font-family: "din-boldregular"; font-family: "din-boldregular"; color: #fff; font-size: 16px; margin: 0px; } .btn-subscribe { background-color: #ffaa4e; border-radius: 5px; border: 1px solid #ffaa4e; padding: 10px 0px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .btn-subscribe:hover{ background-color: #e97e0b; } .btn-log-in { background-color: #ffaa4e; border-radius: 5px; border: 1px solid #ffaa4e; padding: 6px 10px; transition: all 0.5s ease 0s; } .btn-log-in:hover { background-color: #e97e0b; } .log-in { font-family: "din-boldregular"; font-family: "din-boldregular"; color: #fff; font-size: 14px; margin: 0px; } .modal.fade.in { top: 30%; } .modal { top: 10%; left: 47% !important; width: 650px !important; margin-left: -280px; background-color: #FFF; border-radius: 0px !important; } /*Inline text Styling*/ a.inlineBtn { color:#3574E3 !important; background: white !important; font-style: italic; font-size: 18px; line-height: 24px; text-align: center; font-weight:bold !important; text-decoration:none; padding-right: 12px; padding-left: 12px; text-align: center !important; } a.inlineBtn:hover { color: #719deb !important; } /* NAV */ .nav-color{ background-color: #005c9b !important; } ul.nav, .navbar-inverse .brand, .navbar-inverse .nav > li > a { font-family: 'TradeGothicLTCom-Bold'; color: #fff; font-size: 22px; } .navbar .nav { display: inline-block; left: 0px; position: relative; margin: 0px auto; float: none; } .navbar-inverse .navbar-inner { background-color: #005c9b !important; background-image: none; text-align: center; border: 0px; box-shadow: none; } .navbar { margin-bottom: 0px; text-align:center; } .front-line-blue-btn .hs_submit input.hs-button.primary.large{ padding: 11px 18px !important; } .navbar .nav > li > a { padding: 19px 50px; } /* BANNER */ #magazine-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/magazine-bg.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed!important; } #blog-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/blog-bg.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #mass-card-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/contact-us-banner.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: absolute; } #banner-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/new-bg.jpg'); /*background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/banner-bg.gif');*/ height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #content-footer { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/blog-bg-1.png'); height: 230px; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #where-we-work-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/where-we-work-content.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #sponsor-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/Sponsor-bg-1.jpg'); height: 268px; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #blog-banner { background-image: url("//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/BlogImage3.jpg?t=1440535397355"); height: auto; margin: 0px auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 23% !important; } #where-we-work-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/where-we-work-bg-banner.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #via-lucis-banner { background-image: url('https://www.missionhurst.org/hubfs/Via%20Lucis/Via%20Lucis%20Masthead-668578-edited-821898-edited.jpg'); height: 20em; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; /*background-attachment: fixed;*/ } #guatemala-novena-banner { background-image: url('https://www.missionhurst.org/hubfs/Guatemala-Novena/Guatemala-Novena-LP-Banner-1.jpg'); height: 20em; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; /*background-attachment: fixed;*/ } #philippines-children { background-image: url('https://www.missionhurst.org/hubfs/image_banners/state-of-children-in-the-philippines.jpg'); height: 20em; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; } #zambia-children { background-image: url('https://www.missionhurst.org/hubfs/image_banners/The%20State%20of%20Children%20in%20Zambia-024726-edited.jpg'); height: 20em; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; } #what-we-do-banner-original { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/what-we-do-banner-2.png'); min-height: 100% !important; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } #what-we-do-banner-original-CICM { background-image: url('https://500524.fs1.hubspotusercontent-na1.net/hubfs/500524/page6-1-476567-edited.jpg'); min-height: 100% !important; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } #what-we-do-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/what-we-do-banner-2.png'); min-height: 100% !important; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } #video-subscription-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/what-we-do-banner-2.png'); min-height: 100% !important; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } #guat-video-subscription-banner { background-image: url('https://www.missionhurst.org/hubfs/DSC_6044.jpg'); min-height: 100% !important; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; } #pastoral { /*background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/Blog_Post_Images/Giving_Hope_to_Abandoned_Women_in_Mexico1.jpg');*/ height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #pastoral_ { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/Blog_Post_Images/Giving_Hope_to_Abandoned_Women_in_Mexico1.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #education_ { background-image: url('https://www.missionhurst.org/hubfs/state%20of%20the%20ph%20images/education-1.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #development_ { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/Blog_Post_Images/Missioning_in_Post_Earthquake_Japan_3.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #relief { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/iStock_000033036158Medium1-980x500.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #give { /*background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/page25.jpg');*/ height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #give-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/page25.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #social_media{ background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/Social_Media_Resources/page8.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #sponsor_ { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/washinghands.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: contain; background-repeat: no-repeat; background-attachment: fixed; } #advocate_ { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/IMG_3630.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #pray { /*background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/An_Orphanage_in_Zambia_and_Young_Dalisos_Story.jpg');*/ height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #pray-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/An_Orphanage_in_Zambia_and_Young_Dalisos_Story.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #our-story-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/our-story-banner.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #contact-us-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/contact-us-banner.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #how-to-help-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/how-to-help.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #mission-locations-banner { background-image: url('//www.missionhurst.org/hubfs/_LP_placeholder_images/cover.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #featured-missionaries-banner { background-image: url('//www.missionhurst.org/hubfs/Devotional_LP/zambia-v2.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #sponsorship-banner{ background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/how-to-help.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed ; } #infinite-banner { height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .overlay { /* background: rgba(0, 0, 0, 0.40) none repeat scroll 0% 0%!important; */ height: 100%; width: 100%; position: absolute; } .content { color: #FFF; text-align: center; position: relative; /* top: 50%; transform: translateY(-50%);*/ } .content-2 { color: #FFF; text-align: center; position: relative; top: 50%; } .text-banner-head { margin: 0px; text-align: center; font-family: "din-boldregular"; color: #FFF; font-size: 35px; line-height: 34px; } .text-banner-desc { margin: 0px; text-align: center; font-family: "din-lightregular"; color: #FFF; font-size: 25px; line-height: 34px; } p.page-caption { font-family: "din-lightregular"; color: #FFF; font-size: 21px; margin: 0px auto; max-width: 1000px; line-height: 27px; } .egregio-font{ font-family: "egregio_script_demoregular"; font-size:19px; } .page-caption-position { margin: 0 auto; float: none !important; display: inline-block !important; } /**********/ p.content-title { font-family: "din-boldregular"; color: #4b4b4b; font-size: 30px; margin-bottom: 10px; } p.content-sub-title { font-family: 'din-mediumregular'; color: #4b4b4b; font-size: 19px; margin: 0px; margin-top: 24px; } p.content-sub-title a{ color: #4b4b4b; text-decoration:none; } .glass { background-color: rgba(255,255,255,0.25); -webkit-filter: blur(5px); -moz-filter: blur(5px); -ms-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); z-index: 12; height: 22%; width: 100%; position: absolute; margin: -55px 0 0 0; overflow: hidden; } .blog-img-blurred{ background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/BlogImage3.jpg?t=1440477444539'); -webkit-filter: blur(10px); -moz-filter: blur(10px); -ms-filter: blur(10px); -o-filter: blur(10px); filter: blur(10px); z-index: 1; height: 22%; width: 100%; position: absolute; margin: -55px 0 0 0; background-position: 50% 45%!important; background-size: cover; background-repeat: no-repeat; overflow: hidden; } @media(max-width:1280px){ .blog-img-blurred{ background-position: 50% 51%!important; } } .frost-blur-inside-text{ position:relative; z-index: 123; } .blog-container { background-color: #fff; border-top: 5px solid #005c9b; /*padding-bottom: 40px; */ } .blog-title { font-family: "marketing_scriptregular"; color: #4b4b4b; font-size: 22px; margin: 0px; text-align: center; padding: 25px 15px; } .blog-content { font-family: 'din-regularregular'; color: #4b4b4b; font-size: 19px; margin: 0px; text-align: center; padding: 45px 25px; } .four-title { font-size: 25px; font-family: "din-boldregular"; color: #4b4b4b; margin-top: 47px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.19); text-align: center; } .four-title a{ text-decoration: none; color: #006EB9; } .four-content { font-family: 'din-regularregular'; color: #4b4b4b; font-size: 19px; margin: 0px; text-align: center; } .loading{ position: fixed; height: 100px; width: 100px; background-color: white; right: 0; left: 0; margin: auto; top: 0; bottom: 0; z-index: 99999; text-align:center; } .footer-text { font-size: 15px; font-family: "din-boldregular"; color: #fff; } .footer-text-light { font-size: 15px; font-family: "din-lightregular"; color: #fff; } ul.footer-social li { float:left; list-style-type: none; padding-right: 7px; } ul.footer-social { margin: 0px 0px 0px -40px; } input, textarea, .uneditable-input { width: 142px /*!important;*/ font-family: "din-lightregular"; } h2.map-title { font-family: 'din-boldregular'; color: #1178bd; font-size: 30px; } h2.img-title { font-family: 'din-regularregular'; color: #1178bd; font-size: 30px; text-align: right; text-decoration: underline; } .modal-body { padding: 40px; } p.map-content { font-family: "din-regularregular"; color: #4B4B4B; font-size: 17px; margin: 0px; } .close-btn { color:#fff; padding:3px; background:#1178BD; position:absolute; top: -24px; right: 0px; line-height: 0; padding: 2px 8px; } .border { height:15px; background:#1178BD; width:100%; position:relative; } /* NAVIGATION */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { font-family: 'TradeGothicLTCom-Bold'; color: #fff; font-size: 20px; text-overflow: clip!important; padding: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover { background: #006eb9; } .nav-color{ max-height: 65px; } #image-map{ width: 100%; height: 644px; margin-bottom: 10px; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding:20px 60px 20px 20px!important } li.hs-menu-item.hs-menu-depth-1:nth-child(4) .hs-menu-children-wrapper li.hs-menu-item a{ padding: 20px 143px 20px 20px!important; } input{ /*-webkit-appearance: none!important;*/ } /* MEDIA QUERIES*/ @media (max-width: 700px){ .content-image-hover{ margin:0 auto 25px auto; } .lp-circular-image{ margin-bottom:25px!important; } } @media (max-width: 769px){ .content-image-hover-wrapper .content-image-hover{ width:240px!important; } .lp-circular-image-wrapper .lp-circular-image { width:225px!important; height:225px!important; } } @media( max-width: 1024px){ #magazine-bg{ background-size:cover!important; background-attachment: initial!important; background-position:center 20%!important; } .content-image-hover-wrapper .content-image-hover { margin: auto; } .donate a{ margin-left: -65px; } .social-icons { margin: -30px 25px 0 0!important; } input.hs-input{ font-size:17px; } } @media (max-width: 767px) { .margin-bottom { margin-bottom: 40px !important; } .margin-bottom-button { margin-bottom: 15px !important; } .media-767 { text-align: center; } .media-margin-top { margin-top: 15px; } .margin-social { margin-bottom: 80px !important; } .container-padding { padding: 0px 30px !important; } .container-padding2 { padding: 0px 15px !important; } p.content-sub-title { text-align: center; } .hidden-xs { display:none !important; } p.content-title { line-height: 34px; } .donate { font-size: 22px; } .modal.fade { top: -500px !important; } .modal.fade.in { top: 10px !important; } #content-footer { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/blog-bg-1.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #content-footer-2 { background-color:rgba(255,255,255,0.6) height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } } @media (max-width: 980px) { .donate { font-size: 21px; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #FFFFFF; } .navbar .nav > li > a { padding: 16px 45px; } .modal.fade { top: -500px !important; } .modal.fade.in { top: 10px !important; } .container-padding { padding: 0px 30px !important; } .container-padding2 { padding: 0px 15px !important; } } @media (min-width: 770px){ .img-center{ text-align:center; } .login-top { margin-top: 10px; } } @media (max-width: 477px) and (min-width: 405px){ .login-top { margin-top: 10px; } } @media (max-width: 404px){ input{ margin-bottom: 10px; } } @media (max-width: 800px){ .full-width-tablet{ width:100%!important; } } @media (min-width: 768px) and (max-width: 991px) { ul.nav, .navbar-inverse .brand, .navbar-inverse .nav > li > a { font-size: 17px; } /* .content { top: 30%; transform: translateY(-40%); z-index: 9999; position: relative; }*/ .hidden-sm { display:none !important; } .visible-sm { display:block; } .hidden-768 { display: none; } .visible-768 { display: block; } } @media (min-width: 992px) and (max-width: 1199px) { ul.nav, .navbar-inverse .brand, .navbar-inverse .nav > li > a { font-size: 17px; } /* .content { top: 30%; transform: translateY(-40%); z-index: 9999; position: relative; }*/ .hidden-md { display:none !important; } .hidden-lg { display: none !important; } .container-padding { padding: 0px 30px !important; } .container-padding2 { padding: 0px 15px !important; } } @media (min-width: 1800px) { .container3{ width:1500px!important; margin:auto!important; float: none!important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } .hidden-md { display: none !important; } .container{ width:940px!important; margin:auto!important; float: none!important; } .container3{ /*width:100%!important;*/ margin:auto!important; float: none!important; } .span4.blog-container.margin-bottom{ min-height:549px; } } .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper { display: inline-block; width: 100%!important; /* margin: 20px 0!important;*/ height:200px; overflow:hidden; } .hs-rss-item-text { width:100%!important; } .hs-rss-item{ text-align:center; margin-bottom: 0px; width: 30%; display: inline-block; } @media(max-width: 767px){ .hs-rss-item{ width: 100%; } } .hs-rss-title{ font-family: 'din-boldregular'; color: #4b4b4b; font-size: 22px; margin: 0px; text-align: center; text-decoration: none; } .rss-title-height{ padding: 25px 15px 5px; min-height: 66px; } .hs-rss-module{ display: flex; justify-content: space-around; flex-wrap: wrap; } .hs-rss-description p { font-family: 'din-regularregular'; color: #4b4b4b; font-size: 19px; margin: 0px; text-align: center; padding: 20px 25px; } .hs-rss-item-text.span12{ margin-left:0px; } .hs-rss-byline{ font-family:"din-lightregular"; } .hs-rss-description a:hover { background-color: #e97e0b; } .blog-subscribe .hs-button .primary .large input:hover{ background-color: #e97e0b; } .hs-rss-description a { background-color: #ffaa4e; border-radius: 5px; border: 1px solid #ffaa4e; padding: 10px 17px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; display:block; } .hs-rss-description a { font-family: 'din-boldregular'; font-family: 'din-boldregular'; color: #fff; font-size: 16px; margin: 0px; text-decoration: none; } .hs-rss-item.hs-with-featured-image .hs-rss-item-text { padding-right: 0px; } .text-center{ text-align:center; } .margin-60 { margin-top: 60px; } #magazine-bg .span12.widget-span.widget-type-cell { margin-left:0!important; } #content-footer .span12.widget-span.widget-type-cell { margin-left:0!important; } #where-we-work-bg .span12.widget-span.widget-type-cell { margin-left:0!important; } #sponsor-bg .span12.widget-span.widget-type-cell { margin-left:0!important; } .alert-success{ background-color: #dff0d8; color: #468847!important; padding: 10px; } .float-circle { width: 70px; height: 70px; background-color: rgb(0, 92, 155); margin: 0 auto; position: relative; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; -o-border-radius: 90px; z-index:1; float:left; margin-bottom: 15px; } .float-circle:hover { background-color: #3599DE; width: 70px; height: 70px; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; -o-border-radius: 90px; position: relative; z-index:1; } .float-circle p.float { font-family: "din-mediumregular"; font-size: 12px; color: #FFF; position: absolute; margin-top: 26px; margin-left: 22px; z-index:1; } .float-circle p.float2 { font-family: "din-mediumregular"; font-size: 12px; color: #FFF; position: absolute; margin-top: 26px; margin-left: 9px; z-index:1; } .float-circle p.float3, .float-circle p.float4 { font-family: "din-mediumregular"; font-size: 12px; color: #FFF; position: absolute; margin-top: 26px; margin-left: 6px; z-index:1; } .float-circle p.float4 { margin-left: 6px; } .border-text { border: 1px solid white; width: 10px; top: 45px; left: 30px; position: absolute; } .gap-right { margin-right: 15px; } figcaption{ font-family: 'din-regularregular'; color: #4b4b4b; font-size: 13px; margin: 12px 0 0 0; } /* FLOATING BUTTONS */ header { position:absolute; top:25%; right:20px; } .smaller { display: block !important; } .floater-initial-position{ top: 1000px!important; } .floater-initial-position-inside-page{ top: 300px!important; } .floater-scrolling{ position:fixed!important; top:25%!important; } .content-text { font-family: 'din-regularregular'; color: #4b4b4b; font-size: 18px; margin: 0px; line-height: 25px; } p.content-inside-title , div.content-inside-title span{ font-family: 'din-mediumregular'; color: #4b4b4b; font-size: 30px; margin-bottom: 10px; margin-top: 0px; } .border-bottom { border-bottom: 1px solid #D4D4D4; } .gap-right { margin-right: 15px; } .pull-left { float: left; } .gap-left { margin-left: 15px; } .pull-right { float: right; } .map-circle { width: 67px; height: 67px; background-color: rgb(0, 92, 155); margin: 0 auto; transition: .5s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; position: relative; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; -o-border-radius: 90px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .map-circle:hover { background-color: #3599DE; } .map-circle img.map-img { width: 24px; height: 33px; margin-top: 16px; } .map-circle img.blog-img { width: 41px; height: 26px; margin-top: 20px; } .text-left { text-align: left; } .content-none { color: #FFF; text-align: center; position: relative; } .offset2 { margin-left: 17.094017094017094%!important; } ul.mission-location li{ font-family: 'din-boldregular'; color: #81A7C1; font-size: 17px; margin: 0; list-style: none; padding: 10px 0; cursor:pointer; } ul.mission-location li.active{ color: #006eb9; } hr.dotted { border: 0; border-bottom: 1px dotted #ccc; background: #999; } .contact-add li{ font-family: 'din-regularregular'; color: #4b4b4b; font-size: 19px; margin: 0; list-style:none; } .din-bold{ text-align:center; font-family: 'din-boldregular'; } @media(max-width:640px){ #blog-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/blog-bg.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #magazine-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/magazine-bg.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: 0% -120%; } #blog-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/blog-bg.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #content-footer { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/blog-bg-1.png'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #where-we-work-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/WhereWeWork-section-img.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } #sponsor-bg { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/Sponsor-bg-1.jpg'); height: auto; margin: 0 auto; width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; } .container{ width:100%!important; margin:auto!important; float: none!important; } .container3{ width:100%!important; margin:auto!important; float: none!important; } .img-center{ text-align:center; } .give-amounts li{ padding: 15px 0px !important; width: 100%; text-align: center; margin-bottom: 3px; border-radius: 5px !important; } .footer-social li{ width:100%; } .footer-social li input{ width:100%!important; } .floater-initial-position.smaller.floater-scrolling , .floater-initial-position-inside-page.floater-scrolling.smaller{ background-color: rgba(0,0,0,0.8); top: 0!important; right: 0; left: 0; } .floater-initial-position.smaller.floater-scrolling br, .floater-initial-position-inside-page.floater-scrolling.smaller br{ display:none; } .floater-initial-position.smaller.floater-scrolling .float-circle, .floater-initial-position-inside-page.floater-scrolling.smaller .float-circle{ background-color: transparent; /* width: 75px!important; */ } .breadcrumb li a, .breadcrumb li{ display:inline!important; } .m-center{ width: 100%; margin: 0!important; } .floater-initial-position-inside-page{ display:none; text-align: center; } .floater-initial-position-inside-page.floater-scrolling { display:none; } .smaller.floater-initial-position-inside-page { display:none!important; } .floater-initial-position-inside-page.floater-scrolling.smaller{ display:block!important; } .floater-initial-position-inside-page a{ width: 25%; text-decoration:none; } .float-circle p.float ,.float-circle p.float2, .float-circle p.float3{ font-family: "din-mediumregular"; font-size: 12px; color: #FFF; z-index: 1; margin: 26px auto; position: relative; } .floater-initial-position-inside-page .border-text{ position: static; margin: -20px auto; top: 0; left: 0; } .blog-subscribe.subscribe-home{ padding-left:0!important; } } /* added by juni */ figure { margin-left: 0px !important; margin-top: 0px !important; } ul.mission-location { padding-left: 0px; } ul.contact-add { padding-left:0px; } .footer-text-2 { font-size: 17px; font-family: "din-boldregular"; color: #404040; } .space-top { margin-top:80px; } /* MAP */ #map { position:absolute; top:0; bottom:0; width:100%; } .modal-body h2 { font-family: "din-boldregular"; color: #1178BD; font-size: 30px; text-transform:uppercase; } .modal-body p { font-family: "din-regularregular"; color: #4B4B4B; font-size: 17px; margin: 0px; } button.close { position: absolute; top: -45px; right: 0px; background: #1178BD none repeat scroll 0% 0% !important; color: #ccc; line-height: 0; opacity: 1; text-shadow: none; padding: 15px 10px !important; font-size: 28px; } button.close:hover { color: #FFF; opacity:1; } .modal-content { position: relative; border-top: 15px solid #1178BD; } #image-map { width: 100%; height: 644px; margin-bottom: 10px; } .leaflet-bottom { display:none; } .btn-read-more { color:#fff; background-color: #ffaa4e; border-radius: 5px; border: 1px solid #ffaa4e; padding: 10px 17px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .btn-read-more:hover { background-color: #e97e0b; text-decoration:none; color:#fff; } .clr {clear:both;} .modal.fade { top:-50%; } .span12 { margin-left: 0px; } .content-nav li{ font-family: 'din-boldregular'; list-style: none; float: left; padding: 0 50px 0 0; font-size: 20px; /*Was originally 15px!*/ color:#949494; } .content-nav li a{ color:#949494; text-decoration: none; } .content-nav li.active { color:#006eb9; } .content-nav li .fa{ font-weight: 900; } .give-amounts li{ /* float: left; */ text-align:center; width:170px; margin:10px; border-radius:5px; padding: 14px 24px; list-style: outside none none; font-family: "din-mediumregular"; background: #006EB9 none repeat scroll 0% 0%; color: #FFF; font-size: 19px; border-right: 1px solid #FFF; } .give-amounts li:hover{ background:#089201; cursor:pointer; } .give-amounts li.active{ background:#089201; } .give-amounts { -webkit-padding-start: 0; padding: 0px; } /* this is rule is used for horizontal layout .give-amounts li:first-child{ border-radius: 5px 0 0 5px; } .give-amounts li:last-child{ border-radius:0 5px 5px 0; } */ .secure-checkout{ font-family: 'din-boldregular'; } .hs_email .input{ margin-left:0!important; } .hs_submit .actions{ padding:10px!important; } .learn-more.btn-subscribe a{ text-decoration: none; color: white; } .hs_submit .actions input{ padding: 10px 5px!important; background-color: rgb(233,126,11) !important; border-radius: 5px; border: 1px solid rgb(233,126,11) !important; -webkit-transition: 1s ease; -moz-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; background-image:none!important; font-family: 'din-boldregular'; font-size: 16px!important; color:#fff; cursor:pointer !important; } .hs_submit .actions input:hover{ background-color: #ff8a0c !important; } .hs-error-msgs li label{ color:red; position: absolute; } .img-fixed-container{ width: 300px; height: 300px; text-align: center; overflow: hidden; float: right; } .img-overflow{ position: relative; left: 5px; } .donate a { text-decoration: none; /*color: #7c5906;*/ font-size: 18px; font-family: 'din-boldregular'; color: white; padding: 10px 40px; } .mission-location-readmore a{ color: #ffaa4e; font-style: italic; font-family: 'din-boldregular'; text-decoration: none; } .hs-menu-flow-horizontal ul li.active a{ background:#006eb9; } .content-text a{ color:#006eb9; text-decoration:none; } /*FINANCES PAGE*/ th.thead1 { border-bottom: 1px solid #D64A06; color: #D64A06; font-family: 'din-boldregular'; } .stewardT th { padding-top: 10px; font-family: 'din-mediumregular'; } td { font-family: 'din-regularregular'; border-bottom: 1px solid #E7E7E7; padding: 3px; } .footer-text a{ color:white; } .add-info .hs-form-field{ padding:15px 0; } /*Form Styling*/ /*h3.form-title{ font-family: "din-regularregular"; font-size: 26px; letter-spacing: 1px; font-weight:500; letter-spacing:1px; line-height:26.4px; background-color: #e6e6e6; border-top: 20px solid #00497B; padding-left:10px; } .hs-form-field { font-family: "din-regularregular"; margin-bottom: 10px; background-color: #e6e6e6; padding-left: 10px; padding-right: 10px; } .hs_submit { background-color: #e6e6e6; } .hs-form{ background-color: #e6e6e6; } } */ .magazine-form{ background-color: #fbfbfb !important; border: 1px solid #ebebeb !important; padding: 30px !important; border-radius: 10px !important; } .form{ font-family: "din-regularregular"; /*padding: 30px !important;*/ background-color: #e6e6e6; /*margin-top:10px;*/ border-top: 20px solid #00497B; font-size:16px !important; letter-spacing:1px !imporant; line-height: 1.5em !important; } @media (max-width: 640px){ .form .hs-input{ width: 250px!important; } } .magazine-form-spacing { padding: 0vh 6vh 0vh 6vh !important; } /*Mass Card Landing page*/ .mass-card-banner-image { z-index: -1; } .mass-card-banner-text { text-align: center; } .mass-card input, .mass-card textarea{ width:100%!important; } .mass-card .hs_submit input{ max-width: 250px!important; color: white; } .mass-card ul li{ list-style:none; } .mass-card ul li input{ width: auto!important; } .mass-card fieldset{ padding: 10px 0px!important; } .mass-card ul.hs-error-msgs { padding:0!important; margin:0; } .mass-card ul.hs-error-msgs li label{ width: 150px; position:static; } .mass-card .hs-form-required{ color:red; } .mass-card{ font-family: "din-regularregular"; } /*generic form style*/ .widget-type-form input, .widget-type-form textarea{ width:100%!important; } .widget-type-form .hs_submit input{ max-width: 250px!important; color: white; } .widget-type-form ul li{ list-style:none; } .widget-type-form ul li input{ width: auto!important; } .widget-type-form fieldset{ padding: 10px 0px!important; } .widget-type-form ul.hs-error-msgs { padding:0!important; margin:0; } .widget-type-form ul.hs-error-msgs li label{ width: 150px; position:static; } .widget-type-form .hs-form-required{ color:red; } .widget-type-form{ font-family: "din-regularregular"; border-top: 20px solid #00497B; background-color: #e6e6e6; } .widget-type-form form{ padding: 5px 15px 15px 0px; } .fa-icon-margin .fa{ margin: 3px 10px 0 -27px; } .fa-icon-margin{ padding-left: 55px; } .social-icons{ position: absolute; right: 0; margin: -10px 25px 0px 0; font-size: 30px; color: white; } .social-icons-footer{ position: absolute; right: 0; margin: -160px 25px 0 0; font-size: 30px; color: white; } .social-icons a, .social-icons-footer a{ color:white; } /* BLOG */ .blog-top-text{ text-align: center; font-family: 'din-boldregular'; color: white; font-size: 35px; font-weight:bold; padding: 100px 0px; } .blog-top-text-1{ text-align: center; font-family: 'din-boldregular'; color: white; font-size: 60px; font-weight:bold; /* padding: 20px 0px;*/ margin-top:15vh; } @media(max-width:435px){ margin-top:10px; } .blog-top-text-header{ font-family: 'din-boldregular'; font-size: 40px; font-weight:bold; } .about-blog{ background:#006eb9; font-family: "din-regularregular"; color:white; text-align:center; padding: 30px 20px 10px; } .about-blog h3{ font-family: "din-boldregular"; color:white; } .blog-top-text-sub{ text-align: center; font-family: 'din-regularregular'; color: white; font-size: 23px; font-weight: 100; } .blog-top-text-sub2{ text-align: center; font-family: 'din-regularregular'; color: white; font-size: 25px; font-weight: 100; } .blog-text-below-banner{ text-align: center; font-family: "din-regularregular"; line-height: 18px; } .blog-text-overflow{ margin-top: 285px; padding: 20px; background-color: rgba(0,0,0,0.5); } .post-header h2 a{ font-family: "din-boldregular"; text-decoration: none; color: #006EB9; } .post-body li{ font-family: "din-regularregular"; size: 16px; } .blog-section p, .blog-section a, .post-header{ font-family: "din-regularregular"; } .blog-section h2{ font-size: 24px; font-family:"din-boldregular"; color: #006EB9; } .blog-section h3{ font-size: 20px; font-family: "din-regularregular"; color: #FF8A0C; } .hs-featured-image { max-width: 100%; } a.learn-more.btn-learn-more{ font-family: "din-boldregular"; text-decoration: none; } .blog-pagination a{ font-family: "din-boldregular"; color: #006EB9; text-decoration: none; } .blog-subscribe, .blog-listing, .blog-topic{ font-family: "din-regularregular"; } .blog-subscribe h3, .blog-listing h3, .blog-topic h3{ font-family: "din-boldregular"; } .blog-subscribe .input{ padding:10px 0; } .blog-subscribe .inputs-list { list-style:none; } .blog-subscribe .inputs-list li input{ width: auto!important; } .blog-subscribe .hs_blog_default_hubspot_blog_subscription{ padding:10px 0; } .blog-subscribe .hs-button{ color:white; } .blog-subscribe .hs_email .hs-input{ width: 100%!important; } .blog-subscribe h3{ text-align:center; } .blog-subscribe .hs-form-required{ display:none; } .blog-subscribe .hs-error-msgs li label{ position:relative; } .blog-border{ border: solid 1px #D2D2D2; } .blog-border .cell-wrapper.layout-widget-wrapper{ padding:15px; } .blog-listing ul li a, .blog-topic ul li a{ color: black; text-decoration: none; } .blog-listing ul li a:hover{ color:#006eb9; } .blog-listing ul li , .blog-topic ul li{ padding: 5px 0; } .blog-subscribe.subscribe-home .hs-form-radio{ display:inline-block; margin-left:25px; } .blog-subscribe.subscribe-home .inputs-list.multi-container{ margin-top:0; } .blog-subscribe.subscribe-home .hs_blog_default_hubspot_blog_subscription{ display:none; } .blog-subscribe.subscribe-home form > div:nth-child(1){ width:25%; float:left } .blog-subscribe li.hs-form-radio{ width: 50%; display: inline; float: left; padding: 5px 0px; } .blog-subscribe ul.inputs-list{ margin: 0; } .blog-subscribe ul.hs-error-msgs{ padding: 5px 0px; } .blog-subscribe .input{ padding:5px 0; } .blog-subscribe.subscribe-home .hs_submit{ width:25%; float:left } .blog-subscribe.subscribe-home .hs_submit .actions input{ padding: 6px 5px!important; border-radius: 5px; margin-left: 10px; } .blog-subscribe.subscribe-home .hs-error-msgs{ width: 100%; white-space: nowrap; padding-left: 0; } .related-post-item { float: left; padding-right: 20px; max-width: 30%; } .related-title { padding-top: 15px; padding-bottom: 20px; } .related-title a { text-decoration: none; color: #006EB8; font-weight: bold; } .related-image { max-height: 120px; overflow: hidden; border: 2px solid #FA8614; } /*#hubspot-topic_data {*/ /* display: block;*/ /* float: left;*/ /*}*/ @media (max-width: 680px) { .related-post-item { float: none; padding-right: 0; max-width: 100%; width: 100%; } .related-image { max-height: 100%; } } .donate-background{ background:url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/Blog-donate-image.jpg') no-repeat center center; background-size: cover; height: 250px; } .donate-overflow { background: rgba(0,0,0,.5); float: left; width: 100%; position: relative; bottom: -185px; z-index: 1; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } .section.post-header h1 a{ text-decoration:none; color:#006eb9; } .google-search .gsc-search-button input{ width:13px!important; } .google-search .gsc-search-button input{ margin-left: 0; border-left: none; border-radius: 0 3px 3px 0; border-color: #B1B1B1; } .google-search .gsc-input{ padding:0!important; } .google-search td.gsc-search-button{ padding:0; } /*new*/ .btn-donate-blog { border: 1px solid #986229; border-radius: 5px; background: #ffbd20; /* Old browsers */ background: -moz-linear-gradient(top, #ffbd20 0%, #f5ad00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbd20), color-stop(100%,#f5ad00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffbd20 0%,#f5ad00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffbd20 0%,#f5ad00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffbd20 0%,#f5ad00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffbd20 0%,#f5ad00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd20', endColorstr='#f5ad00',GradientType=0 ); /* IE6-9 */ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.46); -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.46); -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.46); -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.46); padding: 1px 15px; } .donate-blog { color: #fff; font-size: 30px; font-family: 'Oswald-Bold'; margin: 0px; text-shadow: 0 0 0 rgba(0,0,0,1); } .btn-donate-blog:hover { background: transparent linear-gradient(to bottom, #FCA94C 0%, #FFA200 100%) repeat scroll 0% 0%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .donate-blog a { text-decoration: none; color: #fff; } .padding-section { padding: 80px 0px; } .hs-menu-children-wrapper {background-color:#005C9B;} .hs-menu-children-wrapper .hs-menu-depth-2 {text-align:left;} .hs-menu-children-wrapper {top:44px;} .hs-menu-children-wrapper > ul li a { width:245px; } p.content-inside-title-white { font-family: 'din-mediumregular'; color: #fff; font-size: 30px; margin-bottom: 10px; margin-top: 0px; } p.content-inside-title.blue ,div.content-inside-title.blue span{ color:#006EB9!important; } .hs-rss-description-tier a:hover { background-color: #00426F; } .hs-rss-description-tier a { background-color: #006EB9; border-radius: 5px; border: 1px solid #006EB9; padding: 15px 17px; max-width: 100% !important; display: block; text-align: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .hs-rss-description-tier a { font-family: 'din-boldregular'; font-family: 'din-boldregular'; color: #fff; font-size: 14px; margin: 0px; text-decoration: none; } .subscribe-to-sent .field.hs-form-field{ margin: 0 0 15px 0; } .subscribe-to-sent .actions{ padding-left:0!important; } .landing-page-banner img{ margin-top: -70px; } .landing-page-banner .cell-wrapper.layout-widget-wrapper{ height:300px; overflow:hidden; } .missionary-image-container{ border-radius:50%; overflow:hidden; margin:auto; height: 250px; width: 250px; background-size: cover!important; } .missionary-about-box{ padding:25px; background:#006EB9; color:white; font-family: "din-regularregular"; border-radius:5px; } .missionary-about-box h3{ font-family: "din-boldregular"; color: white; text-align:center; } .uppercase{ text-transform:uppercase; } .missionary-name{ padding:10px; border-radius:5px; } .missionary-name p{ color:black; font-weight: bolder; font-size: 25px; } .circular-pierre{ width: 200px; height: 200px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; background: url(//www.missionhurst.org/hubfs/August2015/Children_with_Pierre_1-933487-edited.jpg) no-repeat; } .circular-kevin{ width: 200px; height: 200px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; background: url(//www.missionhurst.org/hubfs/August2015/missionhurst_image_1-013245-edited.jpeg) no-repeat; } .circular-andrew{ width: 200px; height: 200px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; background: url(//www.missionhurst.org/hubfs/August2015/Fr._Andrew-870851-edited.jpg) no-repeat; } .circular-image-module{ width: 212px; margin: auto; } .circular-image{ width: 200px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 6px solid gainsboro; box-shadow: 0 0 4px; } .circular-image-desc{ text-align: center; padding: 25px 0; font-family: 'din-regularregular'; color: black; font-size: 19px; margin: 0; line-height: 25px; font-weight: bolder; } .circular-image-desc a{ text-decoration:none; color: black; } /*new lp jan 2016*/ .content-image-hover-wrapper .content-image-hover{ height:170px; width:300px; background-size:cover; background-position:center center; text-align:center; } .content-image-hover-wrapper a{ text-decoration:none; } .content-image-hover-wrapper .content-image-hover .dark-overlay{ background-color:rgba(0,0,0,0.5); height:100%; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .content-image-hover-wrapper .content-image-hover .dark-overlay:hover{ background-color:rgba(0,0,0,0); opacity: 0.5s } .content-image-hover-wrapper .text-inside{ padding:50px 20px; } .content-image-hover-wrapper .text-inside .title-image{ font-family: 'din-mediumregular'; color: white; font-size: 25px; margin-bottom: 10px; margin-top: 0; text-transform:uppercase; margin:0; } .content-image-hover-wrapper .text-inside .sub-title-image{ font-family: 'din-regularregular'; color: white; font-size: 18px; margin: 10px 0; line-height: 25px; } .lp-circular-image-wrapper .lp-circular-image{ height:250px; width:250px; border-radius:50%; overflow:hidden; background-size:cover; background-position:center center; text-align:center; margin: auto; } .lp-circular-image-wrapper .circular-image-overlay{ background-color:rgba(0,0,0,0.5); height:100%; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .lp-circular-image-wrapper .circular-image-overlay:hover{ background-color:rgba(0,0,0,0); opacity: 0.5s } .lp-circular-image-wrapper a{ text-decoration:none; } .lp-circular-image-wrapper .image-text{ padding:90px 0; } .lp-circular-image-wrapper .image-text .large-text{ font-family: 'din-mediumregular'; color: white; font-size: 25px; margin-bottom: 10px; margin-top: 0; text-transform:uppercase; margin:0; } .lp-circular-image-wrapper .image-text .small-text{ font-family: 'din-regularregular'; color: white; font-size: 15px; margin: 10px 0; line-height: 25px; text-transform:uppercase; } #lp-wwd-tier3-bg{ } .front-line-cta{ text-align: center; background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/what-we-do-banner-2.png?t=1471457287779'); background-size: cover; background-position: center center; border-radius: 5px; position:relative; } .bg-front-line-overlay{ width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.5); border-radius: 5px; } .text-FRONT{ padding:50px 0; color:#fea62d; font-size:35px; font-family: 'din-boldregular'; position:relative; z-index:99; margin-left: -20px; text-decoration:none; } .front-line-cta a{ text-decoration:none; transition:all 1s ease; } .front-line-cta:hover{ box-shadow: 0px 0px 30px #e97e0b; transition:all .5s ease; } .text-LINES{ color:white; margin-right: -78px; } .f-sub-title{ color: white; font-size: 14px; font-family: "din-lightregular"; width: 75%; display: block; padding: 10px 50px; } /*Setting the blog width*/ @media (min-width: 768px){ .blog-section{ width: 450px; /* margin-left: -50px; */ } } /*Form Spacing For LP's*/ #hs_form_target_module_14399122930276740{ padding-left: 20px; } #hs_cos_wrapper_module_14399122930276740_title{ padding-left:20px; } .hs-button.primary.large{ margin-left:-10px ; } /*Button Styling*/ a.orangeBtn{ background-color: #ffaa4e; border-radius: 5px; border: 1px solid #ffaa4e; padding: 10px 17px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; font-family: 'din-regularregular'; color: #fff; font-size: 17px; margin: 0px; text-align: center; text-decoration: none; font-weight: bold; } a.orangeBtn:hover { background-color: #e97e0b; } .devotional-banner { border-top: 8px solid #005c9b; background-size: cover; margin-top: 60px; } .devotional-container { text-align: center; background-color: rgba(0, 0, 0, 0.15); } .country-name { font-family: 'din-boldregular'; font-size: 45px; color: #fff; margin:0; text-transform: uppercase; text-shadow: 0px 1px 2px #000; } .hr-style-dev { border: 1px solid white; width: 30%; margin: 0 auto; text-align: center; } .country-date { font-family: 'din-boldregular'; font-size: 25px; color: #fff; margin: 0; letter-spacing: 2px; margin-top: 10px; text-shadow: 0px 1px 2px #000; } .devotional-bg { background-color: #ebf7ff; } .bottom-content-bg { background-color: #006eb9; padding: 40px; } .bottom-content-title { font-family: 'din-boldregular'; font-size: 30px; color: #fff; margin-bottom:8px; } .bottom-content-desc { font-family: 'din-regularregular'; font-size: 16px; color: #fff; line-height:22px; } .padding-banner-dev { padding: 80px 0; } .clr { clear:both; } .content-black { color: #4b4b4b; } .content-blue { color: #006eb9; } .devotional-bg-padding { padding: 40px; } .page-bg { background-color: #005894; padding: 30px; } .banner-dev-margin { margin: 20px 0; } .footer-text-dev { font-family: 'din-mediumregular'; font-size: 12px; color: #4b4b4b; } .footer-dev { padding: 40px 0; } .days-style { border: 1px solid #986229 !important; border-radius: 5px !important; background: transparent linear-gradient(to bottom, #FFBD20 0px, #F5AD00 100%) repeat scroll 0% 0% !important; box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.46) inset !important; color: rgb(0,0,0,255) !important; font-family: 'Oswald-Bold' !important; font-size: 25px !important; padding: 5px 36px !important; font-weight: normal !important; transition: all 0.3s ease 0s !important; } .days-style:hover { background: transparent linear-gradient(to bottom, #FF940A 0px, #FF940A 100%) repeat scroll 0px 0px !important; transition: all 0.3s ease 0s !important; } .quote-container { text-align: center; } .quote-banner { margin: 20px 0; background-size:cover; } .quote-banner-dev { padding: 0 45px; height: 238px; } .quote-title { font-family: 'Zapfchan-medium'; font-size: 21px; color: #3e3e3e; } .quote-source { font-family: 'din-regularregular'; font-size: 11px; color: #3e3e3e; } .pull-right { float: right !important; } .banner-loc { position: relative; top: 15%; } .bottom-content-title p { margin: 0; } .dv-banner-wrapper .banner-text p{ margin: 0; text-align: center; font-family: "din-boldregular"; color: #FFF; font-size: 35px; line-height: 34px; padding:80px 0; } .dv-banner-wrapper .dv-overlay{ height:auto; background-color:rgba(0,0,0,0.5); } .dv-form h3{ color: #005C9B; } .dv-form .hs_submit input{ background-color: #005C9B!important; border: 1px solid #005C9B!important; } .dv-form .hs-form-field input{ width: 100%!important; } .dv-form .hs-form-field{ padding:10px 0; } .dv-form .hs-form-field label{ display:none; } .dv-banner .banner-quote p.dv-title{ text-align: center; font-family: 'din-regularregular'; color: white; font-size: 22px; font-weight: 100; } .dv-banner .banner-quote p.dv-author{ text-align: center; font-family: 'din-regularregular'; color: white; font-size: 14px; font-weight: 100; } .dv-banner .banner-quote{ padding: 100px 20px; } .bottom-form h3{ text-align: center; font-family: 'din-boldregular'; font-size: 30px; font-weight: bold; color:#005C9B; } .bottom-form .hs-form-field{ padding:10px 0; } .bottom-form .hs-form-field label{ display:none; } .bottom-form .hs_submit input{ background-color: #005C9B!important; border: 1px solid #005C9B!important; color:white!important; padding: 10px 50px!important; text-transform: uppercase; font-family: 'din-regularregular'; font-weight: bolder; } .bottom-form .hs_submit .actions { text-align: center; } .bottom-form{ padding:20px 0; } @media (min-width: 750px){ .where-we-work-cta{ display: none !important; } } @media (max-width: 1024px){ .padding-banner-dev{ padding: 154px 0; } .padding-banner-dev .span12{ margin-top: -35px; } .devotional-banner{ background-position: center center; } .devotional-day-4{ background-position: 0% center; } .donate{ } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .row-fluid .span6-ipad { width: 48% !important; } .days-style { padding: 5px 36px !important; font-size: 25px !important; } .row-fluid .footer-left { text-align: right !important; } .footer-dev { padding: 30px; } p.donate{ margin-left: -125px; } .social-icons{ margin: -25px 25px 0 0; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .footer-dev { padding: 30px; } .form-banner { height: 390px !important; } } @media (max-width: 768px) { .quote-banner-dev { height: 350px; } #hs_cos_wrapper_module_146001425992714720 { text-align: center; margin: 0 auto; margin-bottom: 30px; } .widget-type-linked_image { padding-bottom: 30px !important; /* text-align: center !important; */ margin: 0 auto !important; clear: both; } .footer-left { text-align: left !important; } .banner-sm { background-position: 0 0 !important; } .span6-sm { width: 50% !important; float: left !important; } .days-style { padding: 12px 21px !important; font-size: 18px !important; } .footer-dev { padding: 30px; } .banner-lp-v2 { padding: 100px 20px; width: auto !important; margin: 0 auto; } .form-banner { height: 390px !important; } .hidden-xs { display:none !important; } .bottom-form-width { width: 100% !important; margin: 0 !important; } .fa-icon-margin { padding-left: 24px; } } @media(max-width:736px){ .form-height{ width: 100%; margin-left: 0px!important; margin-top: 0px!important; height: 1550px!important; } .bcrumbs-responsive ul li{ width:100%; } #events{ padding: 0; } } @media (max-width: 568px) { .pope-sm { background-position: -560px 0 !important; } .form-banner { height: 496px !important; } .fa-icon-margin { padding-left: 29px; } } @media (max-width: 415px){ .devotional-banner{ background-position: center center; } .mh-logo-top img{ max-width:100%; } .padding-banner-dev{ padding: 70px 0 35px; } .devotional-day-4{ background-position: 0% center!important; } .front{ font-size:30px!important; margin-left: -30px; } .front-white{ font-size:30px!important; margin-right: -50px; } .hs_email input{ width: 80%!important; margin: 0!important; } #what-we-do-banner{ height:150vh!important; } #video-subscription-banner { height:80vh!important; } #what-we-do-banner .overlay{ height:150vh!important; } #video-subscription-banner .overlay{ height:100% important; } h1.pray-top-text { font-size: 35px!important; } .form-height { height: 1840px !important; overflow:scroll; } } @media (max-width: 715px){ .devotional-banner{ background-position: center center; } .padding-banner-dev{ padding: 80px 0 40px; } } #contentTableOuter1 { padding: 0 !important; } .banner-lp-v2 { padding: 100px 20px; width: 54%; margin: 0 auto; } .dv-banner-wrapper .banner-text-blue p { color: #006eb9 !important; padding: 30px 0 !important; border-bottom: 3px solid #d4d4d4; } .pray-form { padding-left: 15px; padding-right: 15px; } .medium-font { font-family: 'din-mediumregular' !important; font-size: 25px !important; } .pray-form .hs_submit input{ background-color: #ffaa4e!important; border: 1px solid #ffaa4e!important; } .pray-form .hs_submit input { /*width: 100% !important;*/ color: white; cursor: pointer; } h1.pray-top-text{ text-align: center; font-family: 'din-boldregular'; color: white; font-size: 55px; font-weight:bold; padding: 100px 0px; } @media (min-width: 320px){ .overlay { height: 100% !important; } .lines-style{ margin-top:25px!important; } } @media(max-width:320px){ #what-we-do-banner { height: 150vh!important; } } @media(max-width:425px){ #video-subscription-banner{ height: 150vh!important; } } @media (max-width: 750px){ #banner-bg{ background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/new-bg.jpg') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed ; background: #006EB9; } .home-page-map{ display: none !important; } p.donate{ padding-left: 60px; } .fa{ margin; 0px 0px 0px 0px !important; } #where-we-work-banner { background-image: url('//www.missionhurst.org/hubfs/where-we-work-mobile.png') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } #what-we-do-banner-original { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/what-we-do-banner-2.png') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed ; background: #006EB9; } #how-to-help-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/how-to-help.jpg') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } #our-story-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/images/our-story-banner.png') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } #relief { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/iStock_000033036158Medium1-980x500.jpg') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } #development_ { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/Blog_Post_Images/Missioning_in_Post_Earthquake_Japan_3.jpg') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } #education_ { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/Blog_Post_Images/Missionaries_Serve_Deaf_Children_in_Philippenes4.jpg') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } #pastoral_ { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/Blog_Post_Images/Giving_Hope_to_Abandoned_Women_in_Mexico1.jpg') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } #sponsor_ { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/Dispelling_gang_warfare_in_Congo.jpg') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } #pray-banner { background-image: url('//www.missionhurst.org/hubfs/Blog_Post_Images/An_Orphanage_in_Zambia_and_Young_Dalisos_Story.jpg') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } #give-banner { background-image: url('//500524.fs1.hubspotusercontent-na1.net/hubfs/500524/August2015/page25.jpg') !important; height: auto !important; margin: 0 auto !important; width: 100% !important; position: relative !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: fixed; background: #006EB9; } .section-banner{ width: auto !important; } } @media (max-width: 568px) and (orientation: landscape) { .form-banner { height: 428px !important; } } /*Abigail Test Form*/ .test-form .hs-form-field { margin-bottom:10px; background-color: #e6e6e6 !important; padding-left:5px; padding-bottom: 5px; } .test-form h3.form-title{ background-color: #e6e6e6 !important; border-top: 0px !important; font-size: 26px; letter-spacing: 1px; font-weight:500; color:#333333; letter-spacing:1px; line-height:26.4px; } .test-form .hs_submit input{ max-width: 250px!important; color:white; } .popupForm{ padding-bottom:50px; } .blue-btn{ background-color: #005c9b; border: 1px solid #014e83; border-radius: 5px; } .blue-btn:hover{ background-color: #1fa4ff; } input.hs-input { /*margin-left: 12px !important;*/ } /*Donation Form Styling*/ @media (min-width: 200px) and (max-width: 963px){ .form-height{ height: 1190px; } } @media (min-width: 964px){ .form-height{ height: 1190px; } } } } /*========8-9-2016=======*/ .mass-card.form.webform .form { padding:20px; width:auto; } .mass-card.form.webform form .hs-input { } .hs-input[type="radio"]{ -webkit-appearance: radio!important; } @media(min-width:1024px){ .hs-menu-flow-horizontal{ display:block!important; } .blog-section{ width: 600px; } } /*=========end 8-9=======*/