/* Theme Name: Heather Description: This is the sample theme created for the Genesis Framework. Author: Asset Loan Experts Version: 2.0.1 Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready Template: genesis Template Version: 2.0.1 License: GPL-2.0+ License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Forms - Tables - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - WordPress - Genesis - Titles - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Latest Tweets - Gravity Forms - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Header Navigation - Primary Navigation - Secondary Navigation - Content Area - Entries - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Media Queries - max-width: 1139px - max-width: 1023px - max-width: 767px */ /* HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* Baseline Normalize normalize.css v2.1.2 | MIT License | git.io/normalize -------------------------------------------- */ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://fonts.googleapis.com/css?family=Bad+Script|Merriweather:300,300i,400,400i,700,700i|Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i'); /* font-family: 'Source Sans Pro', sans-serif; font-family: 'Merriweather', serif; font-family: 'Bad Script', cursive; */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden] { display:none } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0; font-family: 'Source Sans Pro', sans-serif; } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em } pre { white-space: pre-wrap } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } /* Box Sizing --------------------------------------------- */ *, *:before, *:after , input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; } button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Open Sans', sans-serif; } /* Float Clearing --------------------------------------------- */ .archive-pagination:before, .clearfix:before, .entry:before, .entry-pagination:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .archive-pagination:after, .clearfix:after, .entry:after, .entry-pagination:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ input, textarea { -webkit-appearance: none;} html { /*font-size: 62.5%; 10px browser default */ } body { color: #333333; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; line-height: 30px; font-weight: 400; background: #f2f2f2; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #333; color: #fff; } ::selection { background-color: #333; color: #fff; } a { color: #5eb5c7; text-decoration: underline; } a img { } a:hover { color: #333; } p {margin: 0 0 20px; padding: 0; font-size: 18px; line-height: 30px; font-weight: 400; font-weight:300;} strong { font-weight: 700; } ul { list-style:none; } ol, ul { margin: 0; padding: 0 0 20px; } blockquote, blockquote::before { color: #666666; } blockquote { margin: 15px 0 60px; padding: 23px 30px 23px 35px; font-size: 24px; line-height: 36px; color: #666666; font-family: 'Bad Script', cursive; font-style:normal; position: relative; background:#f6f6f6; border-left: 3px solid #5eb5c7; box-shadow: 1px 0px 35px rgba(0,0,0,0.05); } blockquote p { letter-spacing: 0px; padding: 0px !important; font-size: 24px; color:#666666; font-weight: 400; line-height: 36px; margin:0;} .scbb-content-box.scbb-rounded-corners { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } blockquote p:before { content: '“'; } blockquote p:after { content: '”'; } .entry-content code { background-color: #333; color: #ddd; } cite { font-style: normal; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #333333; font-family: 'Merriweather', serif; padding-bottom: 15px; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-size: 24px ;line-height: 28px; display: inline-block; vertical-align: middle; font-style:normal;} h1 { font-size: 60px; line-height: 72px; font-weight:300; padding-bottom: 20px;} h2 { font-size: 34px; line-height: 38px; font-weight:400; } h3 { font-size: 24px; line-height: 28px; font-weight:400; } h4 { font-size: 18px; line-height: 26px; font-weight:400; } h5 { font-size: 18px; line-height: 30px; font-weight:600; font-family: 'Source Sans Pro', sans-serif; } h6 { font-size: 14px; line-height: 18px; font-weight:400; font-family: 'Source Sans Pro', sans-serif; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; width: auto; /* IE8 */ max-width: 100%; display: block; } /* Forms --------------------------------------------- */ input, select, textarea { width: 100%; height: 40px; background:#f8fafa; border: 1px solid #d2d4d7; font-size: 14px; font-weight:400; color:#333; padding: 10px; font-family: 'Merriweather', serif; margin:0;} input:focus, textarea:focus { border: 1px solid #999; outline: none; } textarea { height: 130px; resize: none; padding: 10px 13px; max-width: 500px; } ::-moz-placeholder { color: #999; opacity: 1; } ::-webkit-input-placeholder { color: #999; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button { margin:0 !important; height:auto; width:auto; font-size: 16px !important; line-height: 20px; padding: 15px 30px; background: #64bdcf; color: #fff; font-family: 'Merriweather', serif; font-weight:300; text-align: center; text-transform: capitalize; border:0; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover { background-color: #19a2be; } .entry-content .button:hover { background:#19a2be; } .button { border-radius: 3px; display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; margin-bottom: 4rem; width: 100%; } tbody { border-bottom: 1px solid #ddd; } th, td { text-align: left; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ddd; padding: 6px 0; padding: 0.6rem 0; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .content-sidebar-wrap:after { clear: both; height:0; display: block; overflow:hidden; content:'';} .content-sidebar-wrap, .wrap { margin: 0 auto; padding: 0 20px; max-width: 1210px; } .site-inner { clear: both; } .content-sidebar-wrap { border-bottom: 1px solid #e1e1e1; padding-bottom: 70px; } /* Column Widths and Positions --------------------------------------------- */ /* Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 920px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* Content */ .content { float: right; width: 68.5%; padding: 40px 30px 0 0px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 520px; } .full-width-content .content { width: 100%; } /* Primary Sidebar */ .sidebar { margin-top:100px; float: right; width: 31.5%; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } .sidebar-primary .widget-title { font-weight: 500; font-size: 18px; line-height: 24px; text-align: left; text-transform: uppercase; } /* Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .entry-content .scbb-content-box p:empty { display: none; } .entry-content .scbb-button { margin-bottom: 25px; padding: 23px 15px 21px 67px; display: inline-block; vertical-align: top; font-size: 16px; line-height: 20px; color: #fff; letter-spacing: 0.022em; text-transform: uppercase; font-weight: 500; border-radius: 50px; -webkit-border-radius: 50px; background: #77c01e url(images/btn-icon.png) 20px 50% no-repeat; box-shadow: 7px 0 18px rgba(87, 149, 11, 0.20); -webkit-box-shadow: 7px 0 18px rgba(87, 149, 11, 0.20); border: 0px; } .entry-content .scbb-button:hover { background-color: #67962e; color: #fff; } .scbb-button { border: 0px !important; } .entry-content .scbb-content-box-pink { background: #fef4ed;} .entry-content .scbb-content-box-pink ul li { color: #2d323e; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } .scbb-content-box.scbb-content-box-no-space { padding:0 0 15px; margin:0; font-weight:300; } .scbb-content-box-white ,.scbb-content-box-blue { margin: 20px 0 60px !important; padding: 12px 20px !important; border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; } .scbb-content-box li:before { width: 30px; height: 26px; background:url(images/checklist.png) no-repeat; background-size:100% 100%; top:5px; border-radius:0; -webkit-border-radius:0; } .scbb-content-box li { font-size: 16px; font-weight:400; padding: 5px 0 5px 40px; } .scbb-content-box-blue { color: #fff; background: #5eb5c7 !important; border-color:transparent !important; } .scbb-content-box-blue li:before { background-image:url(images/checklist-light.png); } .scbb-content-box-white { margin-bottom: 30px !important; background: #fff !important; border:0 !important; border-top: 3px solid #64bdcf !important; } /* Common Classes ---------------------------------------------------------------------------------------------------- */ /* WordPress --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar { margin-right: 24px; margin-right: 2.4rem; } .alignright .avatar { margin-left: 24px; margin-left: 2.4rem; } .search-form input[type="search"] { padding-right:40px; } .search-form input[type="submit"] { border: 0;/* clip: rect(0, 0, 0, 0);*/ height: 100%; width: 30px; margin: 0px; padding: 0; position: absolute; right:0; top:0; background:url(images/search.png) center center no-repeat; background-size:70% auto; font-size:0 !important; line-height:0; color: transparent; cursor: pointer; } .search-form { position:relative; } #search-2 { margin-bottom: 20px; } .sticky { } img.centered, .aligncenter { display: block; margin: 30px auto 10px; } img.alignnone { margin-bottom: 12px; margin-bottom: 1.2rem; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; margin: 3.8rem 2.4rem 2.4rem 0; } img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; margin: 3.8rem 0 2.4rem 2.4rem; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } .gallery-caption { } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Genesis --------------------------------------------- */ .breadcrumb { margin-bottom: 20px; margin-bottom: 2rem; } .archive-description { padding: 0 0 10px; } .author-box { padding: 40px; padding: 4rem; } .author-box-title { color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; margin-bottom: 0.4rem; } .author-box a { border-bottom: 1px solid #ddd; } .author-box p { margin-bottom: 0; } .author-box .avatar { margin-right: 24px; margin-right: 2.4rem; } /* Titles --------------------------------------------- */ .entry-title a, .sidebar .widget-title a { color: #333; text-decoration: none; } .entry-title a:hover { color: #666; } .widget-title { font-size: 30px; line-height: 36px; color: #333; font-weight: 700; text-align: center; padding: 0 0 13px; letter-spacing: -0.04em; } .sidebar .widget-title a { border: none; } /* Widgets ---------------------------------------------------------------------------------------------------- */ /* Featured Content --------------------------------------------- */ .featured-content .entry { border-bottom: 2px solid #f5f5f5; margin-bottom: 20px; margin-bottom: 2rem; padding: 0 0 24px; padding: 0 0 2.4rem; } .featured-content .entry-title { border: none; font-size: 24px; font-size: 2.4rem; line-height: 1.2; } .featured-content .entry-title a { border: none; } /* Plugins ---------------------------------------------------------------------------------------------------- */ /* Genesis eNews Extended --------------------------------------------- */ .enews-widget { color: #999; } .enews-widget .widget-title { color: #fff; } .enews-widget input { margin-bottom: 16px; margin-bottom: 1.6rem; } .enews-widget input:focus { border: 1px solid #ddd; } .enews-widget input[type="submit"] { background-color: #f15123; color: #fff; margin: 0; width: 100%; } .enews-widget input:hover[type="submit"] { background-color: #fff; color: #333; } /* Genesis Latest Tweets --------------------------------------------- */ .latest-tweets ul li { margin-bottom: 16px; margin-bottom: 1.6rem; } /* Gravity Forms --------------------------------------------- */ div.gform_wrapper input[type="email"], div.gform_wrapper input[type="text"], div.gform_wrapper textarea, div.gform_wrapper .ginput_complex label { font-size: 16px; font-size: 1.6rem; padding: 16px; padding: 1.6rem; } div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper li, div.gform_wrapper form li { margin: 10px 0 0; } div.gform_wrapper .gform_footer input[type="submit"] { font-size: 14px; font-size: 1.4rem; } /* Jetpack --------------------------------------------- */ img#wpstats { display: none; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .btn { font-size: 16px; line-height: 20px; background: #64bdcf; text-decoration: none; color:#fff; padding: 15px 35px; display: inline-block; font-family: 'Merriweather', serif; } .btn:hover { background:#19a2be; color: #fff; } ul li { list-style: none; position: relative; padding-left: 13px; font-weight:300;} ul li:before { content:""; background: #87cad8; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; width: 5px; height: 5px; position: absolute; left:0; top:13px; } ul.bottom_space { padding-bottom: 50px; margin-left:15px; } ol { list-style: none; counter-reset: item;} ol.bottom_space {padding-bottom: 50px; margin-left:15px; } ol li { list-style: none; position: relative; padding-left: 20px; counter-increment: item; font-weight:300;} ol li:before { content: counter(item)"."; font-weight:700; color:#87cad8; position: absolute; left:0; } /*----------------------------------------------------------------------------------------------------------------------------------------------------------*/ .site-container { width: 100%; min-height:100%; position: relative; padding-top:136px; } .site-container { background: #f2f2f2; } .home .site-container { background: #fff; } .clear { height:0; overflow:hidden; width:100%; clear:both; } /*header*/ .site-header { background: #fff; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 999; padding:22px 0 20px; } .menu-bar { width: 100%; display: table; } .menu-bar #logo { display: table-cell; vertical-align: middle; width: 237px; } .menu-bar .main_nav { padding: 5px 0 0 35px; display: table-cell; vertical-align: middle; } .menu-bar .main_nav li { text-align:center; max-width: 165px; font-weight:600; padding: 0 13px 10px; display: inline-block; vertical-align: middle; font-size: 16px; line-height: 20px; color: #666666; position: relative; } .menu-bar .main_nav li.menu-item-has-children:after { width:0; height:0; content:''; position:absolute; left:50%; margin-left:-6px; bottom:-6px; border: 6px solid transparent; border-top-color: #666; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; } .menu-bar .main_nav li.current-menu-ancestor:after, .menu-bar .main_nav li.current-menu-item:after, .menu-bar .main_nav li.menu-item-has-children:hover:after { border-top-color: #64bdcf; } .menu-bar .main_nav ul { padding-bottom:0; } .menu-bar .main_nav li:before { display: none; } .menu-bar .main_nav li a { color: #666666; text-decoration:none;} .menu-bar .main_nav li.current-menu-ancestor a, .menu-bar .main_nav li.current-menu-item a, .menu-bar .main_nav li:hover a, .menu-bar .main_nav li a:hover { color: #64bdcf; } .menu-bar .call { display: table-cell; vertical-align: middle; width: 200px; text-align: right; } .menu-bar .call a { position: relative; font-size: 24px; line-height: 32px; font-weight:700; color: #18b5d3; text-decoration:none; cursor: default; padding-left:42px; } .menu-bar .call a:after { border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; width: 32px; height: 32px; content:''; position:absolute; left:0; top:0; background: #64bdcf url(images/phone_icon.png) center center no-repeat; background-size:15px auto; } .menu-bar .main_nav li .sub-menu:before { width: 100%; height: 10px; content:''; position:absolute; left:0; top:-10px; } .menu-bar .main_nav li .sub-menu { margin-top:10px; transform-origin: 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; transform: scale(1,0); -webkit-transform: scale(1,0); -ms-transform: scale(1,0); visibility:hidden; width: 220px; position:absolute; left:50%; margin-left:-110px; top:100%; background: #64bdcf; } .menu-bar .main_nav li:last-child .sub-menu { margin-left:0; left:auto; right:0; } .menu-bar .main_nav li:hover .sub-menu { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); visibility:visible; } .menu-bar .main_nav li .sub-menu li { width: 100%; max-width:100%; padding:0; margin:0; border-bottom: 1px solid rgba(255,255,255,0.7); } .menu-bar .main_nav li .sub-menu li:last-child { border-bottom: 0; } .menu-bar .main_nav li:hover li a, .menu-bar .main_nav li .sub-menu li a { display: block; padding: 10px; color: #fff; } .menu-bar .main_nav li .sub-menu li.current-menu-item a, .menu-bar .main_nav li .sub-menu li a:hover { background: rgba(0,0,0,0.2); } header.site-header.fixed { padding: 10px 0; position: fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); -ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); } header.site-header.fixed .menu-bar #logo { width: 150px; } header.site-header a.menu_close, header.site-header a.mobilemenu { display: none; } .list li { padding-left: 28px; } .list li:before { width: 16px; height: 14px; background:url(images/check.png) left top no-repeat; top: 11px; background-size: 100% auto; border-radius:0; -webkit-border-radius:0;} .list.green li:before { background-image:url(images/check-green.png); } .list.white li:before { background-image:url(images/check-white.png); } .list_circle li:before { width: 30px; height: 26px; background:url(images/checklist.png) no-repeat; background-size:100% 100%; top:5px; border-radius:0; -webkit-border-radius:0; } .list_circle li { padding: 0 0 15px 50px; } /*banner_section*/ .banner_section { color: #fff; padding: 115px 0; width: 100%; background-size: cover; background-position: center bottom; height: 630px; position: relative; } .banner_section p { margin:0; font-style:normal; font-size: 26px; line-height: 30px; color: #64bdcf; font-family: 'Bad Script', cursive; display: block; } .banner_section h1 { letter-spacing: -0.02em; padding: 15px 0 17px; color: #fff; } .banner_section .text { max-width: 1000px; } .banner_section li { font-size: 20px; line-height: 28px; letter-spacing: -0.005em; padding: 0 0 12px 28px; } .banner_section li:before { width: 16px; height: 14px; background:url(images/check.png) left top no-repeat; top: 8px; background-size: 100% auto; border-radius:0; -webkit-border-radius:0;} .banner_section ul { padding-bottom: 35px; } .banner_section .btn { margin: 0 15px 0 0; } .banner_section .links strong { font-weight:400; text-decoration:none; margin: 0 0 0 15px; font-size: 16px; line-height: 20px; color: #64bdcf; } .banner_section .links { letter-spacing: -0.02em; font-family: 'Merriweather', serif; color: #999999; font-size: 16px; line-height: 20px; } /*.banner_section :hover { color: #19a2be; }*/ .big-leader .wrap { bottom: auto !important; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); } .big-leader .entry-title.featured-image-overlay, .big-leader .archive-title.featured-image-overlay { text-align: left !important; } /* congrats_section */ .congrats_section { padding: 65px 0 55px; width: 100%; position: relative; background-color:#fff; background-position: 101% center; background-size:auto 100%; background-repeat: no-repeat; } .congrats_section .text { max-width: 690px; } .congrats_section p { font-weight:600; margin-bottom: 30px; } .congrats_section h4 { letter-spacing: 0.02em; padding-bottom: 10px; } .congrats_section li:before {width:30px; height: 26px; background:url(images/checklist.png) no-repeat; background-size:100% 100%; top:5px; border-radius:0; -webkit-border-radius:0; } .congrats_section li { padding: 0 0 10px 50px; letter-spacing: -0.02em; font-weight:300; } /* design_section */ .design_section { width: 100%; position: relative; background: #f2f6f7; } .design_section .wrap { padding-top:70px; padding-bottom: 35px; background:url(images/design_graphic.png) 25px top no-repeat; } .design_section .leftside { padding: 25px 16px 40px 65px; margin: 58px 0 0 -65px; width: 380px; float: left; background:url(images/paper_bg.png) center top no-repeat; background-size:100% 100%; position: relative; } .design_section .leftside:after,.design_section .leftside:before { transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); width: 135px; height: 36px; content:''; position:absolute; left:-5px; top:0; background:url(images/tape.png) no-repeat; background-size:100% 100%; } .design_section .leftside:after { width: 142px; transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); left:auto; right: -30px; } .design_section .right { width: calc(100% - 315px); float: left; padding: 0 0 0 82px; } .design_section .leftside h4 { text-align:center; padding: 0 24px 22px 0; letter-spacing: 0.02em; } .design_section .leftside ul { padding-bottom:0; } .design_section .leftside .list li { font-size: 24px; line-height: 34px; padding-bottom: 14px; font-family: 'Bad Script', cursive; } .design_section .right li:before { display: none; } .design_section .right li { position: relative; padding: 0 0 40px 70px; } .design_section .right li img { max-width: 45px; position:absolute; left:0; top:2px; } .design_section h5 { padding-bottom: 35px; } .design_section .right h4 { padding-bottom: 0px; } .design_section p { margin:0; letter-spacing: -0.02em; } /* about_section */ .about_section { padding: 40px 0 55px; width: 100%; position: relative; background:url(images/bottom-leaves.png) calc(50% + 590px) bottom no-repeat; } .about_section .image { width: 38%; float: right; } .about_section .text { padding: 10px 20px 0 0; width: 62%; float: left; } .about_section .image img { float: right; } .about_section li { padding: 0 0 12px 40px; letter-spacing: -0.02em; } .about_section li:before { top: 4px; } .about_section h5 { padding-bottom: 21px; } /* testimonial_section */ .testimonial_section { padding: 60px 0 35px; width: 100%; position: relative; background:url(images/testimonial_bg.jpg) center center no-repeat; background-size:cover; } .testimonial_section .row { width: auto; display: flex; -webkit-display: flex; -ms-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; } .testimonial-box { margin: 35px 0 25px; padding: 55px 40px 95px 55px ; position: relative; width: calc(50% - 15px); background: #fff; } .testimonial-box:nth-of-type(even) { margin-left:30px; } .testimonial_section h2 { padding-bottom: 30px; font-size: 36px; line-height: 46px; text-align:center; color:#fff; } .testimonial-box p { font-size: 24px; line-height: 36px; font-family: 'Bad Script', cursive; margin:0 0 35px; } .testimonial-box .name { padding: 25px 0 20px; width: calc(100% - 110px); letter-spacing: 0.02em; position:absolute; left:60px; bottom:0; border-top: 1px solid #e5e5e5; } .testimonial-box h4 { padding:0; display:inline-block; vertical-align: top; font-weight:700; } .testimonial-box cite { font-style:normal; display:inline-block; vertical-align: top; font-family: 'Merriweather', serif; font-size: 18px; line-height: 28px; font-weight:300; } .testimonial-box:before { font-size:100px; line-height: 188px; overflow: hidden; text-indent:-14px; width: 70px; height: 57px; content:'“'; background: #64bdcf; color: #fff; text-align:center; position:absolute; left: 40px; top: -26px; font-family: 'Bad Script', cursive; } .content .testimonial-box { width: 100%; } /* chat_section */ .chat_section { padding: 55px 0 45px; width: 100%; color: #fff; background-position: center center; background-size:cover; position: relative; } .chat_section h2 { padding-bottom: 20px; letter-spacing: 0.01em; font-size: 36px; line-height: 46px; text-align:center; color: #fff; } .chat_section h5 { padding-bottom: 24px; color: #fff; text-align: center; } .chat_section .box { padding: 0 0 0 15px; max-width: 830px; margin:auto; } .chat_section .box figure { float: left; width: 320px; height: 277px; position: relative; background:url(images/image_bg.png) center bottom no-repeat; } .chat_section .box figure img { position:absolute; left:50%; bottom:0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); max-width:inherit; } .chat_section .box .right { float: right; width: calc(100% - 320px); padding: 0 0 0 20px; } .chat_section .box .right h4 { margin-left:-55px; } .chat_section h4 { color: #fff; letter-spacing: 0.02em; padding-bottom:10px; } .chat_section .list li { padding-bottom: 10px; letter-spacing: -0.01em; } .chat_section .contact_box { text-align:center; padding: 20px 20px 30px; max-width: 830px; margin:auto; background:#ebecec; border-top: 3px solid #64bdcf; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; position: relative; } .chat_section .contact_box h5 { color: #000; padding-bottom: 10px; } .chat_section .contact_box:after,.chat_section .contact_box:before { transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); width: 142px; height: 34px; content:''; position:absolute; left:-30px; top:0; background:url(images/tape.png) no-repeat; background-size:100% 100%; } .chat_section .contact_box:after { transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); left:auto; right: -30px; } /* footer */ .site-footer { padding-bottom: 20px; width: 100%; position: relative; } .site-footer:before { width: 100%; height: 1px; content:''; position:absolute; left:0; top:90px; background: #eeeeee; } .footer_box { width: 100%; position: relative; } .footer_box ul { padding-bottom:0; } .footer_box .menubox { margin-bottom: 35px; padding: 30px 0; text-align:center; } .footer_box .menubox li:before { display: none; } .footer_box .menubox li { margin: 0 20px; font-family: 'Merriweather', serif; display: inline-block; vertical-align: top; font-size: 14px; line-height: 24px; font-weight:300; } .footer_box .menubox li br { display: none; } .footer_box .menubox li a { text-decoration:none; color: #666666; } .footer_box .menubox li.current-menu-item a, .footer_box .menubox li a:hover { color: #64bdcf; } .footer_box .left { padding: 25px 0 0 0; width: 33.33%; float: left; } .footer_box .center { width: 33.33%; text-align:center; position:absolute; left:33.33%; top:0; } .footer_box .right { padding-top:40px; width: 33.33%; float: right; text-align: right;} .footer_box .row { width: 100%; position: relative; min-height:130px;} .footer_box .celebrant-logo { display: inline-block; vertical-align: top; } .footer_box h6 { line-height: 30px; letter-spacing: -0.01em; } .footer_box h6 p { font-weight:400; font-size: 14px; line-height: 30px; margin:0;} .footer_box h6 p a { color: #333; text-decoration:none; } .footer_box h6 p a:hover { text-decoration:underline; } .footer_box .right p { display:inline-block; } /* breadcrumbs*/ .breadcrumb { font-size: 14px; line-height: 20px; color: #000000; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; } .breadcrumb a {text-decoration:none; color: #cccccc; } .breadcrumb .sep { color: #cccccc; } .breadcrumb a:hover { color: #000; } .popup_box { float: left; display: none; padding: 40px 40px 45px; width: 100%; width: 830px; background: #fff;} .fancybox-close { width: 40px !important; height: 40px !important; background:url(images/close.png) center center no-repeat !important; background-size: 20px 20px !important; right:0 !important; top:0 !important; } .fancybox-close:hover { background-color:#64bdcf !important; } .fancybox-skin { padding:0 !important; } #enquiry_popup .inner { display: flex; -webkit-display: flex; -ms-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; } #enquiry_popup .widget_media_image { padding: 50px 40px 0 0; width: 53%; } #enquiry_popup .widget_media_image img { max-width: 350px !important; } #enquiry_popup .gform_widget { width: 47%; } #enquiry_popup .widget_text { width: 100%; overflow: hidden; } #enquiry_popup .widget_text .widget-wrap { width: 47%; float: right; } #enquiry_popup .widget_text .widget-wrap .textwidget { max-width: 300px; margin:15px auto 0; } #enquiry_popup .widget-title { padding-bottom: 10px; font-size: 34px; line-height: 38px; color: #64bdcf; font-family: 'Merriweather', serif; font-weight:300; letter-spacing: -0.01em; } .gform_heading { font-size: 18px; line-height: 22px; color: #333333; font-weight:300; margin-bottom: 25px !important; } .gform_wrapper { margin:0 !important; } .gform_wrapper .gfield { padding:0 !important; } .gform_wrapper .gfield label { display: none !important; } .gform_wrapper .ginput_container { margin:0 !important; } .gform_wrapper .top_label textarea.medium, .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium , .gform_wrapper .ginput_container .field input.medium { width: 100% !important; max-width: 100% !important; height: 40px; background:#f8fafa; border: 1px solid #d2d4d7; font-size: 14px !important; font-weight:400; color:#333; padding: 10px !important; font-family: 'Merriweather', serif !important; margin:0 !important; } .gform_wrapper .top_label textarea.medium { height: 90px; overflow:auto; } .gform_wrapper span.gform_description { width: 100% !important; font-size: 18px; line-height: 22px; color: #333333; font-weight:300 !important; text-align:center; letter-spacing: -0.01em; } .gform_wrapper ul li:before { display: none !important; } .gform_wrapper .gform_footer, .gform_wrapper .gform_body { max-width: 300px; margin:auto !important; } .gform_wrapper ul li.gfield { margin: 0 0 10px 0 !important; } .gform_wrapper .gform_footer { padding:0 !important; } .gform_wrapper .gform_footer input[type="submit"] { margin:0 !important; height:auto; width: 100% !important; font-size: 16px !important; line-height: 20px !important; min-height:inherit !important; padding: 15px 10px; background: #64bdcf; color: #fff; font-family: 'Merriweather', serif; font-weight:300; text-align: center; text-transform: capitalize; } .gform_wrapper .gform_footer input[type="submit"]:hover { background:#19a2be; } .gform_wrapper .validation_message { display: none !important; } .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea { margin:0 !important; border-color: #f00 !important; } body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { border:0 !important; margin-bottom: 10px !important; } .gform_wrapper .validation_error { display: none !important; } .gform_wrapper .gfield.form-bottom-desc { text-align:center; margin:0 !important; position:absolute; left:0; bottom:0; width: 100%;} .gform_wrapper .form-bottom-desc p { font-size: 16px; line-height: 20px; margin:0; } #text-5.widget_text p { text-align:center; font-size: 16px; line-height: 20px; color: #333; font-weight:300; margin:0;} #back-to-top{padding-right:2px;position:fixed;bottom:35px;display:none;right:10px;color:#fff;font-size:15px;line-height:27px;width:30px;height:30px;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;transition:opacity .2s ease-out;-webkit-transition:opacity .2s ease-out;opacity:0;background:#64bdcf; border: 1px solid #fff; background-size:17px auto;z-index:99;text-align:center;font-weight:300} #back-to-top.show{opacity:1} .site-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: #fff; } /* contact-me */ .sidebar .widget.contact-me { box-shadow: 0px 2px 10px rgba(0,0,0,0.15); padding: 30px 15px 35px; border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; background: #d398b6; } .widget.contact-me .widgettitle { font-size: 34px; letter-spacing: -0.02em; line-height: 38px; color: #fff; font-weight:300; } .widget.contact-me .gform_wrapper span.gform_description { color: #fff; } .contact-me .gform_wrapper form { margin:auto; position: relative; padding-bottom: 55px; } .gform_confirmation_message, .contact-me .gform_wrapper .form-bottom-desc p { font-size: 16px; line-height: 20px; margin:0; color: #fff; } .gform_confirmation_message { text-align:center; } /* celebrant-services */ .celebrant-services { padding: 30px 20px 45px 55px; width: 100%; max-width: 350px; margin:75px 0 30px 0; background:url(images/paper_bg.png) center top no-repeat; background-size:100% 100%; position: relative; } .celebrant-services:after,.celebrant-services:before { transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); width: 122px; height: 34px; content:''; position:absolute; left:-5px; top:0; background:url(images/tape.png) no-repeat; background-size:100% 100%; } .celebrant-services:after { transform: rotate(30deg); -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); left:auto; right: -25px; opacity: 0.80; width: 135px; } .celebrant-services h4 { letter-spacing: 0.02em; font-size: 18px; line-height: 22px; font-weight:400; } .celebrant-services li { padding: 0 0 11px 28px; font-size: 22px; line-height: 31px; font-family: 'Bad Script', cursive; } .celebrant-services li:before { width: 16px; height: 14px; background:url(images/check-green.png) left top no-repeat; top: 11px; background-size: 100% auto; border-radius:0; -webkit-border-radius:0;} /* about-me */ .about-me { width: 100%; margin-bottom:35px; } .about-me img { margin:0 auto !important; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; } .about-me p:first-child { margin: 0 0 20px; } .about-me h3 { letter-spacing: 0.02em; font-size: 22px; line-height: 26px; } .about-me p { font-size: 14px; line-height: 24px; font-weight:400; margin-bottom: 10px; } .about-me li:before { width: 30px; height: 26px; background:url(images/checklist.png) no-repeat; background-size:100% 100%; top:8px; border-radius:0; -webkit-border-radius:0; } .about-me li { font-size: 14px; line-height: 24px; padding: 0 0 10px 40px; } /* recent-post */ .recent-post { margin-bottom: 30px; } .recent-post li.cat-post-item:before { display: none !important; } .recent-post #category-posts-2-internal .cat-post-date { padding: 15px 0 5px; margin:0; font-style:normal; font-size: 14px; line-height: 24px; color: #999999; display: block; font-weight:300; } .recent-post #category-posts-2-internal .cat-post-item { margin: 0; padding: 0; border:0;} .recent-post #category-posts-2-internal li > div { margin:0 !important; } .recent-post .cat-post-thumbnail { margin:0 !important; width: 100%; } .recent-post #category-posts-2-internal .cat-post-crop { vertical-align: top; } .recent-post .cat-post-title { letter-spacing: 0.01em; font-size: 18px !important; line-height: 28px; display: block; vertical-align: top; color: #333333; font-family: 'Merriweather', serif; text-decoration:none; } .recent-post .cat-post-title:hover { color: #5eb5c7 ; } .recent-post #category-posts-2-internal p { font-size: 14px; line-height: 24px; } .recent-post .cat-post-excerpt-more { font-size: 18px; line-height: 24px; color: #5eb5c7; font-family: 'Merriweather', serif; display: table; margin: 20px 0 0 0; } .recent-post .cat-post-excerpt-more:hover { text-decoration:none; } .post-image, .post .attachment-singleimage { width: 100%; margin-bottom: 25px; } .post .entry-content p { margin-bottom: 20px; } .post .entry-footer p { margin-bottom: 15px; } #respond,#comments { display: none !important; } #comments ol { list-style:none; } #comments ol li { padding:0 0 25px; } #comments ol li:before { display: none; } #commentform p,#comments p { margin-bottom: 15px; } .comment-author .avatar { margin-right:15px; } .comment-author { margin-bottom: 10px; } .comment-author span[itemprop="name"] { font-weight:600; } .comment-reply-link { font-size: 18px; line-height: 28px; font-weight:400;font-family: 'Merriweather', serif; text-decoration: none; } #commentform { max-width: 500px; width: 100%; } #commentform p { font-size: 16px; line-height: 20px; margin-bottom: 10px; } #commentform label { display: block; padding-bottom: 5px; font-family: 'Merriweather', serif; } #commentform label.error { display: none !important; } #commentform textarea.error ,#commentform input.error { border-color: #f00 !important; } .sidebar .widget_categories h4, .sidebar .widget_archive h4 { padding-bottom: 5px; } .sidebar .widget_categories ul, .sidebar .widget_archive ul { padding-bottom: 25px; } .site-loader .simpleloadersmall { border: 7px solid #2d323e; -webkit-animation: spin .7s linear infinite; animation: spin .7s linear infinite;border-top: 7px solid #5eb5c7; border-radius: 50%; width: 45px; height: 45px; margin: auto; position: absolute; left: 50%; top: 50%; margin: -22px 0px 0px -22px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*keyframes*/ @-webkit-keyframes stickyhead{ 0%{opacity:0;-webkit-transform:translateY(-100%)} 100%{opacity:1;-webkit-transform:translateY(0)} } @-moz-keyframes stickyhead{ 0%{opacity:0;-moz-transform:translateY(-100%)} 100%{opacity:1;-moz-transform:translateY(0)} } @keyframes stickyhead{ 0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)} 100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} } body.search.search-no-results .site-inner { min-height: calc(100vh - 395px); min-height: -webkit-calc(100vh - 395px); } .error404 #primary.content-area.error404 { height: 500px; display: table; width: 100%; text-align:center;} .error404 #primary.content-area.error404 .site-content { display: table-cell; vertical-align: middle; }