/* Theme Name: Manomet Author: 829 Studios Description: Website theme for Manomet */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Featured Image Hover 12.0 Navigation 13.0 Layout 13.1 Header 13.2 Front Page 13.3 Regular Content 13.4 Posts 13.5 Pages 13.6 Footer 14.0 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 17.0 Customizer 18.0 SVGs Fallbacks 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; margin: 71px 0; background: #b6b6b6; border: 0; height: 1px; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } b, strong { font-weight: inherit; } b, strong { font-weight: 700; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #eee; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /*-------------------------------------------------------------- 2.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 4.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after { clear: both; } /*-------------------------------------------------------------- 5.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #333; font-family: 'Lato', sans-serif; font-size: 15px; font-size: 0.9375rem; font-weight: 300; line-height: 1.66; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.4; margin: 0 0 0.75em; padding: 1.5em 0 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0; } h1 { font-size: 24px; font-size: 1.5rem; font-weight: 300; } h2, .home.blog .entry-title { color: #666; font-size: 20px; font-size: 1.25rem; font-weight: 300; } h3 { color: #333; font-size: 18px; font-size: 1.125rem; font-weight: 300; } h4 { color: #333; font-size: 16px; font-size: 1rem; font-weight: 500; } h5 { color: #767676; font-size: 13px; font-size: 0.8125rem; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; } h6 { color: #333; font-size: 15px; font-size: 0.9375rem; font-weight: 500; } p { margin: 0 0 1.5em; padding: 0; } dfn, cite, em, i { font-style: italic; } blockquote { color: #666; font-size: 18px; font-size: 1.125rem; font-style: italic; line-height: 1.7; margin: 0; overflow: hidden; padding: 0; line-height: 16px } blockquote cite { display: block; font-style: normal; font-weight: 600; margin-top: 0.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } big { font-size: 125%; } blockquote { quotes: "" ""; } q { quotes: "“" "”" "‘" "’"; } blockquote:before, blockquote:after { content: ""; } :focus { outline: none; } /* Typography for Arabic Font */ html[lang="ar"] body, html[lang="ar"] button, html[lang="ar"] input, html[lang="ar"] select, html[lang="ar"] textarea, html[lang="ary"] body, html[lang="ary"] button, html[lang="ary"] input, html[lang="ary"] select, html[lang="ary"] textarea, html[lang="azb"] body, html[lang="azb"] button, html[lang="azb"] input, html[lang="azb"] select, html[lang="azb"] textarea, html[lang="fa-IR"] body, html[lang="fa-IR"] button, html[lang="fa-IR"] input, html[lang="fa-IR"] select, html[lang="fa-IR"] textarea, html[lang="haz"] body, html[lang="haz"] button, html[lang="haz"] input, html[lang="haz"] select, html[lang="haz"] textarea, html[lang="ps"] body, html[lang="ps"] button, html[lang="ps"] input, html[lang="ps"] select, html[lang="ps"] textarea, html[lang="ur"] body, html[lang="ur"] button, html[lang="ur"] input, html[lang="ur"] select, html[lang="ur"] textarea { font-family: Tahoma, Arial, sans-serif; } html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6, html[lang="ary"] h1, html[lang="ary"] h2, html[lang="ary"] h3, html[lang="ary"] h4, html[lang="ary"] h5, html[lang="ary"] h6, html[lang="azb"] h1, html[lang="azb"] h2, html[lang="azb"] h3, html[lang="azb"] h4, html[lang="azb"] h5, html[lang="azb"] h6, html[lang="fa-IR"] h1, html[lang="fa-IR"] h2, html[lang="fa-IR"] h3, html[lang="fa-IR"] h4, html[lang="fa-IR"] h5, html[lang="fa-IR"] h6, html[lang="haz"] h1, html[lang="haz"] h2, html[lang="haz"] h3, html[lang="haz"] h4, html[lang="haz"] h5, html[lang="haz"] h6, html[lang="ps"] h1, html[lang="ps"] h2, html[lang="ps"] h3, html[lang="ps"] h4, html[lang="ps"] h5, html[lang="ps"] h6, html[lang="ur"] h1, html[lang="ur"] h2, html[lang="ur"] h3, html[lang="ur"] h4, html[lang="ur"] h5, html[lang="ur"] h6 { font-weight: 700; } /* Typography for Chinese Font */ html[lang^="zh-"] body, html[lang^="zh-"] button, html[lang^="zh-"] input, html[lang^="zh-"] select, html[lang^="zh-"] textarea { font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif; } html[lang="zh-CN"] body, html[lang="zh-CN"] button, html[lang="zh-CN"] input, html[lang="zh-CN"] select, html[lang="zh-CN"] textarea { font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif; } html[lang^="zh-"] h1, html[lang^="zh-"] h2, html[lang^="zh-"] h3, html[lang^="zh-"] h4, html[lang^="zh-"] h5, html[lang^="zh-"] h6 { font-weight: 700; } /* Typography for Cyrillic Font */ html[lang="bg-BG"] body, html[lang="bg-BG"] button, html[lang="bg-BG"] input, html[lang="bg-BG"] select, html[lang="bg-BG"] textarea, html[lang="ru-RU"] body, html[lang="ru-RU"] button, html[lang="ru-RU"] input, html[lang="ru-RU"] select, html[lang="ru-RU"] textarea, html[lang="uk"] body, html[lang="uk"] button, html[lang="uk"] input, html[lang="uk"] select, html[lang="uk"] textarea { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } html[lang="bg-BG"] h1, html[lang="bg-BG"] h2, html[lang="bg-BG"] h3, html[lang="bg-BG"] h4, html[lang="bg-BG"] h5, html[lang="bg-BG"] h6, html[lang="ru-RU"] h1, html[lang="ru-RU"] h2, html[lang="ru-RU"] h3, html[lang="ru-RU"] h4, html[lang="ru-RU"] h5, html[lang="ru-RU"] h6, html[lang="uk"] h1, html[lang="uk"] h2, html[lang="uk"] h3, html[lang="uk"] h4, html[lang="uk"] h5, html[lang="uk"] h6 { font-weight: 700; line-height: 1.2; } /* Typography for Devanagari Font */ html[lang="bn-BD"] body, html[lang="bn-BD"] button, html[lang="bn-BD"] input, html[lang="bn-BD"] select, html[lang="bn-BD"] textarea, html[lang="hi-IN"] body, html[lang="hi-IN"] button, html[lang="hi-IN"] input, html[lang="hi-IN"] select, html[lang="hi-IN"] textarea, html[lang="mr-IN"] body, html[lang="mr-IN"] button, html[lang="mr-IN"] input, html[lang="mr-IN"] select, html[lang="mr-IN"] textarea { font-family: Arial, sans-serif; } html[lang="bn-BD"] h1, html[lang="bn-BD"] h2, html[lang="bn-BD"] h3, html[lang="bn-BD"] h4, html[lang="bn-BD"] h5, html[lang="bn-BD"] h6, html[lang="hi-IN"] h1, html[lang="hi-IN"] h2, html[lang="hi-IN"] h3, html[lang="hi-IN"] h4, html[lang="hi-IN"] h5, html[lang="hi-IN"] h6, html[lang="mr-IN"] h1, html[lang="mr-IN"] h2, html[lang="mr-IN"] h3, html[lang="mr-IN"] h4, html[lang="mr-IN"] h5, html[lang="mr-IN"] h6 { font-weight: 700; } /* Typography for Greek Font */ html[lang="el"] body, html[lang="el"] button, html[lang="el"] input, html[lang="el"] select, html[lang="el"] textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } html[lang="el"] h1, html[lang="el"] h2, html[lang="el"] h3, html[lang="el"] h4, html[lang="el"] h5, html[lang="el"] h6 { font-weight: 700; line-height: 1.3; } /* Typography for Gujarati Font */ html[lang="gu-IN"] body, html[lang="gu-IN"] button, html[lang="gu-IN"] input, html[lang="gu-IN"] select, html[lang="gu-IN"] textarea { font-family: Arial, sans-serif; } html[lang="gu-IN"] h1, html[lang="gu-IN"] h2, html[lang="gu-IN"] h3, html[lang="gu-IN"] h4, html[lang="gu-IN"] h5, html[lang="gu-IN"] h6 { font-weight: 700; } /* Typography for Hebrew Font */ html[lang="he-IL"] body, html[lang="he-IL"] button, html[lang="he-IL"] input, html[lang="he-IL"] select, html[lang="he-IL"] textarea { font-family: "Arial Hebrew", Arial, sans-serif; } html[lang="he-IL"] h1, html[lang="he-IL"] h2, html[lang="he-IL"] h3, html[lang="he-IL"] h4, html[lang="he-IL"] h5, html[lang="he-IL"] h6 { font-weight: 700; } /* Typography for Japanese Font */ html[lang="ja"] body, html[lang="ja"] button, html[lang="ja"] input, html[lang="ja"] select, html[lang="ja"] textarea { font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; } html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5, html[lang="ja"] h6 { font-weight: 700; } /* Typography for Korean font */ html[lang="ko-KR"] body, html[lang="ko-KR"] button, html[lang="ko-KR"] input, html[lang="ko-KR"] select, html[lang="ko-KR"] textarea { font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif; } html[lang="ko-KR"] h1, html[lang="ko-KR"] h2, html[lang="ko-KR"] h3, html[lang="ko-KR"] h4, html[lang="ko-KR"] h5, html[lang="ko-KR"] h6 { font-weight: 600; } /* Typography for Thai Font */ html[lang="th"] h1, html[lang="th"] h2, html[lang="th"] h3, html[lang="th"] h4, html[lang="th"] h5, html[lang="th"] h6 { line-height: 1.65; font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; } html[lang="th"] body, html[lang="th"] button, html[lang="th"] input, html[lang="th"] select, html[lang="th"] textarea { line-height: 1.8; font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif; } /* Remove letter-spacing for all non-latin alphabets */ html[lang="ar"] *, html[lang="ary"] *, html[lang="azb"] *, html[lang="haz"] *, html[lang="ps"] *, html[lang^="zh-"] *, html[lang="bg-BG"] *, html[lang="ru-RU"] *, html[lang="uk"] *, html[lang="bn-BD"] *, html[lang="hi-IN"] *, html[lang="mr-IN"] *, html[lang="el"] *, html[lang="gu-IN"] *, html[lang="he-IL"] *, html[lang="ja"] *, html[lang="ko-KR"] *, html[lang="th"] * { letter-spacing: 0 !important; } /*-------------------------------------------------------------- 6.0 Forms --------------------------------------------------------------*/ label { color: #333; display: block; font-weight: 500; margin-bottom: 0.5em; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: 0.7em; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; border-color: #333; } select { border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; height: 3em; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 300; } button, input[type="button"], input[type="submit"] { background-color: #222; border: 0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1; padding: 1em 2em; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } input + button, input + input[type="button"], input + input[type="submit"] { padding: 0.75em 2em; } button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { background-color: #ddd; color: #222; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #767676; } button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { background: #bbb; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; } :-moz-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; } ::-moz-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; } /*-------------------------------------------------------------- 7.0 Formatting --------------------------------------------------------------*/ hr { background-color: #bbb; border: 0; height: 1px; } /*-------------------------------------------------------------- 8.0 Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /*-------------------------------------------------------------- 9.0 Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /*-------------------------------------------------------------- 10.0 Links --------------------------------------------------------------*/ a { color: #222; text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { color: #000; outline: 0; } /* Hover effects */ .entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong { -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1); -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; } .entry-title a, .entry-meta a, .page-links a, .page-links a .page-number, .entry-footer a, .entry-footer .cat-links a, .entry-footer .tags-links a, .edit-link a, .post-navigation a, .logged-in-as a, .comment-navigation a, .comment-metadata a, .comment-metadata a.comment-edit-link, .comment-reply-link, a .nav-title, .pagination a, .comments-pagination a, .site-info a, .widget .widget-title a, .widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a { -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1); text-decoration: none; -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out; transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; } /*.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover { color: #000; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1); }*/ /* Fixes linked images */ .entry-content a img, .widget a img { -webkit-box-shadow: 0 0 0 8px #fff; box-shadow: 0 0 0 8px #fff; } .post-navigation a:focus .icon, .post-navigation a:hover .icon { color: #222; } /*-------------------------------------------------------------- 11.0 Featured Image Hover --------------------------------------------------------------*/ .post-thumbnail { margin-bottom: 1em; } .post-thumbnail a img { -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .post-thumbnail a:hover img, .post-thumbnail a:focus img { opacity: 0.7; } /*-------------------------------------------------------------- 12.0 Navigation --------------------------------------------------------------*/ .navigation-top .wrap { max-width: 1000px; padding: 0; } .navigation-top a { color: #222; font-weight: 600; -webkit-transition: color 0.2s; transition: color 0.2s; } .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { color: #767676; } .main-navigation { clear: both; display: block; } .main-navigation ul { background: #fff; list-style: none; margin: 0; padding: 0 1.5em; text-align: left; } /* Hide the menu on small screens when JavaScript is available. * It only works with JavaScript. */ .js .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon { display: none; } .main-navigation > div > ul { border-top: 1px solid #eee; padding: 0.75em 1.695em; } .js .main-navigation.toggled-on > div > ul { display: block; } .main-navigation ul ul { padding: 0 0 0 1.5em; } .main-navigation ul ul.toggled-on { display: block; } .main-navigation ul ul a { letter-spacing: 0; padding: 0.4em 0; position: relative; text-transform: none; } .main-navigation li { border-bottom: 1px solid #eee; position: relative; } .main-navigation li li, .main-navigation li:last-child { border: 0; } .main-navigation a { display: block; padding: 0.5em 0; text-decoration: none; } .main-navigation a:hover { color: #767676; } /* Menu toggle */ .menu-toggle { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #222; display: none; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1.5; margin: 1px auto 2px; padding: 1em; text-shadow: none; } /* Display the menu toggle when JavaScript is available. */ .js .menu-toggle { display: block; } .main-navigation.toggled-on ul.nav-menu { display: block; } .menu-toggle:hover, .menu-toggle:focus { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .menu-toggle:focus { outline: thin solid; } .menu-toggle .icon { margin-right: 0.5em; top: -2px; } .toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close { display: none; } .toggled-on .menu-toggle .icon-close { display: inline-block; } /* Dropdown Toggle */ .dropdown-toggle { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #222; display: block; font-size: 16px; right: -0.5em; line-height: 1.5; margin: 0 auto; padding: 0.5em; position: absolute; text-shadow: none; top: 0; } .dropdown-toggle:hover, .dropdown-toggle:focus { background: transparent; } .dropdown-toggle:focus { outline: thin dotted; } .dropdown-toggle.toggled-on .icon { -ms-transform: rotate(-180deg); /* IE 9 */ -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ transform: rotate(-180deg); } /* Scroll down arrow */ .site-header .menu-scroll-down { display: none; } /*-------------------------------------------------------------- 13.0 Layout --------------------------------------------------------------*/ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { background: #fff;/* Fallback for when there is no custom background color defined. */ } #page { position: relative; word-wrap: break-word; } .wrap { margin-left: auto; margin-right: auto; max-width: 700px; padding-left: 2em; padding-right: 2em; } .wrap:after { clear: both; content: ""; display: block; } /*-------------------------------------------------------------- 13.1 Header --------------------------------------------------------------*/ #masthead .wrap { position: relative; } .site-header { position: absolute; top: 0; left: 0; width: 100%; padding: 0 0 0 0; z-index: 9999 } .wpmm_megamenu .wp-megamenu-main-wrapper ul ul.wp-mega-sub-menu li.blanknav > a { display: none } /* Site branding */ .site-branding { padding: 1em 0; position: relative; -webkit-transition: margin-bottom 0.2s; transition: margin-bottom 0.2s; z-index: 3; } .site-branding a { text-decoration: none; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .site-branding a:hover, .site-branding a:focus { opacity: 0.7; } .site-title { clear: none; font-size: 24px; font-size: 1.5rem; font-weight: 800; line-height: 1.25; letter-spacing: 0.08em; margin: 0; padding: 0; text-transform: uppercase; } .site-title, .site-title a { color: #222; opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */ } body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a { color: #fff; } .site-description { color: #666; font-size: 13px; font-size: 0.8125rem; margin-bottom: 0; } body.has-header-image .site-description, body.has-header-video .site-description { color: #fff; opacity: 0.8; } .custom-logo-link { display: inline-block; padding-right: 1em; vertical-align: middle; width: auto; } .custom-logo-link img { display: inline-block; max-height: 80px; width: auto; } body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img { max-height: 200px; max-width: 100%; } .custom-logo-link a:hover, .custom-logo-link a:focus { opacity: 0.9; } body:not(.title-tagline-hidden) .site-branding-text { display: inline-block; vertical-align: middle; } .custom-header { position: relative; } .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header { display: table; height: 300px; height: 75vh; width: 100%; } .custom-header-media { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; } .custom-header-media:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */ background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; z-index: 2; } .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe { position: fixed; height: auto; left: 50%; max-width: 1000%; min-height: 100%; min-width: 100%; min-width: 100vw; /* vw prevents 1px gap on left that 100% has */ width: auto; top: 50%; padding-bottom: 1px; /* Prevent header from extending beyond the footer */ -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */ background-color: rgba(34, 34, 34, 0.5); border: 1px solid rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); height: 45px; overflow: hidden; padding: 0; position: fixed; right: 30px; top: 30px; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; width: 45px; } .wp-custom-header .wp-custom-header-video-button:hover, .wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */ border-color: rgba(255, 255, 255, 0.8); background-color: rgba(34, 34, 34, 0.8); color: #fff; } .admin-bar .wp-custom-header-video-button { top: 62px; } .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { bottom: 0; position: absolute; top: auto; -ms-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } /* For browsers that support 'object-fit' */ @supports ( object-fit: cover ) { .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; width: 100%; } } /* Hides div in Customizer preview when header images or videos change. */ body:not(.has-header-image):not(.has-header-video) .custom-header-media { display: none; } .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding { display: table-cell; height: 100%; vertical-align: bottom; } /*-------------------------------------------------------------- 13.2 Front Page --------------------------------------------------------------*/ .twentyseventeen-front-page .site-content { padding: 0; } .twentyseventeen-panel { overflow: hidden; position: relative; } .panel-image { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; } .panel-image:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))); background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ bottom: 0; content: ""; left: 0; right: 0; position: absolute; top: 100px; } .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { border-top: 1px solid #ddd; } .panel-content { position: relative; } .panel-content .wrap { padding-bottom: 0.5em; padding-top: 1.75em; } /* Panel edit link */ .twentyseventeen-panel .edit-link { display: block; margin: 0.3em 0 0; } .twentyseventeen-panel .entry-header .edit-link { font-size: 14px; font-size: 0.875rem; } /* Front Page - Recent Posts */ .twentyseventeen-front-page .panel-content .recent-posts article { border: 0; color: #333; margin-bottom: 3em; } .recent-posts .entry-header { margin-bottom: 1.2em; } .page .panel-content .recent-posts .entry-title { font-size: 20px; font-size: 1.25rem; font-weight: 300; letter-spacing: 0; text-transform: none; } .twentyseventeen-panel .recent-posts .entry-header .edit-link { color: #222; display: inline-block; font-size: 11px; font-size: 0.6875rem; margin-left: 1em; } /*-------------------------------------------------------------- 13.3 Regular Content --------------------------------------------------------------*/ .site-content-contain { background-color: #fff; position: relative; } /*-------------------------------------------------------------- 13.4 Posts --------------------------------------------------------------*/ /* Post Landing Page */ .sticky { position: relative; } .post:not(.sticky) .icon-thumb-tack { display: none; } .sticky .icon-thumb-tack { display: block; height: 18px; left: -1.5em; position: absolute; top: 1.65em; width: 20px; } .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { color: #222; font-size: 14px; font-size: 0.875rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .entry-header .entry-title { margin-bottom: 0.25em; } .entry-title a { color: #333; text-decoration: none; margin-left: -2px; } .entry-title:not(:first-child) { padding-top: 0; } .entry-meta { color: #767676; font-size: 11px; font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.1818em; padding-bottom: 0.25em; text-transform: uppercase; } .entry-meta a { color: #767676; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .pagination, .comments-pagination { border-top: 1px solid #eee; font-size: 14px; font-size: 0.875rem; font-weight: 800; padding: 2em 0 3em; text-align: center; } .pagination .icon, .comments-pagination .icon { width: 0.666666666em; height: 0.666666666em; } .comments-pagination { border: 0; } .page-numbers { display: none; padding: 0.5em 0.75em; } .page-numbers.current { color: #767676; display: inline-block; } .page-numbers.current .screen-reader-text { clip: auto; height: auto; overflow: auto; position: relative !important; width: auto; } .prev.page-numbers, .next.page-numbers { background-color: #ddd; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; font-size: 24px; font-size: 1.5rem; line-height: 1; padding: 0.25em 0.5em 0.4em; } .prev.page-numbers, .next.page-numbers { -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover { background-color: #767676; color: #fff; } .prev.page-numbers { float: left; } .next.page-numbers { float: right; } /* Aligned blockquotes */ .entry-content blockquote.alignleft, .entry-content blockquote.alignright { color: #666; font-size: 13px; font-size: 0.8125rem; width: 48%; } /* Blog landing, search, archives */ .blog .site-main > article, .archive .site-main > article, .search .site-main > article { padding-bottom: 2em; } body:not(.twentyseventeen-front-page) .entry-header { padding: 1em 0; } body:not(.twentyseventeen-front-page) .entry-header, body:not(.twentyseventeen-front-page) .entry-content, body:not(.twentyseventeen-front-page) #comments { margin-left: auto; margin-right: auto; } body:not(.twentyseventeen-front-page) .entry-header { padding-top: 0; } .blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link { color: #222; display: inline-block; margin-left: 1em; white-space: nowrap; } .search .page .entry-meta a.post-edit-link { margin-left: 0; white-space: nowrap; } .taxonomy-description { color: #666; font-size: 13px; font-size: 0.8125rem; } /* More tag */ .entry-content .more-link:before { content: ""; display: block; margin-top: 1.5em; } /* Single Post */ .single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary { margin-left: auto; margin-right: auto; max-width: 740px; } .single-featured-image-header { background-color: #fafafa; border-bottom: 1px solid #eee; } .single-featured-image-header img { display: block; margin: auto; } .page-links { font-size: 14px; font-size: 0.875rem; font-weight: 800; padding: 2em 0 3em; } .page-links .page-number { color: #767676; display: inline-block; padding: 0.5em 1em; } .page-links a { display: inline-block; } .page-links a .page-number { color: #222; } /* Entry footer */ .entry-footer { border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-top: 2em; padding: 2em 0; } .entry-footer .cat-links, .entry-footer .tags-links { display: block; font-size: 11px; font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.1818em; padding-left: 2.5em; position: relative; text-transform: uppercase; } .entry-footer .cat-links + .tags-links { margin-top: 1em; } .entry-footer .cat-links a, .entry-footer .tags-links a { color: #333; } .entry-footer .cat-links .icon, .entry-footer .tags-links .icon { color: #767676; left: 0; margin-right: 0.5em; position: absolute; top: 2px; } .entry-footer .edit-link { display: inline-block; } .entry-footer .edit-link a.post-edit-link { background-color: #222; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; margin-top: 2em; padding: 0.7em 2em; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; white-space: nowrap; } .entry-footer .edit-link a.post-edit-link:hover, .entry-footer .edit-link a.post-edit-link:focus { background-color: #767676; } /* Post Formats */ .blog .format-status .entry-title, .archive .format-status .entry-title, .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } .format-quote blockquote { color: #333; font-size: 20px; font-size: 1.25rem; font-weight: 300; overflow: visible; position: relative; } .format-quote blockquote .icon { display: block; height: 20px; left: -1.25em; position: absolute; top: 0.4em; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); width: 20px; } /* Post Navigation */ .post-navigation { font-weight: 800; margin: 3em 0; } .post-navigation .nav-links { padding: 1em 0; } .nav-subtitle { background: transparent; color: #767676; display: block; font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.1818em; margin-bottom: 1em; text-transform: uppercase; } .nav-title { color: #333; font-size: 15px; font-size: 0.9375rem; } .post-navigation .nav-next { margin-top: 1.5em; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { margin-right: 0.5em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { margin-left: 0.5em; } /*-------------------------------------------------------------- 13.5 Pages --------------------------------------------------------------*/ .page-header { padding-bottom: 2em; } .page .entry-header .edit-link { font-size: 14px; font-size: 0.875rem; } .search .page .entry-header .edit-link { font-size: 11px; font-size: 0.6875rem; } .page-links { clear: both; margin: 0 0 1.5em; } /* 404 page */ .error404 .page-content { padding-bottom: 4em; } .error404 .page-content .search-form, .search .page-content .search-form { margin-bottom: 3em; } /*-------------------------------------------------------------- 13.6 Footer --------------------------------------------------------------*/ .site-footer { border-top: 2px solid #eee; } .site-footer .wrap { padding-bottom: 1.5em; padding-top: 2em; } /* Footer widgets */ .site-footer .widget-area { padding-bottom: 2em; padding-top: 2em; } /* Social nav */ .social-navigation { font-size: 16px; font-size: 1rem; margin-bottom: 1em; } .social-navigation ul { list-style: none; margin-bottom: 0; margin-left: 0; } .social-navigation li { display: inline; } .social-navigation a { background-color: #767676; -webkit-border-radius: 40px; border-radius: 40px; color: #fff; display: inline-block; height: 40px; margin: 0 1em 0.5em 0; text-align: center; width: 40px; } .social-navigation a:hover, .social-navigation a:focus { background-color: #333; } .social-navigation .icon { height: 16px; top: 12px; width: 16px; vertical-align: top; } /* Site info */ .site-info { font-size: 14px; font-size: 0.875rem; margin-bottom: 1em; } .site-info a { color: #666; } .site-info .sep { margin: 0; display: block; visibility: hidden; height: 0; width: 100%; } /*-------------------------------------------------------------- 14.0 Comments --------------------------------------------------------------*/ #comments { clear: both; padding: 2em 0 0.5em; } .comments-title { font-size: 20px; font-size: 1.25rem; margin-bottom: 1.5em; } .comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; } .comment-list li:before { display: none; } .comment-body { margin-left: 65px; } .comment-author { font-size: 16px; font-size: 1rem; margin-bottom: 0.4em; position: relative; z-index: 2; } .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px; } .comment-author .says { display: none; } .comment-meta { margin-bottom: 1.5em; } .comment-metadata { color: #767676; font-size: 10px; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.1818em; text-transform: uppercase; } .comment-metadata a { color: #767676; } .comment-metadata a.comment-edit-link { color: #222; margin-left: 1em; } .comment-body { color: #333; font-size: 14px; font-size: 0.875rem; margin-bottom: 4em; } .comment-reply-link { font-weight: 800; position: relative; } .comment-reply-link .icon { color: #222; left: -2em; height: 1em; position: absolute; top: 0; width: 1em; } .children .comment-author .avatar { height: 30px; left: -45px; width: 30px; } .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #333; padding: 2px; } .no-comments, .comment-awaiting-moderation { color: #767676; font-size: 14px; font-size: 0.875rem; font-style: italic; } .comments-pagination { margin: 2em 0 3em; } .form-submit { text-align: right; } /*-------------------------------------------------------------- 15.0 Widgets --------------------------------------------------------------*/ #secondary { padding: 1em 0 2em; } .widget { padding-bottom: 3em; } h2.widget-title { color: #222; font-size: 13px; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.1818em; margin-bottom: 1.5em; text-transform: uppercase; } .widget-title a { color: inherit; } /* widget forms */ .widget select { width: 100%; } /* widget lists */ .widget ul { list-style: none; margin: 0; } .widget ul li, .widget ol li { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0.5em 0; } .widget:not(.widget_tag_cloud) ul li + li { margin-top: -1px; } .widget ul li ul { margin: 0 0 -1px; padding: 0; position: relative; } .widget ul li li { border: 0; padding-left: 24px; padding-left: 1.5rem; } /* Widget lists of links */ .widget_top-posts ul li ul, .widget_rss_links ul li ul, .widget-grofile ul.grofile-links li ul, .widget_pages ul li ul, .widget_meta ul li ul { bottom: 0; } .widget_nav_menu ul li li, .widget_top-posts ul li, .widget_top-posts ul li li, .widget_rss_links ul li, .widget_rss_links ul li li, .widget-grofile ul.grofile-links li, .widget-grofile ul.grofile-links li li { padding-bottom: 0.25em; padding-top: 0.25em; } .widget_rss ul li { padding-bottom: 1em; padding-top: 1em; } /* Widget markup */ .widget .post-date, .widget .rss-date { font-size: 0.81em; } /* Text widget */ .widget_text { word-wrap: break-word; } .widget_text ul { list-style: disc; margin: 0 0 1.5em 1.5em; } .widget_text ol { list-style: decimal; } .widget_text ul li, .widget_text ol li { border: none; } .widget_text ul li:last-child, .widget_text ol li:last-child { padding-bottom: 0; } .widget_text ul li ul { margin: 0 0 0 1.5em; } .widget_text ul li li { padding-left: 0; padding-right: 0; } .widget_text ol li { list-style-position: inside; } .widget_text ol li + li { margin-top: -1px; } /* RSS Widget */ .widget_rss .widget-title .rsswidget:first-child { float: right; } .widget_rss .widget-title .rsswidget:first-child:hover { background-color: transparent; } .widget_rss .widget-title .rsswidget:first-child img { display: block; } .widget_rss ul li { padding: 2.125em 0; } .widget_rss ul li:first-child { border-top: none; padding-top: 0; } .widget_rss li .rsswidget { font-size: 22px; font-size: 1.375rem; font-weight: 300; line-height: 1.4; } .widget_rss .rss-date, .widget_rss li cite { color: #767676; display: block; font-size: 10px; font-size: 0.625rem; font-style: normal; font-weight: 800; letter-spacing: 0.18em; line-height: 1.5; text-transform: uppercase; } .widget_rss .rss-date { margin: 0.5em 0 1.5em; padding: 0; } .widget_rss .rssSummary { margin-bottom: 0.5em; } /* Contact Info Widget */ .widget_contact_info .contact-map { margin-bottom: 0.5em; } /* Gravatar */ .widget-grofile h4 { font-size: 16px; font-size: 1rem; margin-bottom: 0; } /* Recent Comments */ .widget_recent_comments table, .widget_recent_comments th, .widget_recent_comments td { border: 0; } /* Recent Posts widget */ .widget_recent_entries .post-date { display: block; } /* Search */ .search-form { position: relative; } .search-form .search-submit .icon { height: 24px; top: -2px; width: 24px; } /* Tag cloud widget */ .tagcloud ul li { float: left; border-top: 0; border-bottom: 0; padding: 0; margin: 4px 4px 0 0; } .tagcloud, .widget_tag_cloud, .wp_widget_tag_cloud { line-height: 1.5; } .widget .tagcloud a, .widget.widget_tag_cloud a, .wp_widget_tag_cloud a { border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; display: block; padding: 4px 10px 5px; position: relative; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; width: auto; word-wrap: break-word; z-index: 0; } .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus { border-color: #bbb; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } /* Calendar widget */ .widget_calendar th, .widget_calendar td { text-align: center; } .widget_calendar tfoot td { border: 0; } /* Gallery widget */ .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*-------------------------------------------------------------- 16.0 Media --------------------------------------------------------------*/ img, video { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } img.alignleft, img.alignright { float: none; margin: 0; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { margin-bottom: 1.5em; max-width: 100%; } /* Remove bottom on embeds that wrapped in paragraphs via wpautop. */ p > embed:only-child, p > iframe:only-child, p > object:only-child { margin-bottom: 0; } .wp-caption, .gallery-caption { color: #666; font-size: 13px; font-size: 0.8125rem; font-style: italic; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /* Media Elements */ .mejs-container { margin-bottom: 1.5em; } /* Audio Player */ .mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls a.mejs-horizontal-volume-slider:focus, .mejs-controls a.mejs-horizontal-volume-slider:hover { background: transparent; border: 0; } /* Playlist Color Overrides: Light */ .site-content .wp-playlist-light { border-color: #eee; color: #222; } .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { color: #333; } .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { color: #767676; } .site-content .wp-playlist-light .wp-playlist-item { border-bottom: 1px dotted #eee; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .site-content .wp-playlist-light .wp-playlist-item:hover, .site-content .wp-playlist-light .wp-playlist-item:focus { border-bottom-color: rgba(0, 0, 0, 0); background-color: #767676; color: #fff; } .site-content .wp-playlist-light a.wp-playlist-caption:hover, .site-content .wp-playlist-light .wp-playlist-item:hover a, .site-content .wp-playlist-light .wp-playlist-item:focus a { color: #fff; } /* Playlist Color Overrides: Dark */ .site-content .wp-playlist-dark { background: #222; border-color: #333; } .site-content .wp-playlist-dark .mejs-container .mejs-controls { background-color: #333; } .site-content .wp-playlist-dark .wp-playlist-caption { color: #fff; } .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album { color: #eee; } .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist { color: #aaa; } .site-content .wp-playlist-dark .wp-playlist-playing { background-color: #333; } .site-content .wp-playlist-dark .wp-playlist-item { border-bottom: 1px dotted #555; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .site-content .wp-playlist-dark .wp-playlist-item:hover, .site-content .wp-playlist-dark .wp-playlist-item:focus { border-bottom-color: rgba(0, 0, 0, 0); background-color: #aaa; color: #222; } .site-content .wp-playlist-dark a.wp-playlist-caption:hover, .site-content .wp-playlist-dark .wp-playlist-item:hover a, .site-content .wp-playlist-dark .wp-playlist-item:focus a { color: #222; } /* Playlist Style Overrides */ .site-content .wp-playlist { padding: 0.625em 0.625em 0.3125em; } .site-content .wp-playlist-current-item .wp-playlist-item-title { font-weight: 700; } .site-content .wp-playlist-current-item .wp-playlist-item-album { font-style: normal; } .site-content .wp-playlist-current-item .wp-playlist-item-artist { font-size: 10px; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.1818em; text-transform: uppercase; } .site-content .wp-playlist-item { padding: 0 0.3125em; cursor: pointer; } .site-content .wp-playlist-item:last-of-type { border-bottom: none; } .site-content .wp-playlist-item a { padding: 0.3125em 0; border-bottom: none; } .site-content .wp-playlist-item a, .site-content .wp-playlist-item a:focus, .site-content .wp-playlist-item a:hover { -webkit-box-shadow: none; box-shadow: none; background: transparent; } .site-content .wp-playlist-item-length { top: 5px; } /* SVG Icons base styles */ .icon { display: inline-block; fill: currentColor; height: 1em; position: relative; /* Align more nicely with capital letters */ top: -0.0625em; vertical-align: middle; width: 1em; } /*-------------------------------------------------------------- 16.1 Galleries --------------------------------------------------------------*/ .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-item a, .gallery-item a:hover, .gallery-item a:focus, .widget-area .gallery-item a, .widget-area .gallery-item a:hover, .widget-area .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-item a:hover img, .gallery-item a:focus img { -webkit-filter: opacity(60%); filter: opacity(60%); } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } /*-------------------------------------------------------------- 17.0 Customizer --------------------------------------------------------------*/ .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after { border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */ bottom: 1em; content: ""; display: block; left: 1em; position: absolute; right: 1em; top: 1em; z-index: 1; } .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content { z-index: 2; /* Prevent :after from preventing interactions within the section */ } /* Used for placeholder text */ .twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; letter-spacing: 1px; padding: 3em; text-transform: uppercase; text-align: center; } /* Show borders on the custom page panels only when the front page sections are being edited */ .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after { border: none; } .twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder { border: 0; } /* Add some space around the visual edit shortcut buttons. */ .twentyseventeen-panel > .customize-partial-edit-shortcut > button { top: 30px; left: 30px; } /* Ensure that placeholder icons are visible. */ .twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before { visibility: visible; } /*-------------------------------------------------------------- 18.0 SVGs Fallbacks --------------------------------------------------------------*/ .svg-fallback { display: none; } .no-svg .svg-fallback { display: inline-block; } .no-svg .dropdown-toggle { padding: 0.5em 0 0; right: 0; text-align: center; width: 2em; } .no-svg .dropdown-toggle .svg-fallback.icon-angle-down { font-size: 20px; font-size: 1.25rem; font-weight: 300; line-height: 1; -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(180deg); /* IE 9 */ transform: rotate(180deg); } .no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { -webkit-transform: rotate(0); /* Chrome, Safari, Opera */ -ms-transform: rotate(0); /* IE 9 */ transform: rotate(0); } .no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before { content: "\005E"; } /* Social Menu fallbacks */ .no-svg .social-navigation a { background: transparent; color: #222; height: auto; width: auto; } /* Show screen reader text in some cases */ .no-svg .next.page-numbers .screen-reader-text, .no-svg .prev.page-numbers .screen-reader-text, .no-svg .social-navigation li a .screen-reader-text, .no-svg .search-submit .screen-reader-text { clip: auto; font-size: 16px; font-size: 1rem; font-weight: 300; height: auto; position: relative !important; /* overrides previous !important styles */ width: auto; } /*-------------------------------------------------------------- 19.0 Media Queries --------------------------------------------------------------*/ /* Adjust positioning of edit shortcuts, override style in customize-preview.css */ @media screen and (min-width: 20em) { body.customize-partial-edit-shortcuts-shown .site-header .site-title { padding-left: 0; } } @media screen and (min-width: 30em) { /* Typography */ body, button, input, select, textarea { font-size: 18px; font-size: 1.125rem; } h1 { font-size: 30px; font-size: 1.875rem; } h2, .home.blog .entry-title, .page .panel-content .recent-posts .entry-title { font-size: 26px; font-size: 1.625rem; } h3 { font-size: 22px; font-size: 1.375rem; } h4 { font-size: 18px; font-size: 1.125rem; } h5 { font-size: 13px; font-size: 0.8125rem; } h6 { font-size: 16px; font-size: 1rem; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 14px; font-size: 0.875rem; } /* Fix image alignment */ img.alignleft { float: left; margin-right: 1.5em;margin-bottom: 40px } img.alignright { float: right; margin-left: 1.5em;margin-bottom: 40px } /* Site Branding */ .site-branding { padding: 3em 0; } /* Front Page */ .panel-content .wrap { padding-bottom: 2em; padding-top: 3.5em; } .page-one-column .panel-content .wrap { max-width: 740px; } .panel-content .entry-header { margin-bottom: 4.5em; } .panel-content .recent-posts .entry-header { margin-bottom: 0; } /* Blog Index, Archive, Search */ .taxonomy-description { font-size: 14px; font-size: 0.875rem; } .page-numbers.current { font-size: 16px; font-size: 1rem; } /* Site Footer */ .site-footer { font-size: 16px; font-size: 1rem; } /* Gallery Columns */ .gallery-item { max-width: 25%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } } @media screen and (min-width: 48em) { /* Typography */ body, button, input, select, textarea { font-size: 16px; font-size: 1rem; line-height: 1.5; } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 13px; font-size: 0.8125rem; } /* Layout */ .wrap { max-width: 1000px; padding-left: 3em; padding-right: 3em; } .has-sidebar:not(.error404) #primary { float: left; width: 58%; } .has-sidebar #secondary { float: right; padding-top: 0; width: 36%; } .error404 #primary { float: none; } /* Site Branding */ .site-branding { margin-bottom: 0; } .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding { bottom: 0; display: block; left: 0; height: auto; padding-top: 0; position: absolute; width: 100%; } .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header { display: block; height: auto; } .custom-header-media { height: 165px; position: relative; } .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media { height: 0; position: relative; } .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media, .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media { bottom: 0; height: auto; left: 0; position: absolute; right: 0; top: 0; } .custom-logo-link { padding-right: 2em; } .custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img { max-width: 350px; } .title-tagline-hidden.home.has-header-image .custom-logo-link img, .title-tagline-hidden.home.has-header-video .custom-logo-link img { max-height: 200px; } .site-title { font-size: 36px; font-size: 2.25rem; } .site-description { font-size: 16px; font-size: 1rem; } /* Navigation */ .navigation-top { bottom: 0; font-size: 14px; font-size: 0.875rem; left: 0; position: absolute; right: 0; width: 100%; z-index: 3; } .navigation-top .wrap { max-width: 1000px; /* The font size is 14px here and we need 50px padding in ems */ padding: 0.75em 3.4166666666667em; } .navigation-top nav { margin-left: -1.25em; } .admin-bar .site-navigation-fixed.navigation-top { top: 32px; } /* Main Navigation */ .js .menu-toggle, .js .dropdown-toggle { display: none; } .main-navigation { width: auto; } .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul { display: block; } .main-navigation ul { background: transparent; padding: 0; } .main-navigation > div > ul { border: 0; margin-bottom: 0; padding: 0; } .main-navigation li { border: 0; display: inline-block; } .main-navigation li li { display: block; } .main-navigation a { padding: 1em 1.25em; } .main-navigation ul ul { background: #fff; border: 1px solid #bbb; left: -999em; padding: 0; position: absolute; top: 100%; z-index: 99999; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after { border-style: solid; border-width: 0 6px 6px; content: ""; display: none; height: 0; position: absolute; right: 1em; bottom: -1px; width: 0; z-index: 100000; } .main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after { display: block; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before { border-color: transparent transparent #bbb; bottom: 0; } .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after { border-color: transparent transparent #fff; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; right: auto; } .main-navigation ul ul a { padding: 0.75em 1.25em; width: 16em; } .main-navigation li li { -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .main-navigation li li:hover, .main-navigation li li.focus { background: #767676; } .main-navigation li li a { -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus { color: #fff; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 0.5em; right: auto; } .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon { display: inline; left: 5px; position: relative; top: -1px; } .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon { margin-top: -9px; left: auto; position: absolute; right: 1em; top: 50%; -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(-90deg); /* IE 9 */ transform: rotate(-90deg); } .main-navigation ul ul ul { left: -999em; margin-top: -1px; top: 0; } .main-navigation ul ul li.menu-item-has-children.focus:before, .main-navigation ul ul li.menu-item-has-children:hover:before, .main-navigation ul ul li.menu-item-has-children.focus:after, .main-navigation ul ul li.menu-item-has-children:hover:after, .main-navigation ul ul li.page_item_has_children.focus:before, .main-navigation ul ul li.page_item_has_children:hover:before, .main-navigation ul ul li.page_item_has_children.focus:after, .main-navigation ul ul li.page_item_has_children:hover:after { display: none; } .site-header .site-navigation-fixed .menu-scroll-down { display: none; } /* Scroll down arrow */ .site-header .menu-scroll-down { display: block; padding: 1em; position: absolute; right: 0; } .site-header .menu-scroll-down .icon { -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(90deg); /* IE 9 */ transform: rotate(90deg); } .site-header .menu-scroll-down { color: #fff; top: 2em; } .site-header .navigation-top .menu-scroll-down { color: #767676; top: 0.7em; } .menu-scroll-down:focus { outline: thin dotted; } .menu-scroll-down .icon { height: 18px; width: 18px; } /* Front Page */ .twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding { margin-bottom: 70px; } .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media { height: 1200px; height: 100vh; max-height: 100%; overflow: hidden; } .twentyseventeen-front-page.has-header-image .custom-header-media:before, .twentyseventeen-front-page.has-header-video .custom-header-media:before, .home.blog.has-header-image .custom-header-media:before, .home.blog.has-header-video .custom-header-media:before { height: 33%; } .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media { height: calc(100vh - 32px); } .panel-content .wrap { padding-bottom: 4.5em; padding-top: 6em; } .panel-image { height: 100vh; max-height: 1200px; } /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */ .background-fixed .panel-image { background-attachment: fixed; } .page-two-column .panel-content .entry-header { float: left; width: 36%; } .page-two-column .panel-content .entry-content { float: right; width: 58%; } /* Front Page - Recent Posts */ .page-two-column .panel-content .recent-posts { clear: right; float: right; width: 58%; } .panel-content .recent-posts article { margin-bottom: 4em; } .panel-content .recent-posts .entry-header, .page-two-column #primary .panel-content .recent-posts .entry-header, .panel-content .recent-posts .entry-content, .page-two-column #primary .panel-content .recent-posts .entry-content { float: none; width: 100%; } .panel-content .recent-posts .entry-header { margin-bottom: 1.5em; } .page .panel-content .recent-posts .entry-title { font-size: 26px; font-size: 1.625rem; } /* Posts */ .single-post .entry-title, .page .entry-title { font-size: 26px; font-size: 1.625rem; } .comments-pagination, .post-navigation { clear: both; } .post-navigation .nav-previous { float: left; width: 50%; } .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .nav-next, .post-navigation .nav-next { margin-top: 0; } /* Blog, archive, search */ .sticky .icon-thumb-tack { height: 23px; left: -2.5em; top: 1.5em; width: 32px; } body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header { float: left; width: 36%; } .blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments { float: right; width: 58%; } .blog .site-main > article, .archive .site-main > article, .search .site-main > article { padding-bottom: 4em; } .navigation.pagination { clear: both; float: right; width: 58%; } .has-sidebar .navigation.pagination, .archive.page-one-column:not(.has-sidebar) .navigation.pagination { float: none; width: 100%; } .entry-footer { display: table; width: 100%; } .entry-footer .cat-tags-links { display: table-cell; vertical-align: middle; width: 100%; } .entry-footer .edit-link { display: table-cell; text-align: right; vertical-align: middle; } .entry-footer .edit-link a.post-edit-link { margin-top: 0; margin-left: 1em; } /* Entry content */ /* without sidebar */ :not(.has-sidebar) .entry-content blockquote.alignleft { margin-left: -17.5%; width: 48%; } :not(.has-sidebar) .entry-content blockquote.alignright { margin-right: -17.5%; width: 48%; } /* with sidebar */ .has-sidebar .entry-content blockquote.alignleft { margin-left: 0; width: 34%; } .has-sidebar .entry-content blockquote.alignright { margin-right: 0; width: 34%; } .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta { margin-right: -72.5%; width: 62%; } /* blog and archive */ .blog:not(.has-sidebar) .entry-content blockquote.alignleft, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft { margin-left: -72.5%; width: 62%; } .blog:not(.has-sidebar) .entry-content blockquote.alignright, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column .entry-content blockquote.alignright { margin-right: 0; width: 36%; } /* Post formats */ .format-quote blockquote .icon { left: -1.5em; } /* Pages */ .page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header { margin-bottom: 4em; } /* 404 page */ .error404 .page-content { padding-bottom: 9em; } /* Comments */ #comments { padding-top: 5em; } .comments-title { margin-bottom: 2.5em; } ol.children .children { padding-left: 2em; } /* Posts pagination */ .nav-links .nav-title { position: relative; } .nav-title-icon-wrapper { position: absolute; text-align: center; width: 2em; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { left: -2em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { right: -2em; } /* Secondary */ #secondary { font-size: 14px; font-size: 0.875rem; line-height: 1.6; } /* Widgets */ h2.widget-title { font-size: 11px; font-size: 0.6875rem; margin-bottom: 2em; } /* Footer */ .site-footer { font-size: 14px; font-size: 0.875rem; line-height: 1.6; margin-bottom: 3em; } .site-footer .widget-column.footer-widget-1 { float: left; width: 36%; } .site-footer .widget-column.footer-widget-2 { float: right; width: 58%; } .social-navigation { clear: left; float: left; margin-bottom: 0; width: 36%; } .site-info { float: left; padding: 0.7em 0 0; width: 58%; } .social-navigation + .site-info { margin-left: 6%; } .site-info .sep { margin: 0 0.5em; display: inline; visibility: visible; height: auto; width: auto; } /* Gallery Columns */ .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } } @media screen and ( min-width: 67em ) { /* Layout */ /* Navigation */ .navigation-top .wrap { padding: 0.75em 2em; } .navigation-top nav { margin-left: 0; } /* Sticky posts */ .sticky .icon-thumb-tack { font-size: 32px; font-size: 2rem; height: 22px; left: -1.25em; top: 0.75em; width: 32px; } /* Pagination */ .page-numbers { display: inline-block; } .page-numbers.current { font-size: 15px; font-size: 0.9375rem; } .page-numbers.current .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* Comments */ .comment-body { margin-left: 0; } } @media screen and ( min-width: 79em ) { .has-sidebar .entry-content blockquote.alignleft { margin-left: -20%; } .blog:not(.has-sidebar) .entry-content blockquote.alignright, .archive:not(.has-sidebar) .entry-content blockquote.alignright, .page-two-column .entry-content blockquote.alignright, .twentyseventeen-front-page .entry-content blockquote.alignright { margin-right: -20%; } } @media screen and ( max-width: 48.875em ) and ( min-width: 48em ) { .admin-bar .site-navigation-fixed.navigation-top, .admin-bar .site-navigation-hidden.navigation-top { top: 46px; } } /*-------------------------------------------------------------- 20.0 Print --------------------------------------------------------------*/ @media print { /* Hide elements */ form, button, input, select, textarea, .navigation-top, .social-navigation, #secondary, .content-bottom-widgets, .header-image, .panel-image-prop, .icon-thumb-tack, .page-links, .edit-link, .post-navigation, .pagination.navigation, .comments-pagination, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link, .site-footer aside.widget-area, .site-info { display: none !important; } .entry-footer, #comments, .site-footer, .single-featured-image-header { border: 0; } /* Font sizes */ body { font-size: 12pt; } h1 { font-size: 24pt; } h2 { font-size: 22pt; } h3 { font-size: 17pt; } h4 { font-size: 12pt; } h5 { font-size: 11pt; } h6 { font-size: 12pt; } .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { font-size: 10pt; } /* Layout */ .wrap { padding-left: 5% !important; padding-right: 5% !important; max-width: none; } /* Site Branding */ .site-header { background: transparent; padding: 0; } .custom-header-media { padding: 0; } .twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding { position: relative; } .site-branding { margin-top: 0; margin-bottom: 1.75em !important; /* override styles added by JavaScript */ } .site-title { font-size: 25pt; } .site-description { font-size: 12pt; opacity: 1; } /* Posts */ .single-featured-image-header { background: transparent; } .entry-meta { font-size: 9pt; } /* Colors */ body, .site { background: none !important; /* Brute force since user agents all print differently. */ } body, a, .site-title a, .twentyseventeen-front-page.has-header-image .site-title, .twentyseventeen-front-page.has-header-video .site-title, .twentyseventeen-front-page.has-header-image .site-title a, .twentyseventeen-front-page.has-header-video .site-title a { color: #222 !important; /* Make sure color schemes don't affect to print */ } h2, h5, blockquote, .site-description, .twentyseventeen-front-page.has-header-image .site-description, .twentyseventeen-front-page.has-header-video .site-description, .entry-meta, .entry-meta a { color: #777 !important; /* Make sure color schemes don't affect to print */ } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 11pt; width: 34%; } .site-footer { padding: 0; } } /* New css start here */ * { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; } html { -webkit-text-size-adjust: none } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word } q { quotes: none } q:before, q:after { content: ''; content: none } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer } :focus { outline: 0 } ol { margin: 20px 0 60px 0px; } ul { margin: 20px 0 60px 0px; } ul li { padding-left: 16px; position: relative; } ul li:after { content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 10px; background: #fff; } ul ul { margin: 0px 0 20px 20px; } ul ul li:after { width: 3px; height: 3px; top: 11px; } li { color: #cccccc; list-style: none; } table { border-collapse: separate; border-spacing: 0 } caption, th, td { text-align: left; font-weight: 300 } blockquote:before, blockquote:after, q:before, q:after { content: "" } blockquote, q { quotes: "" "" } table { border: 0 none; border-collapse: collapse; border-spacing: 0 } td { vertical-align: top } img { border: 0 none; max-width: 100% } .none { display: none } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } .clear { clear: both } img { max-width: 100%; } .cf:before, .cf:after { content: ""; display: table } .cf:after { clear: both } .cf { *zoom:1 } ::selection { background: #4E9590; color: #fff } ::-moz-selection { background:#4E9590; color:#fff } p { font-size: 17px; margin-bottom: 30px; color: #3b3d40; font-weight: 300; line-height: 1.44; } p a { color: #439F46; text-decoration: none; } .fnerr a{color: #439F46; text-decoration: none; } .fnerr a:hover{color: #439F46; text-decoration: underline; } p a:hover { text-decoration: underline; color: #439F46; } a, input, textarea, button { transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; outline: none!important } a:hover, a:focus { text-decoration: none; } a { text-decoration: none; color: inherit; } body, html { height: 100% } input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="search"] { font-family: 'Archivo', sans-serif; color: #cccccc; font-size: 16px; background: rgba(255, 255, 255, 0.10); padding: 13px 13px 12px; line-height: 16px; border-radius: 0; vertical-align: middle; font-weight: 300; border: none; } input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus, input[type="search"]:focus { border-color: #ec7057; color: #58585a; } textarea { color: #b5bad8; font-weight: 300; -webkit-box-shadow: none; box-shadow: none; width: 100%; font-size: 18px; background: transparent; padding: 10px 0 10px; line-height: 16px; border-radius: 0; border: none; vertical-align: middle; border-bottom: 1px solid #ffffff; resize: none; height: 42px; } button, html input[type="button"], input[type="submit"], input[type="reset"], .main-btn { color: #033845; background: #f7db5f; display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 16px; padding: 12px 15px 13px; font-weight: 300; text-align: center; line-height: 18px; font-family: 'Archivo Black'; letter-spacing: 0.50px; font-style: normal; border-radius: 3px; -webkit-border-radius: 3px; } button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, .main-btn:hover, .main-btn:focus { background-color: #e99557; color: #033845; } input::-moz-placeholder { opacity: 1 !important; } input:-moz-placeholder { opacity: 1 !important; } input::-webkit-input-placeholder { color: #ccc !important; opacity: 1 !important; } input:-ms-input-placeholder { opacity: 1 !important; } textarea::-moz-placeholder { opacity: 1 !important; } textarea:-moz-placeholder { opacity: 1 !important; } textarea::-webkit-input-placeholder { color: #ccc !important; opacity: 1 !important; } textarea:-ms-input-placeholder { opacity: 1 !important; } .srchform input[type="search"]::-moz-placeholder { opacity: 1 !important; color: #fff !important; } .srchform input[type="search"]:-moz-placeholder { opacity: 1 !important; color: #fff !important; } .srchform input[type="search"]::-webkit-input-placeholder { color: #fff !important; opacity: 1 !important; } .srchform input[type="search"]:-ms-input-placeholder { opacity: 1 !important; color: #fff !important; } .btn { font-size: 16px; letter-spacing: 0.025em; font-family: 'Merriweather', serif; font-weight: 700; text-transform: capitalize; padding: 14px 50px; border-radius: 0; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; background: #4E9590; color: #fff; border: 0; } a.btn.disabled, fieldset:disabled a.btn { opacity: 1; background: #ebeaea } .btn:hover { background: #44A3CC; color: #fff } .yellow-btn { background: #4E9590 } .ctaaction .yellow-btn {background-color: #4E9590;} .yellow-btn:hover { background: #44A3CC; color: #fff } .site { position: relative; overflow-x: hidden } header .logo {display: table; margin-top: 38px; text-align: center; margin-left: auto; margin-right: auto; } header .logo img { width: auto; height: 85px; } .header-top { padding-right: 34px; padding-left: 39px; position: relative; padding-top: 10px; padding-bottom: 11px; float: right; } .header-top .social-icon ul li { margin-bottom: 0 } .social-icon ul { margin: 0; list-style: none; } .social-icon ul li:after { content: none; } .social-icon ul li { padding: 0; display: inline-block; vertical-align: middle; padding: 0 0px; margin-right: 4px; margin-bottom: 5px; } .social-icon ul li a { height: 34px; width: 34px; display: inline-block; border-radius: 100%; color: #4E9590; background: #fff; line-height: 34px; font-size: 17px; text-align: center; } .join-conversation .social-icon ul li a { color: #fff } .join-conversation .social-icon ul li a.fa-facebook { background: #3460a1; } .join-conversation .social-icon ul li a.fa-twitter { background: #28aae1; } .join-conversation .social-icon ul li a.fa-linkedin { background: #4E9590;; } .join-conversation .social-icon ul li a.fa-google-plus { background: #DC4E40; } .join-conversation .social-icon ul li a.fa-instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } .social-icon ul li a:hover { opacity: 0.8 } .site-header.sticky { animation: slideDown 0.5s linear 0s; -webkit-animation: slideDown 0.5s linear 0s; -moz-animation: slideDown 0.5s linear 0s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: fixed; width: 100%; } .site-header.sticky { background: #fff; } @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } @-webkit-keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } @-moz-keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } .right-header { padding-right: 0 } .submenu { float: left } .submenu .topmenu_ul { list-style: none; margin: 0 } .submenu .topmenu_ul li:after { content: none } .submenu .topmenu_ul li { display: inline-block; padding-left: 0; padding-right: 15px; } .submenu .topmenu_ul li a { color: #4E9590; font-size: 14px; letter-spacing: 0.01em; } .submenu .topmenu_ul li a:hover { color: #f1b434 } .header-top .social-icon { float: right; margin-top: 0px } .header-top .social-icon ul li a { height: 21px; width: 21px; display: block; border-radius: 100%; color: #ffffff; background: #4E9590; line-height: 22px; font-size: 11px; text-align: center; } .wpmm-sub-menu-wrapper.wpmm-menu1 ul li a span.wpmm-mega-menu-href-title { text-transform: capitalize; } .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li.current-menu-item a, .wp-megamenu-main-wrapper.wpmm-orientation-vertical ul.wpmm-mega-wrapper > li.current-menu-item a { font-weight: 700; color: #000; text-align: center; text-transform: uppercase } .wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal { border: 0; width: 80.3% } .wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a:before { background: #f3f2f2; } .wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li:nth-child(4) > a:before { display: none } .wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li:last-child > a:before { display: none } .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a { padding: 24px 0 20px 0; position: relative; display: block; font-size: 20px; line-height: 1.6; overflow: visible; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; color: #4E9590; text-align: center; font-weight: 700; } .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li { width: 25%; } .wpmega-clean-white .wpmm-mega-wrapper > li:hover, .wpmega-clean-white .wpmm-mega-wrapper > li.current-menu-item { background: #ffffff; } .wpmega-clean-white .wpmm-mega-wrapper > li:hover > a, .wpmega-clean-white .wpmm-mega-wrapper > li.current-menu-item > a { color: #439F46 !important } .wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wp-mega-menu-link { margin-bottom: 0; } .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li:after { content: none; } .wpmm_megamenu ul.wp-mega-sub-menu li:after { content: none } .wpmm_megamenu ul.wp-mega-sub-menu li a, .wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wp-mega-menu-link span.wpmm-mega-menu-href-title { text-align: left; color: #4E9590 !important; font-family: 'Lato', sans-serif; text-transform: capitalize; font-weight: 700; font-size: 16px; } .wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wp-mega-menu-link span.wpmm-mega-menu-href-title{margin-bottom: 0} .wpmm_megamenu .wp-megamenu-main-wrapper ul ul li a:hover, .wpmm_megamenu .wp-megamenu-main-wrapper ul ul li a:focus, .wpmm-sub-menu-wrap ul li.wp-mega-menu-header > a.wp-mega-menu-link:hover span.wpmm-mega-menu-href-title { color: #439F46 !important; text-decoration: none; } .wpmm_megamenu .wp-megamenu-main-wrapper ul ul { padding: 0 26px 40px 10px; visibility: hidden; opacity: 0; } .wpmm_megamenu li.menu-item:hover ul { visibility: visible; opacity: 1; } .wpmm_megamenu .wp-megamenu-main-wrapper ul ul.wp-mega-sub-menu li.menu-widget-class-widget_wpmegamenu_pro_linkimage h4.wpmm-mega-block-title { position: absolute; bottom: 50px; left: 28px; color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 500; z-index: 99; text-transform: capitalize; font-size: 20px; padding: 0 10px 0 0; margin: 0 } .wpmm-sub-menu-wrap ul li ul li { width: 100%; margin: 15px 0 15px; padding: 0; } .wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal ul.wpmm-mega-wrapper li .wpmm-sub-menu-wrap { top: 100%; } .wpmm_megamenu .wp-megamenu-main-wrapper ul ul.wp-mega-sub-menu li.menu-widget-class-widget_wpmegamenu_pro_linkimage h5 { position: absolute; bottom: 22px; left: 28px; color: #ffffff; font-family: 'Lato', sans-serif; font-weight: 300; z-index: 99; text-transform: none; font-size: 17px; margin: 0; padding: 0 } .wpmm-image-link-wrapper a:before { position: absolute; z-index: 2; display: block; content: ''; background: rgba(0,115,152,0.8); opacity: 0; transform: none !important; opacity: 0; width: 100%; height: 100%; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -ms-transition: all ease 0.5s; } .wpmm-image-link-wrapper a:after { position: absolute; z-index: 2; display: block; content: ''; height: 100%; width: 100%; top: 0; left: 0; background-size: contain; background-position: 0 40px; } .menu-topmenu-container { display: inline-block; vertical-align: middle; } .srchicon { display: inline-block; vertical-align: top; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } .srchicon:hover { opacity: 0.8; } .srchicon img { cursor: pointer; width: 17px; margin-right: 15px; } .wp-megamenu-main-wrapper { float: left } .donatenow { float: right; text-align: center } .donatenow a { background: #439F46; color: #ffffff; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; padding: 12px 25px; display: block; font-size: 16px; margin: 10px 47px 0 0; min-width: 165px; } /*.ie .donatenow a { padding-right: 65px; padding-left: 65px; }*/ .donatenow a:hover { background: #5bb593 } .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper li .wpmm-sub-menu-wrap { padding: 57px 43px 5px; } .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper li .wpmm-sub-menu-wrap a{text-transform: none} .header-main { margin: 0 auto; } .bluetext { color: #4E9590 } .greentext { color: #439F46 } .yellowtext { color: #f1b434 } .dullpurpletext { color: #b07c83 } .srchform input[type="search"] { color: #ffffff; font-family: 'Lato', sans-serif; letter-spacing: 0.01em; font-size: 13px; background: none; font-weight: 300; padding-left: 60px; height: 100%; padding-right: 90px; } .srchform { position: absolute; top: 0; left: 0; width: 100%; background: #4E9590; z-index: 999; height: 100% } .srchform button { color: #fff; background: none; } .search-form .search-submit { bottom: 3px; padding: 8px 16px; position: absolute; left: 23px; top: 4px; } .ie .search-form .search-submit { background-size: auto } .search-form .search-submit:focus { opacity: 0.5 } .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper li.wpmega-horizontal-left-edge .wpmm-sub-menu-wrap { left: 0; width: 100%; } /*********************** Home Slider Section style starts here ***********************/ .home-slider .item { height: 682px; background-repeat: no-repeat; background-size: cover; background-position: center top; display: flex; flex-wrap: wrap; align-items: center } span.slide-caption { color: #ffffff; font-size: 80px; letter-spacing: -0.01em; font-family: 'Lato', sans-serif; font-weight: 700; display: block; line-height: 1; margin-bottom: 38px } .home-slider .owl-prev, .home-slider .owl-next { position: absolute; top: 0; bottom: 0; height: 47px; margin: auto; } .home-slider .owl-prev { left: 30px; } .home-slider .owl-next { right: 30px; } .home-slider .owl-prev:after, .home-slider .owl-next:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -ms-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .home-slider .owl-prev:after { background: url('assets/images/left-arrow.png') no-repeat center center; background-size: 22px; } .home-slider .owl-next:after { background: url('assets/images/right-arrow.png') no-repeat center center; background-size: 22px; } .home-slider .owl-prev:hover:after, .home-slider .owl-next:hover:after, .home-slider .owl-prev:focus:after, .home-slider .owl-next:focus:after { opacity: 0.5; } .home-slider .owl-nav i { display: inline-block; vertical-align: middle; width: 47px; height: 47px; border-radius: 100%; background: rgba(0, 0, 0, 0.40); } .srchclosebtn img { width: 15px; height: 15px; } .srchclosebtn { right: 67px; position: absolute; cursor: pointer; top: 10px; width: auto; height: auto; z-index: 999; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } .srchclosebtn:hover { opacity: 0.8 } .search-form .search-submit { background: url('assets/images/srch.svg') no-repeat center center; background-size: 18px; text-indent: -9999px;} .search-form .search-submit svg { display: none } .srchform .search-form { height: 100%; } .srchform { height: 100% } .bannerwarp { margin-left: 77px; max-width: 650px; width: 100% } footer h4 { color: #4E9590; font-size: 17px; letter-spacing: 0.015em; font-family: 'Lato', sans-serif; font-weight: 900; margin-bottom: 15px } .acclogos { margin-top: 20px; } .acclogos ul { margin: 0 } .acclogos ul li { display: inline-block; padding-left: 0; margin-right: 7%; width: auto; margin-bottom: 10px; } .acclogos ul li:nth-child(4n+4), .acclogos ul li:last-child { margin-right: 0; } .explore-more { width: 53%; float: left } footer .join-conversation { width: 47%; float: left } .footer-bottom { border-top: 2px solid #ddddde; padding-top: 26px; display: flex; flex-wrap: wrap; align-items: center } .donate-btn { text-align: center } .donate-btn a { background: #439F46; color: #fff; font-size: 20px; font-family: 'Merriweather', serif; font-weight: 700; letter-spacing: 0.025em; display: inline-block; padding: 17px 36px; } .donate-btn a:hover { background: #5bb593; color: #fff; } .copy-right { text-align: right } .copy-right p { color: #3b3d40; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 300; margin-bottom: 0 } .footer-btm { align-items: center } .right-footer { border-left: 2px solid #ebebec; padding-top: 21px; padding-left: 62px; } .left-footer { padding-top: 21px; padding-bottom: 09px; } footer a:hover { color: #439F46 } footer .menu li { padding-left: 0; margin-bottom: 6px; } footer .menu li:after, .acclogos ul li:after { display: none } footer .menu li a { color: #3b3d40; font-size: 14px; letter-spacing: 0.01em; font-family: 'Lato', sans-serif; font-weight: 500; position: relative } footer .menu li a:after { content: ""; position: absolute; bottom: -2px; height: 2px; width: 100%; left: 0; background: #afafb0; z-index: 9; border-radius: 3px 0px 3px 0px; -moz-border-radius: 3px 0px 3px 0px; -webkit-border-radius: 3px 0px 3px 0px; opacity: 0; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } footer .menu li a:hover { color: #3b3d40; } footer .menu li a:hover:after { color: #3b3d40; opacity: 1 } footer .menu { margin: 0 } footer .menu-contactmenu-footer-container { padding-top: 17px; } /* ----------- style page ------------------ */ /*********************** Stylesheet page style starts here ***********************/ /********* banner style starts here *********/ h1 { font-family: 'Lato', sans-serif; font-size: 80px; letter-spacing: -0.01em; text-transform: capitalize; font-weight: 700 } h2 { font-family: 'Lato', sans-serif; font-size: 44px; color: #3b3d40; text-transform: capitalize; font-weight: 300; margin-bottom: 15px; line-height: 1.2; } h3 { font-family: 'Lato', sans-serif; font-size: 32px; color: #4E9590; text-transform: capitalize; font-weight: 700; letter-spacing: 0.01em; margin-bottom: 15px; line-height: 1.2; } h4 { font-family: 'Lato', sans-serif; font-size: 22px; color: #4E9590; text-transform: capitalize; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 15px; line-height: 1.2; } h5 { font-family: 'Lato', sans-serif; font-size: 16px; color: #4E9590; text-transform: capitalize; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 15px; line-height: 1.2; } .global-style h3, .post-content h3 {font-family: 'Lato', sans-serif; font-size: 32px; color: #4E9590; text-transform: capitalize; font-weight: 700; letter-spacing: 0.05em; margin-bottom: 15px; line-height: 1.2; } .global-style h4, .post-content h4 { font-family: 'Lato', sans-serif; font-size: 16px; color: #3b3d40; text-transform: capitalize; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 15px; line-height: 1.2; } .global-style h5, .post-content h5 { font-family: 'Lato', sans-serif; font-size: 16px; color: #4E9590; text-transform: capitalize; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 15px; line-height: 1.2; } p { margin-bottom: 20px; } ol li { list-style-type: none; font-family: 'Lato', sans-serif; font-size: 17px; color: #3b3d40; font-weight: 300; line-height: 1.35; counter-increment: step-counter; position: relative; padding: 0 0 22px 35px; } ol li::before { content: '0'counter(step-counter); font-size: 15px; color: #3b3d40; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 1; position: absolute; top: 4px; left: 0; display: inline-block; } ol li a, .one_half a { color: #439F46; } ol li a:hover, .one_half a:hover { text-decoration: underline; } .global-style ul li a { color: #439F46; } .global-style ul li a:hover { text-decoration: underline; } a.link { color: #4E9590; font-size: 14px; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 800; padding-bottom: 3px; position: relative } a.link:hover { text-decoration: none; color: #0086b2; border-color: #0086b2; } span.link { color: #4E9590; font-size: 14px; letter-spacing: 0.2em; text-decoration: none; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 800; padding-bottom: 3px; position: relative } span.link:hover { text-decoration: none; color: #0086b2; border-color: #0086b2; } span.link:after { content: ""; position: absolute; bottom: -5px; height: 3px; width: 100%; left: 0; background: #4E9590; z-index: 9; border-radius: 3px 0px 3px 0px; -moz-border-radius: 3px 0px 3px 0px; -webkit-border-radius: 3px 0px 3px 0px; } span.link:hover:after { background: #4E9590 } a.link:hover:after { background: #44A3CC } a.link:after { content: ""; position: absolute; bottom: -5px; height: 3px; width: 100%; left: 0; background: #4E9590; z-index: 9; border-radius: 3px 0px 3px 0px; -moz-border-radius: 3px 0px 3px 0px; -webkit-border-radius: 3px 0px 3px 0px; } a.link.disabled { opacity: 0.2 } .inner-banner { background-size: cover; background-position: center top; background-repeat: no-repeat; position: relative; height: 520px; } .page-template-default .inner-banner{margin-bottom: 60px} .inner-banner:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(59,61,64,0.3) } .banner-caption { position: absolute; left: 0; top: 0; width: 100%;align-items: center; display: flex; flex-wrap: wrap; height: 520px; } .banner-caption h1 { margin: 0; color: #fff; z-index: 1; position: relative; text-align: center } .banner-cnt { position: absolute; left: 0; width: 100%; top: 190px; } .page-template-404 .banner-caption{ height: 220px; } .media_embed p{margin-bottom: 0;} /********* banner style ends here *********/ /********* responsive tabing style starts here *********/ .leadpara { padding: 0px 0 0px 0; } .leadpara p { line-height: 1.5; color: #3b3d40; font-size: 24px; font-weight: 300;margin-bottom: 20px } /*.tab-links {border-bottom: 1px solid #033845;}*/ .tab-links ul { margin: 0; position: relative } .tab-links ul.responsive-slider li { list-style: none; display: inline-block; vertical-align: middle; padding: 23px 25px 0; position: static; font-family: 'Lato', sans-serif; background: none !important } .tab-links ul.responsive-slider li a { font-size: 16px; color: #3b3d40; font-weight: 500; } .tab-links ul.responsive-slider li a:hover { text-decoration: none } .tab-links ul.responsive-slider li:after { display: none; } .tab-links ul.responsive-slider li:first-child { padding-left: 0 } .tab-links ul.responsive-slider li:last-child { padding-right: 0; } .tab-links a { position: relative; -webkit-transition: color 0.2s; -ms-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; padding-bottom: 15px; } .tab-links a:after { content: ""; position: absolute; bottom: -5px; height: 3px; width: 100%; left: 0; background: transparent; z-index: 99; } .tab-links ul.responsive-slider li a:hover { color: #439F46; } .tab-links ul.responsive-slider li.active a { color: #4E9590; } .style2 .tab-links ul.responsive-slider li a{font-size: 14px} .style2.responsive-tabs h2{font-size: 60px;} .tab-links li.active a:after { background: #4E9590; } .tab-detail { border-top: 1px solid #d9d2ce; padding: 32px 0 32px 0px; } .tab-content { padding-right: 20px; } .stay-in-content .tab-content a:after { display: none } .tab-content.current { display: block; } /*tab style2*/ .style2 .tab-links h2 { font-size: 56px } .style2 .tab-links ul { margin: 0; position: relative; text-align: center } .style2 .tab-links ul li:first-child { padding-left: 0; } .style2 .tab-links ul li { list-style: none; display: inline-block; vertical-align: middle; font-size: 14px; color: #807c79; font-weight: 900; padding: 23px 25px 20px; position: static; font-family: 'Lato', sans-serif; background: none !important } .style2 .tab-links ul li:after { display: none; } .style2 .tab-links ul li:last-child { padding-right: 0; } .style2 .tab-links a { position: relative; -webkit-transition: color 0.2s; -ms-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; padding-bottom: 0px; color: #3b3d40; text-transform: uppercase; letter-spacing: 0.2em; } .style2 .tab-links a:after { content: ""; position: absolute; bottom: -5px; height: 3px; width: 100%; left: -1px; background: transparent; z-index: 99; border-radius: 3px 0px 3px 0px; -moz-border-radius: 3px 0px 3px 0px; -webkit-border-radius: 3px 0px 3px 0px; } .style2 .tab-links a:hover { color: #439F46; text-decoration: none } .style2 .tab-links li.active a { color: #439F46 !important; } .style2 .tab-links li.active > a:after { background: #439F46; } .style2 .tab-detail { border-top: 0; padding: 0px 0 32px 0px; margin-top: 10px; text-align: left } .style2 .tab-content { padding-right: 20px; } .style2 .tab-content.current { display: block; } .simple-tabs .tab-detail { padding: 96px 0 65px; position: absolute; left: 0; right: 0; } .simple-tabs .tab-detail p { letter-spacing: 0.20px; } .simple-tabs .tab-content { padding: 0 15px; text-align: left; } .simple-tabs .tab-detail:after { content: ""; position: absolute; top: 20px; left: -120%; background: #033845; height: 1px; width: 5000px; margin: 0 auto; } .responsive-tabs.simple-tabs { overflow: hidden; } span.subtitle { color: #439F46; display: block; letter-spacing: 0.2em; text-align: center; font-size: 12px; font-weight: 700; text-transform: uppercase; } .responsive-tabs h2 { text-align: center } /* ============ Table Section css start ============ */ .tablesection { padding: 39px 0 30px 0; } .tablesection h4 { font-size: 36px; line-height: 1; color: #30241c; font-family: 'Fira Sans', sans-serif; font-weight: 500; margin: 0; padding: 0 0 22px 0; } .tablesection p { font-size: 17px; line-height: 1.45; } .tablesection h3 { font-size: 19px; color: #30241c; font-family: 'Fira Sans', sans-serif; font-weight: 500; line-height: 1; margin: 0 0 19px 0; } .table1 { padding: 56px 0 0 0; } .page-id-1027 .table1 { padding: 0; margin: -40px 0 0 0; } .table2 { padding: 56px 0 70px 0; } .tablestyle2 { margin-bottom: 60px } .tablestyle2 .tablepress tfoot th, .tablestyle2 .tablepress thead th { background-color: #4E9590; color: #ffffff; font-size: 16px; padding: 20px 0 15px 50px; font-family: 'Lato', sans-serif; font-weight: 500; line-height: 1; letter-spacing: 0.075em; text-transform: uppercase; vertical-align: middle; } .full-img { margin-bottom: 60px; } .full-width-img .full-img { margin-bottom: 0px; } .full-width-img { margin-bottom: 60px; } .tablestyle2 .tablepress .odd td { background: #e5f1f4 } .tablestyle2 .tablepress tbody td, .tablestyle2 .tablepress tfoot th { border-top: 0; } .tablestyle2 .tablepress tr td:first-child { font-weight: 700; font-weight: 15px; color: #53565a; } .tablestyle2 .tablepress td { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 15px; color: #1c1008; line-height: 1; padding: 16px 0 19px 50px; } .table2 .tablepress .odd td, .table2 .tablepress .row-hover tr:hover td { background: transparent; } .table2 .tablepress .row-hover tr { border-bottom: 0; } .table2 .tablepress tbody td { font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size: 15px; color: #1c1008; line-height: 1; padding: 8px 0 17px 14px; border-left: 1px solid #d9d2ce; border-top: 0; width: 25%; } .table2 .tablepress tbody tr td:first-child { border-left: 0; padding: 8px 0 17px; } /********* responsive tabing style ends here *********/ .global-content { padding: 69px 0 0; } .global-style { padding-bottom: 0; padding-top:0; } .global-style ul li, .single .post-content ul li { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 17px; color: #3b3d40; line-height: 1.3; background-size: 8px; background-position: left 6px; padding-left: 21px; margin-bottom: 17px; } .global-style ul li:before { margin-right: 4px; content: "•"; display: inline-block; } .global-style .strip ul li:before, .global-style ul.responsive-slider li:before { display: none; } .global-style ul li ul, .single .post-content ul li ul { margin-top: 13px; margin-left: 5px; } .global-style ul li ul li, .single .post-content ul li ul li { list-style-type: none; background: none; padding-left: 16px; margin-bottom: 2px; } .global-style ul li:after, .single .post-content ul li:after { display: none } .btn-row .main-btn, .btn-row .btn-arw { display: inline-block; vertical-align: middle; } .btn-row { padding-top: 14px; margin-bottom: 20px; } .global-content .main-btn { margin-right: 40px; margin-bottom: 0; } .global-content p { margin: 0; } .global-content .btn-row { margin-top: 30px; } .row-left { width: 28%; float: left; } .row-right { width: 25%; float: left; padding: 12px 0 0; } .btn-row .btn-arw { margin-bottom: 52px; } .main-btn.hover-btn { background-color: #e99557; } .btn-arw.hover-btn { color: #e99558; } .btn-arw.hover-btn span:before { transform: translateX(20px); } .btn-arw.hover-btn span:after { opacity: 1; transform: translateX(0); } .main-btn.disable-btn { background: #898989; pointer-events: none; } .btn-arw.disable-btn { color: #898989; pointer-events: none; } .btn-arw.disable-btn span:before { background: url(assets/images/gray-arrow.png) no-repeat center center; background-size: 18px; } .btn-row .btn-arw:last-child { margin-bottom: 0; } .btn-row .main-btn:last-child { margin-bottom: 0; } /********* Cta Section style starts here *********/ .cta-sec { text-align: center; padding: 51px 0 38px; } .cta-sec h2 { color: #ebebeb; margin-bottom: 35px; } .cta-sec .main-btn { margin-top: 9px; } /********* Cta Section style ends here *********/ /********* Block Quotes style starts here *********/ .middle-content .block-quotes { margin-bottom: 80px; } .quotes-content { border-top: 2px solid #439F46; text-align: center; } .quotes-title { background: #ffffff; padding: 0 20px; color: #3b3d40; letter-spacing: 0.2em; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-top: 0; display: block; text-align: center; margin-bottom: -9px; z-index: 1; width: auto; display: table; margin: 0 auto -10px; position: relative; } blockquote { font-size: 28px; letter-spacing: 0.015em; font-family: 'Merriweather', serif; font-weight: 200; font-style: normal; padding: 22px 0 20px 0; } blockquote p { font-size: 28px; letter-spacing: 0.015em; font-family: 'Merriweather', serif; font-weight: 300; font-style: normal; margin-bottom: 22px } span.authorname { display: inline-block; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.125em; color: #3b3d40; text-transform: uppercase; vertical-align: middle; } span.authortitle { display: inline-block; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 14px; letter-spacing: 0.015em; color: #3b3d40; font-style: italic; vertical-align: middle; } .one_half { padding-right: 30px } .dropcap p:first-letter { font-size: 96px; color: #4E9590; font-family: 'Merriweather', serif; font-weight: 700; float: left; line-height: 1; margin-right: 18px; } /********* Block Quotes style ends here *********/ /********* Two Column style starts here *********/ .two-col-style { background: #ebebeb; padding: 94px 0 64px; } .two-col-content { padding: 0 31px; } .two-col-style h3, .two-col-style p { color: #033845; } .two-col-style h3 { letter-spacing: 0.50px; } .middle-content .cta-sec { padding-top: 119px; } /********* Two Column style ends here *********/ /********* Accordian style starts here *********/ .accordian-sec { padding: 43px 0 43px; } .accordian-col { margin-bottom: 20px; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .accordian-col p { color: #3b3d40; letter-spacing: 0; line-height: 1.3; margin-top: 18px; } h3.accordion-header { cursor: pointer; color: #3b3d40; margin: 0; font-size: 18px; text-transform: none; display: block; padding: 13px 55px; font-weight: 500; font-family: 'Lato', sans-serif; position: relative; background: #f5f5f5 } .accordion-header:after { content: ''; position: absolute; left: 14px; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; width: 27px; height: 27px; display: inline-block; background-image: url(assets/images/plus.png); background-repeat: no-repeat; background-size: 12px; background-position: 0 0; top: 50%; background-color: #439F46; background-position: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .accordion-header.active:after { content: ''; background-image: url(assets/images/minus.png); } .accordian-content { display: none; padding: 20px 15px 0px 15px; } /********* Accordian style ends here *********/ /********* Image Section style starts here *********/ .full-width-img { position: relative; padding: 45px 80px 0 } .two-full-img { padding: 40px 65px 60px; } .full-width-img [class*="col-"] { position: static; } .image-caption { padding: 60px 0 20px; } .full-width-img .image-caption { padding: 20px 0 0px; } .image-caption p i { font-style: italic; font-weight: 300; font-size: 14px; text-align: center; display: table; margin: 0 auto; } .image-caption p { margin-bottom: 0 } .image-grid { padding-bottom: 34px; padding-left: 65px; padding-right: 65px } .image-grid .col-md-6 { margin-bottom: 30px } .img-full-width img { display: block; width: 100%; } /********* Image Section style ends here *********/ .image-clovers { background-size: cover; padding: 68px 0 76px 0;margin-top: 0px; } .image-clovers .row { align-items: center; } .clover-content { padding-left: 48px; } .colvers { margin-bottom: 38px; margin-top: 80px; } .colvers img { border-radius: 100%; border: 4px solid #4E9590 } .colvers .img.blue img { border-color: #4E9590 } .colvers .img.green img { border-color: #439F46 } .colvers .img.yellow img { border-color: #f1b434 } .colvers .img.purple img { border-color: #b07c83 } .colvers .img.gray img { border-color: #c7c3c5 } .colvers .img.no-border img { border: 0 } .leftaligned .img img { border-bottom-right-radius: 0; } .rightaligned .img img { border-bottom-left-radius: 0; } /********* Table Section style starts here *********/ .global-style .main-table { overflow-x: auto; } .global-style .table { margin-bottom: 0; border-bottom: none; padding: 0; margin: 0; border-spacing: 0; } table.table thead th { border-bottom: 1px solid rgba(37, 125, 137, 0.36); border-top: none; color: #acacac; font-size: 13px; font-weight: 700; padding: 20px 20px 20px 20px; } table.table tbody td { border-bottom: 1px solid rgba(37, 125, 137, 0.36); border-top: none; font-size: 15px; font-weight: 300; padding: 20px; } table.table thead th.fixed-value { text-align: right; padding-right: 55px; } .global-style .table tbody td.text-right { padding-right: 55px; } .global-style .table th:first-child { width: 200px; } .global-style .table th:nth-child(2) { width: 130px; } .global-style .tablepress tbody tr td:first-child { padding-left: 0 } .global-style .tablepress tfoot th, .global-style .tablepress thead th { background: transparent; font-weight: 700; font-size: 13px; color: #acacac; border-bottom: 1px solid rgba(37, 125, 137, 0.36); padding: 20px 20px 20px 20px; } .global-style .tablepress td { font-size: 15px; font-weight: 300; border-bottom: 1px solid rgba(37, 125, 137, 0.36); padding: 20px; } .global-style .tablepress tbody td, .global-style .tablepress tfoot th { border-top: none; } .global-style .tablepress thead th:first-child { padding-left: 0 } .global-style .tablepress thead th:nth-child(2) { width: 246px; } .global-style .tablepress tfoot th, .global-style .tablepress thead th { background: transparent; font-weight: 500; font-size: 18px; color: #53565a; border-bottom: 1px solid #d9d2ce; padding: 20px 20px 13px 20px; } .tablestyle1 .tablepress { margin-bottom: 60px; } .tablestyle1 .tablepress td { font-size: 15px; font-weight: 300; border-bottom: 1px solid #d9d2ce; padding: 20px; color: #3b3d40 } .tablestyle1 .tablepress tbody td, .tablestyle1 .tablepress tfoot th { border-top: none; } .tablestyle1 .tablepress thead th:first-child { width: 140px; } .tablestyle1 .tablepress thead th:nth-child(2) { width: 250px; } .tablestyle1 .tablepress .column-3, .tablestyle1 .tablepress .column-4, .tablestyle1 .tablepress .column-5 { padding-right: 0; } .tablestyle1 .tablepress .row-hover tr:hover td { background-color: transparent; } .tablestyle1 .tablepress tfoot th, .tablestyle1 .tablepress thead th { background: transparent; font-weight: 500; font-size: 18px; color: #3b3d40; border-bottom: 1px solid #d9d2ce; padding: 20px 20px 13px 20px; } .tablestyle1 h5{font-size: 19px} .pace { display: none !important } .alm-btn-wrap { padding: 0 !important } .global-style .tablestyle2 .tablepress tfoot th, .global-style .tablestyle2 .tablepress thead th { background-color: #4E9590; color: #ffffff; font-size: 16px; padding: 20px 0 15px 50px; font-family: 'Lato', sans-serif; font-weight: 500; line-height: 1; letter-spacing: 0.075em; text-transform: uppercase; vertical-align: middle; } .global-style .tablestyle2 .tablepress .odd td { background: #e5f4f9 } .global-style .tablestyle2 .tablepress tbody td, .tablestyle2 .tablepress tfoot th { border-top: 0; } .global-style .tablestyle2 .tablepress tr td:first-child { font-weight: 700; font-weight: 15px; color: #3b3d40; } .global-style .tablestyle1 .tablepress tr td:first-child { color: #3b3d40; } .global-style .tablestyle2 .tablepress td { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 15px; color: #3b3d40; line-height: 1; padding: 16px 0 19px 50px; } .global-style .tablestyle2 .tablepress td:first-child { padding: 16px 0 19px 50px; } /********* Table Section style ends here *********/ /********* Video Section style starts here *********/ .video-sec { padding: 0 0 60px; } .video-main { padding-bottom: 56.5%; overflow: hidden; position: relative; width: 100%; height: 0px; } .video-main iframe { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0; } /********* Video Section style ends here *********/ /********* Image Slider style starts here *********/ .image-slider { padding: 0 0 60px; } .image-slider p { text-align: center; font-size: 14px; color: #fff; background: rgba(0,0,0,0.7); margin-bottom: 0; padding: 14px 20px; bottom: 0; position: absolute; left: 0; width: 100%; } .image-slider .item { padding-bottom: 56.3%; background-size: cover; background-repeat: no-repeat; background-position: center center; } .owl-prev, .owl-next { width: 60px; position: absolute; top: 50%; margin: auto; height: 60px; background: #fff; border-radius: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .owl-prev:hover, .owl-next:hover { background: #007397 } .owl-prev { left: -30px; } .owl-next { right: -30px; } .owl-prev i, .owl-next i { width: 100%; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; background-size: 28px; background-position: center center; background-repeat: no-repeat; z-index: 1; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } .owl-prev i { background-image: url('assets/images/left-arrow.png'); } .owl-next i { background-image: url('assets/images/right-arrow.png'); } .owl-prev:hover i, .owl-prev:focus i { background-image: url('assets/images/left-arrow-hover.png'); } .owl-next:hover i, .owl-next:focus i { background-image: url('assets/images/right-arrow-hover.png'); } /********* Image Slider style ends here *********/ /********* popup Section style starts here *********/ .popup-sec { padding: 80px 0 50px; } .popup-sec .col-lg-4 { padding: 0 2px; } .popup-sec .row { margin-left: -2px; margin-right: -2px; } .popup-link { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 245px; display: block; margin-bottom: 4px; position: relative; } .popup-link:hover:after, .popup-link:focus:after { opacity: 1; } .popup-link:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(37, 125, 137, 0.40); opacity: 0; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .main-poup-content { text-align: center; margin: 0 auto; } .main-poup-content img { width: 100%; } .popup-detail { padding: 28px 223px 30px 140px; text-align: left; } .main-poup-content p { font-size: 14px; margin: 0; } .mfp-bg { background: #000; opacity: 0.9; } .mfp-close-btn-in .mfp-close { color: #fff; opacity: 1; background: transparent url('assets/images/close-btn.png') no-repeat center center; background-size: 18px; top: -63px; right: -2px; text-indent: -9999999px; } .mfp-close-btn-in .mfp-close:hover, .mfp-close-btn-in .mfp-close:focus { opacity: 0.49; } .mfp-arrow { position: absolute; top: auto; bottom: 36px; left: auto; right: 0; width: 40px; height: 40px; } .mfp-arrow.mfp-arrow-left { opacity: 1; background: url(assets/images/left-arrow.png) no-repeat center center; background-size: 15px; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; right: 75px; } .mfp-arrow.mfp-arrow-left:hover, .mfp-arrow.mfp-arrow-left:focus { opacity: 0.49; } .mfp-arrow.mfp-arrow-right { opacity: 1; background: url(assets/images/right-arrow.png) no-repeat center center; background-size: 15px; right: 30px; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; ; transition: all 0.2s; } .mfp-arrow.mfp-arrow-right:hover, .mfp-arrow.mfp-arrow-right:focus { opacity: 0.49; } .mfp-arrow:after, .mfp-arrow:before { display: none; } .close-popup { display: none; } .mfp-container { width: 90%; right: 0; margin: 0 auto; } /********* Popup Slider style ends here *********/ /********* Testimonial Section style starts here *********/ .testimonials .testimonial-content img { width: auto; } .testimonials { text-align: center; padding: 86px 0 86px; } .testimonial-content { background: #257d89; } .testimonial-content .item { padding: 40px 186px 38px; } .small-img { margin-bottom: 26px; } .testimonials .small-img img { width: 52px; display: block; margin: 0 auto; } .testimonial-content .star { margin-bottom: 28px; } .testimonials .star img { display: inline-block; vertical-align: middle; width: 24px; margin: 0 0px; } .testimonial-content p { color: #fff; font-size: 24px; letter-spacing: 0.20px; line-height: 1.3; margin: 0; } .testimonial-content span { display: block; font-size: 14px; font-weight: 700; margin-top: 59px; color: #fff; } .testimonial-content .owl-prev i, .testimonial-content .owl-next i { width: 18px; height: 14px; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: 18px; background-position: center center; background-repeat: no-repeat; z-index: 1; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; margin: auto; } .testimonial-content .owl-prev i { background-image: url('assets/images/blue-left-arrow.png'); right: auto; left: 47px; } .testimonial-content .owl-next i { background-image: url('assets/images/blue-right-arrow.png'); left: auto; right: 47px; } .testimonial-content .owl-prev:hover i, .testimonial-content .owl-prev:focus i { background-image: url('assets/images/blue-left-arrow-hover.png'); } .testimonial-content .owl-next:hover i, .testimonial-content .owl-next:focus i { background-image: url('assets/images/blue-right-arrow-hover.png'); } /********* Testimonial Section style ends here *********/ /********* Content Links style starts here *********/ .three-column-sec { padding-bottom: 0; padding-top: 0; } .three-column-sec .justify-content-md-center{ -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } .content-col { margin-bottom: 35px; position: relative; } .content-col > a { overflow: hidden; display: block; height: 100%; transition: none;} .content-img { position: relative; height: 240px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .content-img:after { -webkit-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+0,231f20+100&0+0,0.06+26,0.17+53,0.34+79,0.5+100 */ background: -moz-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,0.06) 26%, rgba(35,31,32,0.17) 53%, rgba(35,31,32,0.34) 79%, rgba(35,31,32,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,0.06) 26%, rgba(35,31,32,0.17) 53%, rgba(35,31,32,0.34) 79%, rgba(35,31,32,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(35,31,32,0) 0%, rgba(35,31,32,0.06) 26%, rgba(35,31,32,0.17) 53%, rgba(35,31,32,0.34) 79%, rgba(35,31,32,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#80231f20', GradientType=0 ); } .content-col > a:hover .content-img:after, .content-col > a:focus .content-img:after { background: rgba(0, 147, 193, 0.80); } .content-detail { position: absolute; bottom: 20px; left: 15px; padding-right: 20px; padding-left: 20px; } .content-detail h3 { color: #fff; font-size: 20px; font-weight: 500; margin-bottom: 0 } .content-detail span { color: #ffffff; font-size: 17px; font-weight: 300 } /********* Content Links style ends here *********/ .left-detail { background: #fff; color: #033845; order: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; flex-wrap: wrap; padding: 20px 50px 20px 100px; } .two-block-sec .block-right { max-width: 635px; } .left-detail p { color: #033845; margin: 0; letter-spacing: 0.20px; } .right-block { order: 2; min-height: 533px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .right .cloverimages {text-align: left;} .left .cloverimages {text-align: right;} .cloverimages img { display: inline-block; vertical-align: top; margin: 4px; width: 100%; } .cloverimages img:first-child { border-bottom-right-radius: 0;} .cloverimages img:nth-child(2) { border-bottom-left-radius: 0; vertical-align: bottom } .cloverimages img:nth-child(3) { border-top-right-radius: 0; margin-left: 66px; } .cloverimages img:nth-child(4) { border-top-left-radius: 0; } .ctatext a.btn { margin-top: 0; } .quote-block-slider { text-align: center; background: url(assets/images/quoteslide-bg.png) no-repeat center top #4E9590; background-size: cover; padding-top: 40px; padding-bottom: 60px; color: #fff; margin: 74px 0 0 0; } .quote-block-slider p { color: #fff; } .quote-block-slider span { color: #fff } .quote-block-slider blockquote { color: #fff } .quote-icon { background: #FFFFFF; border-radius: 100%; width: 90px; height: 90px; margin: 0 auto 37px; display: table; position: relative; } .quote-icon-inner { background: url(assets/images/quote.png) no-repeat center; width: 33px; height: 26px; background-size: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute } .quote-block-slider .quotes-title { color: #FFFFFF; background: #4E9590 } .vdobox-img { position: relative; height: auto; padding-bottom: 56.25%; background-size: cover; margin-bottom: 13px; background-position: center center; background-repeat: no-repeat; } .play-icon { background: #4E9590; border-radius: 100%; width: 50px; height: 50px; position: absolute; right: 15px; bottom: 15px; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } .play-icon-inner { background: url(assets/images/video-play-icon.svg) no-repeat center; width: 12px; height: 17px; background-size: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); position: absolute } span.vduration { float: left; color: #807c79; font-size: 14px; position: relative; padding-left: 34px; margin-left: 5px } span.vduration:after { content: ""; position: absolute; left: 0; top: 0; background: url(assets/images/video-icon.svg) no-repeat center; width: 21px; height: 17px; } span.vdodate { float: right; color: #807c79; font-size: 14px; } .video-popup p { clear: both; padding-left: 5px; font-size: 21px; color: #3b3d40; line-height: 1.33; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; padding-top: 9px; } .videobox { padding-top: 70px; padding-bottom: 20px; } .videobox a:hover p { color: #4E9590; } .videobox a:hover .play-icon { background: #439F46 } .scard-img span { font-size: 10px; color: #3b3d40; letter-spacing: 0.150em; background: #ffffff; display: table; border-radius: 4px; padding: 6px 6px; text-transform: uppercase; font-family: 'Merriweather', serif; font-weight: 700; position: relative; z-index: 9; margin-bottom: 12px; } .scard-img h2 { font-size: 30px; margin-bottom: 0; color: #fff; position: relative; z-index: 9; margin-bottom: 6px; font-family: 'Lato', sans-serif; } .scard-img h3 { font-size: 16px; margin-bottom: 0; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; color: #fff; position: relative; z-index: 9 } .scard-img { position: relative; height: 300px!important; width: 300px; background-size: cover; padding-bottom: 33px; padding-left: 33px; padding-right: 33px; background-position: top; background-repeat: no-repeat; } .scardhover { opacity: 0; position: absolute; left: 0; top: 0; height: 100%; width: 300px; background: rgb(32, 178, 130, 0.95); padding: 50px 21px 0 21px; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } .scard-img:after {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+0,231f20+100&0+0,0.05+24,0.17+53,0.34+79,0.5+100 */ background: -moz-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,0.05) 24%, rgba(35,31,32,0.17) 53%, rgba(35,31,32,0.34) 79%, rgba(35,31,32,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,0.05) 24%, rgba(35,31,32,0.17) 53%, rgba(35,31,32,0.34) 79%, rgba(35,31,32,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(35,31,32,0) 0%, rgba(35,31,32,0.05) 24%, rgba(35,31,32,0.17) 53%, rgba(35,31,32,0.34) 79%, rgba(35,31,32,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#80231f20', GradientType=0 ); position: absolute; left: 0; width: 100%; content: ""; height: 100%; top: 0 } .stay-in-content .tab-links .tab-content a .scardhover{ background: rgba(0,0,0,0.20); margin: 0; width: 100%; height: 100%;} .staffcards .justify-content-md-center { -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } .ie .staffcards .justify-content-md-center { -webkit-box-pack: inherit !important; -ms-flex-pack: inherit !important; justify-content: inherit !important; } .staffcards .col-md-6 { margin-bottom: 20px } .staffcards a { display: block; position: relative } .ourpeople.staffcards a{overflow: hidden;} .ourpeople .container .responsive-wrapper ul li a{border-radius: 0;overflow: inherit} .ourpeople.staffcards .scard-img h3{font-family: 'Lato', sans-serif; padding-right: 30px;} .staffcards a:hover .scardhover { opacity: 1 } .touch .staffcards a:hover .scardhover { opacity: 0 } .touch .scardhover-new .scardhover{ opacity: 1 !important} .sec-title { margin-bottom: 40px } .staffcards a:hover h2 { color: #FFFFFF } .staffcards a:hover h3 { color: #FFFFFF } .staffcards{padding-bottom: 50px} .scardhover p { font-size: 14px; color: #FFFFFF; letter-spacing: 0.015em; margin-bottom: 20px; line-height: 1.72; } .scardhover span { font-family: 'Lato', sans-serif; text-transform: uppercase; font-weight: 700; color: #FFFFFF; letter-spacing: 0.1em; font-size: 14px } /*********************** Stylesheet page style ends here ***********************/ .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-dots .owl-dot { margin-right: 34px; } .owl-dots .owl-dot:last-child { margin-right: 0 } .owl-dots .owl-dot span { width: 10px; height: 10px; background: #fff; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 8px; position: relative; box-shadow: 0 0 0 3px rgba(255,255,255,0.34) } .owl-dots .owl-dot.active span { box-shadow: none } .owl-dots { width: 100%; text-align: center; margin-top: 26px; } .home-slider .owl-dots { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: 0; width: auto } .home-slider .owl-dots .owl-dot { display: block; margin-bottom: 34px; margin-right: 0 } .home-slider .owl-dots .owl-dot:last-child { margin-bottom: 0; margin-right: 0 } .our-mission { text-align: center; background-size: cover; padding-bottom: 80px; padding-top: 67px; } .our-mission p { line-height: 1.65 } .our-mission h2 { margin-bottom: 23px; } .our-system ul li { padding-left: 0; float: left; width: 22.66%; border: 7px solid transparent; overflow: hidden; border-bottom-right-radius: 0; margin-right: 3.1%; margin-bottom: 20px; z-index: 10 } .our-system ul { display: flex; justify-content: center; } .our-system ul li:nth-child(4n+4) { margin-right: 0 } .our-system ul li:after { display: none } .our-system ul li a { display: block; } .our-system ul li a > img { -webkit-transition: all 200ms linear; transition: all 200ms linear; width: 100%; z-index: -10 } .our-system ul li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .our-system ul li a:after { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: "" } .our-system ul li span { font-weight: 700; font-size: 30px; font-family: 'Lato', sans-serif; letter-spacing: 0.01em; color: #fff; margin-top: 15px; display: block; line-height: 1; margin-bottom: -3px; } .up-content { position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; z-index: 9; } .our-system ul li.blue { border-color: #4E9590; } .our-system ul li.blue a:after { background: rgba(6,101,132,0.2); } .our-system ul li.green { border-color: #439F46 } .our-system ul li.green a:after { background: rgba(0,160,40,0.12); } .our-system ul li.yellow { border-color: #f1b434 } .our-system ul li.yellow a:after { background: rgba(248,182,0,0.12); } .our-system ul li.dullpurple { border-color: #b07c83 } .our-system ul li.dullpurple a:after { background: rgba(182,117,125,0.12); } .our-system ul li.gray { border-color: #c7c3c5 } .our-system ul li.gray a:after { background: rgba(199,195,197,0.12); } .our-system ul li.nobdr { border: 0 } .featured-projects { text-align: center; background: url(assets/images/featured-line-bg.png) no-repeat center top #4E9590; background-size: cover; padding-top: 76px; padding-bottom: 74px; } .featured-projects span { display: block; color: #f1b434; letter-spacing: 0.2em; font-size: 12px; font-weight: 700; text-transform: uppercase } .featured-projects h2 { color: #fff; margin-top: 12px; margin-bottom: 23px; } .featured-projects p { color: #fff; line-height: 1.64; margin-bottom: 32px; } .featured-projects a.btn{padding: 14px 25px} .featured-box:after {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+0,231f20+100&0.24+0,0.08+49,0.03+71,0+100 */ background: -moz-linear-gradient(left, rgba(35,31,32,0.24) 0%, rgba(35,31,32,0.08) 49%, rgba(35,31,32,0.03) 71%, rgba(35,31,32,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(35,31,32,0.24) 0%, rgba(35,31,32,0.08) 49%, rgba(35,31,32,0.03) 71%, rgba(35,31,32,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(35,31,32,0.24) 0%, rgba(35,31,32,0.08) 49%, rgba(35,31,32,0.03) 71%, rgba(35,31,32,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d231f20', endColorstr='#00231f20', GradientType=1 ); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; } .featured-box { width: 33.333%; float: left; position: relative; cursor: pointer } .featured-box .box-content { background-color: rgba(0, 147, 193, 0.80); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; margin: 12px; } .top-box-cnt { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; text-align: center } .featured-box .top-box-cnt h3 { vertical-align: middle; padding: 0 30px; display: flex; align-items: center; height: 100%; justify-content: center; } .featured-box h3 { color: #fff; font-size: 24px; font-weight: 700; font-family: 'Lato', sans-serif; letter-spacing: 0.015em; margin-bottom: 0; line-height: 1.25; padding: 0 20px } .featured-box a p { color: #fff; font-size: 18px; letter-spacing: 0.015em; text-align: center; margin-bottom: 20px; margin-top: 10px; } .featured-box span { color: #ffffff; font-size: 14px; font-weight: 700; font-family: 'Lato', sans-serif; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; margin: 0 auto; display: table; } .featured-box a { display: block; height: 100%; width: 100%; position: relative; z-index: 99 } .featured-box a:hover .box-content { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .touch .featured-box a.featured-box-new .box-content { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .featured-box:hover .top-box-cnt { opacity: 0 } .touch .featured-box a.featured-box-new .top-box-cnt { opacity: 0 } .top-box-cnt { position: absolute; left: 50%; background-color: rgba(0, 147, 193, 0.9); top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 276px; padding: 21px 0 } .forest-system .top-box-cnt { background-color: rgba(0, 147, 193, 0.9); } .forest-system .box-content { background-color: rgba(0, 147, 193, 0.9); } .natural-system .top-box-cnt { background-color: rgba(0, 147, 193, 0.9); } .natural-system .box-content { background-color: rgba(0, 147, 193, 0.9); } .food-system .top-box-cnt { background-color: rgba(0, 147, 193, 0.9); } .food-system .box-content { background-color: rgba(0, 147, 193, 0.9); } .economic-system .top-box-cnt { background-color: rgba(0, 147, 193, 0.9); } .economic-system .box-content { background-color: rgba(0, 147, 193, 0.9); } .box-content { position: absolute; top: 0; left: 0; height: calc(100% - 24px); width: calc(100% - 24px); text-align: center } .box-cnt-inner { top: 50%; position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 300px; z-index: 99 } .latest-post { width: 66.667% } .ie .latest-post { width: 66.65% } .featured-box img { width: 100% } .latest-post { cursor: default } .latest-post .box-content { opacity: 1; height: auto; width: auto; right: 0; bottom: 0; top: auto; left: auto; padding: 50px 55px; text-align: left; z-index: 99; margin: 0; background: rgba(241,180,52,0.95); width: 50% } .latest-post .box-content p { text-align: left; padding: 6px 0 25px; margin: 0; color: #fff; font-size: 18px; letter-spacing: 0.015em; } .latest-post .box-content a { display: inline-block; color: #ffffff; font-size: 14px; font-weight: 700; font-family: 'Lato', sans-serif; letter-spacing: 0.1em; text-transform: uppercase; } .latest-post .box-content a:hover { color: #4E9590 } .latest-post .box-content span { display: block; color: #fff; letter-spacing: 0.2em; font-size: 12px; font-weight: 700; text-transform: uppercase; text-align: left } .latest-post .box-content h3 { color: #fff; font-size: 36px; font-weight: 700; font-family: 'Lato', sans-serif; letter-spacing: 0.015em; margin-bottom: 0; line-height: 1.25; margin: 12px 0; padding-left: 0 } .eventpost-cnt { background-size: cover; padding-top: 80px; } .event-post .row { border-bottom: 1px solid #d9dadb; padding: 0 0 60px 0; margin-bottom: 59px; } .event-post:nth-last-child(2) .row { border: 0; margin-bottom: 0; } .event-date { position: absolute; top: 35px; left: 15px; width: 68px; text-align: center } .event-date strong { background: #ffffff; color: #4E9590; letter-spacing: -0.01em; font-size: 36px; font-weight: 900; line-height: 1; display: block; padding: 8px 0 8px 0 } .event-date span { background: #4E9590; color: #ffffff; letter-spacing: 0.1em; font-size: 20px; font-weight: 900; display: block } .event-post-content i { vertical-align: text-top; top: 3px; position: absolute;left: 0 } .event-post-content-inner a + p { margin-bottom: 13px;position: relative;padding-left: 0} .event-post-content-inner a + p i{position: relative;top: 0} .event-post-content i img { width: 14px; margin-right: 14px } .event-post-content p { margin-bottom: 5px;position: relative;padding-left: 28px;font-family: 'Lato', sans-serif;text-transform: none;letter-spacing: 0} .page-template-publications .event-post-content p { padding-left: 0;} .tax-publication_type .event-post-content p { padding-left: 0;} .lstview .event-post-content p { margin-bottom: 45px; } .error404 .banner-caption { height: 220px; } .event-post-content a.link { color: #3b3d40; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; position: relative; bottom: 0; left: 0;margin-top: 74px; display: table;} .event-post-content a.link:after { background: #3b3d40; } .event-post-content i { font-size: 15px; color: #3b3d40; line-height: 1; } .event-post-content h3 { font-size: 27px; margin-bottom: 18px; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; font-weight: 500 } .event-post-content { padding-left: 25px; } .post-img { position: relative; overflow: hidden } .post-img .evnt-image { height: 304px; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; background-repeat: no-repeat; background-position: center; background-size: cover } .post-img a:hover .evnt-image { transform: scale(1.1); -webkit-transform: scale(1.1) } .post-img a img { transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } .post-img a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1) } .event-post a:hover h3 { color: #4E9590; } .event-post a.link:hover { color: #4E9590; } .event-post a.link:hover:after { background: #4E9590; } .event-post-content-inner { position: relative; height: 100% } .ctaaction { background: url(assets/images/color-logo-thing.jpg) repeat-y center top; padding: 43px 0 43px 0;margin-top: 71px } .ctaaction p { font-size: 14px; letter-spacing: 0.01em; margin-bottom: 27px; } .ctaaction h2 {font-family: 'Lato', sans-serif;} .stay-in-content { padding: 77px 0; background-color: #ffffff;} .stay-in-content .responsive-tabs { width: 100%; text-align: center; } .stay-in-content span.place { background: transparent; color: #fff; font-size: 12px; display: inline-block; padding: 0; text-transform: capitalize; font-family: 'Lato', sans-serif; font-weight: 500; letter-spacing: 0.015em; margin-right: 17px; } .stay-in-content span.place-time { background: transparent; color: #fff; font-size: 12px; display: inline-block; padding: 0; text-transform: capitalize; font-family: 'Lato', sans-serif; font-weight: 500; letter-spacing: 0.015em; } .stay-in-content .scard-img h2 { text-align: left } .stay-in-content .tab-links .tab-content a:hover .scardhover { opacity: 1 } .stay-in-content .tab-links a { display: block } .stay-in-content .tab-content { padding-right: 0 } .tab-content .two-full-img { padding: 0 0 60px; margin: 0 -15px; } .stay-in-content .tab-links [class*="col-"] { padding: 0 8px 8px 8px; } .stay-in-content .scard-img { height: 420px; padding-top: 0 } .tab { display: none; } .tab.active { display: block; } .stay-cnt { position: absolute; bottom: 15px; } .stay-cnt h3 { font-size: 30px; letter-spacing: 0; text-transform: capitalize; margin-bottom: 15px;padding-right: 15px } .stay-in-content span.subtitle { letter-spacing: 0.150em; text-align: center; font-size: 11px; } .stay-in-content .responsive-tabs h2 { font-size: 56px; margin-top: 8px; margin-bottom: 34px; } .stay-in-content .tab-links ul li { font-size: 14px; color: #807c79; font-weight: 700; padding: 23px 25px 20px; font-family: 'Lato', sans-serif; } .stay-in-content .tab-detail { margin-top: 14px; padding: 32px 0 0 0px; } .stay-cnt span i svg { width: 14px; margin-right: 8px; color: #fff; height: 18px } .stay-cnt span i svg .st0 { fill: #fff; } .stay-cnt span i { vertical-align: text-top; margin-top: -2px; display: inline-block; } .stay-in-content .tab-links .tab-content a:hover .scardhover { opacity: 1 } .pagination { clear: both; position: relative; font-size: 11px; /* Pagination text size */ line-height: 13px; border-top: 1px solid #d9dadb; display: block; padding-top: 58px; padding-bottom: 58px } .pagination span, .pagination a { display: inline-block; float: none; margin: 2px 2px 2px 0; padding: 10px 9px 10px 9px; text-decoration: none; width: auto; color: #53565a; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 18px } .pagination span.next { font-weight: 500; font-size: 15px; text-transform: uppercase; color: #53565a; font-family: 'Lato', sans-serif; margin-right: 0; letter-spacing: 0.125em; margin-left: 50px; } .pagination span.prev { margin-left: 0; font-weight: 500; font-size: 15px; text-transform: uppercase; color: #53565a; font-family: 'Lato', sans-serif; letter-spacing: 0.125em; margin-right: 50px; } .pagination a.next { font-weight: 500; font-size: 15px; text-transform: uppercase; color: #53565a; font-family: 'Lato', sans-serif; margin-right: 0; letter-spacing: 0.125em; margin-left: 50px; position: relative; padding: 0 } .pagination a.prev { margin-left: 0; font-weight: 500; font-size: 15px; text-transform: uppercase; color: #53565a; font-family: 'Lato', sans-serif; letter-spacing: 0.125em; margin-right: 50px; position: relative; padding: 0 } .pagination a.prev:after { content: ""; position: absolute; bottom: -5px; height: 3px; width: 100%; left: 0; background: #4E9590; z-index: 9; border-radius: 3px 0px 3px 0px; -moz-border-radius: 3px 0px 3px 0px; -webkit-border-radius: 3px 0px 3px 0px; opacity: 0 } .pagination a.next:after { content: ""; position: absolute; bottom: -5px; height: 3px; width: 100%; left: 0; background: #4E9590; z-index: 9; border-radius: 3px 0px 3px 0px; -moz-border-radius: 3px 0px 3px 0px; -webkit-border-radius: 3px 0px 3px 0px; opacity: 0 } .pagination a:hover { color: #439F46 !important; background: transparent; border: 0; box-shadow: none !important; /* Pagination background on hover */ } .pagination a.prev:hover:after, .pagination a.next:hover:after { opacity: 1 } .pagination .current { background: #4E9590; /* Current page background */ color: #fff; } .single-project .inner-banner { top: -1px; position: relative; } .author-content h2 { color: #53565a } .author-content{margin-bottom: 30px;} .stay-in-content .tab-links .tab-content a:hover span.place { color: #fff } .stay-in-content .tab-links .tab-content a:hover span.place-time { color: #fff } .stay-in-content .tab-links .tab-content a:hover h3 { color: #fff; } .stay-in-content .tab-links .tab-content a:hover i svg .st0 { fill: #fff; } .join-conversation-common { padding-top: 72px } .a2a_vertical_style a { clear: left; display: block; overflow: hidden; padding: 0 !important; text-decoration: none; background: #fff; border-radius: 100%; margin: 8px; width: 32px } .join-conversation-common h4 { font-size: 28px; color: #4E9590; letter-spacing: 0.015em; font-weight: 700; font-family: 'Lato', sans-serif; letter-spacing: 0.015em; margin-bottom: 37px; } .join-conversation-common .social-icon ul li a { height: 50px; width: 50px; line-height: 52px; font-size: 25px; } .join-conversation-common .social-icon ul li { margin-right: 21px; } a.backto-all { font-weight: 900; color: #4E9590; font-size: 14px; letter-spacing: 0.075em; font-family: 'Lato', sans-serif; text-transform: uppercase; margin-bottom: 23px; display: inline-block; } a.backto-all:hover { color: #0086b2 } a.backto-all:hover svg polygon { fill: #0086b2 } a.backto-all svg { margin-right: 9px; width: 8px; height: 8px; top: -1px; position: relative } a.backto-all svg polygon { fill: #4E9590 } .event-post-detail p { margin-bottom: 0 } .event-post-detail p i { vertical-align: text-bottom; } .event-post-detail p i img { width: 14px; margin-right: 14px; } .event-post-detail a.link { color: #3b3d40; margin-top: 34px; display: inline-block; } .event-post-detail a.link:after { background: #3b3d40 } .event-post-detail a.link:hover { color: #4E9590 } .event-post-detail a.link:hover:after { background: #4E9590 } .event-post-detail span.place { font-weight: 500; color: #807c79; } .author img { width: 100%; } .single-our_people .author img{width: 427px} .auther-inner-cnt .social{margin-top: 11px;} .author h2 { font-size: 24px; letter-spacing: 0; margin: 25px 0 0; } .single-our_people .author h2{ font-family: 'Lato', sans-serif;} .author h5 { font-size: 12px; letter-spacing: 0.1em; text-align: center; line-height: 1.7; font-family: 'Lato', sans-serif; font-weight: 500; margin-bottom: 19px;margin-top: 19px; } .all-inner-box { border-top: 1px solid #cfcbcd; padding-top: 52px; margin-bottom: 0; } .all-inner-box h2 { float: left; font-size: 32px; color: #53565a } .all-inner-box a.link { float: right; margin-top: 3px; } .post-img a h3 { color: #fff; font-size: 27px; font-weight: 500; letter-spacing: 0; position: absolute; left: 0; bottom: 10px; padding: 0 20px } .related-projects .featured-box { width: auto; float: none } .publication-cnt a h3 { font-size: 18px; font-weight: 500; font-family: 'Lato', sans-serif; margin-top: 24px; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; color: #53565a } .pub-image { padding-bottom: 55%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .publication-cnt h4 { color: #807c79; font-size: 13px; letter-spacing: 0.01em; font-weight: 500; font-family: 'Lato', sans-serif; } .publication-cnt a:hover h3 { color: #4E9590; } .event-single { padding-top: 90px; background-size: cover; } .event-post-detail h2, .event-post-detail h1 { font-size: 48px; } .event-single .full-width-img { margin-top: 64px; padding-bottom: 6px; } .event-single .full-width-img img { border-bottom-left-radius: 0; border-top-right-radius: 0; } .related-publications { padding-bottom: 40px; } strong { font-weight: 700; } .a2a_floating_style { top: 50% !important; transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important } .event-single .image-caption { padding: 10px 0 20px; } .author { text-align: center; margin-bottom: 80px;} .social ul { margin: 0; padding: 0 } .social ul li:after { display: none } .social ul li { margin: 0; padding: 0; display: inline-block; margin-right: 4px !important; margin-bottom: 5px !important; background: none !important; padding-left: 0 !important } .social ul li:last-child { margin-right: 0 !important } .social ul li a { height: 28px; width: 28px; display: block; border-radius: 100%; color: #fff; background: #4E9590;; line-height: 28px; font-size: 14px; text-align: center } .social ul li a.fa-envelope-open-o { background: #4E9590 } .social ul li a:hover { opacity: 0.8 } .post-content { margin-bottom: 13px; } .main-title { margin-bottom: 18px; } .filterbox { margin-bottom: 52px; } .project-content { margin-bottom: 32px; } .project-content h1 { margin-bottom: 24px; } .filterbox form ul { margin: 0; } .filterbox form ul li { margin-right: 10px; display: inline-block } .filterbox form ul li:after { display: none } .filterbox form ul li a { position: relative; -webkit-transition: color 0.2s; -ms-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; padding-bottom: 0px; color: #53565a; text-transform: uppercase; letter-spacing: 0.2em; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 14px } .filterbox form ul li.active a { color: #53565a; } .filterbox form ul li.economic-system a { color: #b07c83 } .filterbox form ul li.food-system a { color: #f1b434 } .filterbox form ul li.forest-system a { color: #439F46 } .filterbox form ul li.natural-system a { color: #4E9590 } .filterbox form ul li a:after { content: ""; position: absolute; bottom: -5px; height: 3px; width: 100%; left: -1px; background: trasparent; z-index: 99; border-radius: 3px 0px 3px 0px; -moz-border-radius: 3px 0px 3px 0px; -webkit-border-radius: 3px 0px 3px 0px; } .filterbox form ul li.economic-system.active a:after { background: #b07c83; } .filterbox form ul li.food-system.active a:after { background: #f1b434; } .filterbox form ul li.forest-system.active a:after { background: #439F46; } .filterbox form ul li.natural-system.active a:after { background: #4E9590; } .alm-btn-wrap .alm-load-more-btn { background: #017398 !important; letter-spacing: 0.025em; font-family: 'Merriweather', serif; font-weight: 700 !important; } .filterbox form ul li.active a:after { background: #53565a; } .project-index { padding-top: 25px; background-size: cover; } .gird-list-view { text-align: right } .gird-list-view a { text-transform: uppercase; font-size: 14px; font-weight: 900; color: #999697; letter-spacing: 0.2em; margin-right: 15px } .gird-list-view a.active { color: #4E9590; } .gird-list-view a.active svg .st0 { fill: #4E9590; } .gird-list-view #listlink { margin-right: 0 } .gird-list-view a svg { vertical-align: text-top; padding-right: 10px;width: 28px;} .gird-list-view a:hover { color: #4E9590; } .gird-list-view a:hover svg .st0 { fill: #4E9590; } .lstview .event-post-content-inner span { position: relative; padding-bottom: 0px; color: #53565a; text-transform: uppercase; letter-spacing: 0.2em; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 14px; display: block; margin-bottom: 11px; } .lstview .event-post-content-inner span.forest-system { color: #439F46; } .lstview .event-post-content-inner span.natural-system { color: #4E9590; } .lstview .event-post-content-inner span.food-system { color: #f1b434; } .lstview .event-post-content-inner span.economic-system { color: #b07c83; } .lstview .event-post-content-inner h2 { font-size: 24px; font-family: 'Merriweather', serif; font-weight: 700; letter-spacing: 0.015em; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } .lstview .event-post-content-inner a:hover h2 { color: #4E9590; } .lstview .event-post-content-inner a.link { color: #4E9590; } .lstview .event-post .row { padding: 0 0 40px 0; margin-bottom: 38px; } .lstview .event-post-content-inner a.link:hover { color: #0086b2; } .lstview .event-post-content a.link:after { background: #4E9590; } .lstview .event-post-content a.link:hover:after { background: #0086b2; } .event-img { height: 305px; background-size: cover; background-repeat: no-repeat; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; position: relative;background-position: center; } .event-img:after { background: -moz-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,0.05) 24%, rgba(35,31,32,0.17) 53%, rgba(35,31,32,0.34) 79%, rgba(35,31,32,0.5) 100%); background: -webkit-linear-gradient(top, rgba(35,31,32,0) 0%, rgba(35,31,32,0.05) 24%, rgba(35,31,32,0.17) 53%, rgba(35,31,32,0.34) 79%, rgba(35,31,32,0.5) 100%); background: linear-gradient(to bottom, rgba(35,31,32,0) 0%, rgba(35,31,32,0.05) 24%, rgba(35,31,32,0.17) 53%, rgba(35,31,32,0.34) 79%, rgba(35,31,32,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#80231f20', GradientType=0 ); position: absolute; left: 0; width: 100%; content: ""; height: 100%; top: 0; } .post-img a:hover .event-img { transform: scale(1.1); -webkit-transform: scale(1.1); } .single-project { position: relative; } .project-single-cnt .post-content { padding-top: 100px } .single-project a.backto-all { position: absolute; left: 30px; top: 42px; color: #fff; z-index: 99; margin-bottom: 0 } .single-project a.backto-all { position: absolute; left: 30px; top: 42px; color: #fff; z-index: 99; margin-bottom: 0 } .single-project a.backto-all svg polygon { fill: #fff; } .single-project a.backto-all:hover { color: #4E9590 } .single-project a.backto-all:hover svg polygon { fill: #4E9590; } .single-project a.backto-all:hover { color: #4E9590; } .single-project a.backto-all:hover svg polygon { fill: #4E9590; } .single-project a.box-link { color: #ffffff; font-size: 10px; letter-spacing: 0.150em; font-family: 'Merriweather', serif; font-weight: 700; border-radius: 3px; background: #4E9590; text-transform: uppercase; display: table; text-align: center; margin: 0 auto; padding: 8px 10px; z-index: 10; position: relative } .single-project a.box-link:hover { background: #0086b2 } .single-project a.backto-all svg polygon { fill: #fff; } .link-respo { display: none; } .related-events { margin-top: 72px; margin-bottom: 79px; } .multiple-menu-opt { background: #f5f5f5; padding: 24px 0 24px 0; left: 0; width: 100%; position: absolute; } .responsive-wrapper ul { margin: 0 } .responsive-wrapper ul li { margin: 0 38px 0 0; padding: 0; display: inline-block } .responsive-wrapper ul li a.active { color: #439F46 } .responsive-wrapper ul li:last-child { margin: 0; } .responsive-wrapper ul li:after { display: none } .responsive-wrapper ul li a { font-size: 14px; color: #807c79; letter-spacing: 0.2em; font-weight: 900;text-transform: uppercase;} .responsive-wrapper ul li a:hover{text-decoration: none;} .fixItUp .multiple-menu-opt { top: 115px; z-index: 999; position: fixed; width: 100%; } .prj-img { padding-bottom: 71.345%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center } .grdview .row { display: block; } .latest-post .prj-img { padding-bottom: 71.34%; } .mac.safari .latest-post .prj-img{padding-bottom: 71.312%;} .mac.safari .prj-img { padding-bottom: 71.42%;} .single-project-cnt .post-content { padding-top: 94px } .newcontent { padding-top: 20px } .a2a_default_style .a2a_count, .a2a_default_style .a2a_svg, .a2a_floating_style .a2a_svg, .a2a_menu .a2a_svg, .a2a_vertical_style .a2a_count, .a2a_vertical_style .a2a_svg { border-radius: 14px; height: 28px; line-height: 28px; width: 28px; } .error404 .inner-banner { background: url(assets/images/404-bg.png) no-repeat center top; background-size: cover; height: 220px; background-color: #4E9590 } .error404 .inner-banner:after { display: none } .error-404.not-found { background-size: cover; padding-top: 0; padding-bottom: 40px; } .a2a_vertical_style a:hover img { opacity: 0.8 } .a2a_vertical_style a img { transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } .search-result { background-size: cover; padding-top: 91px; } .search-result .search-form input { color: #4E9590; font-size: 17px; font-family: 'Lato', sans-serif; font-weight: 300; border-bottom: 1px solid #4E9590; padding: 0 20px 10px 25px; } .search-result .search-form .search-submit { bottom: 0; position: absolute; left: -7px; top: 4px; background: url(assets/images/srch-result.svg) no-repeat center center; background-size: 15px; width: 16px; height: 16px; } .search-result .search-form { margin-bottom: 37px; margin-top: 40px; } .search-result .search-form i { font-size: 17px } .single-project-cnt { margin-bottom: 70px } .search-result i { margin-bottom: 48px; display: block; } .search-result h3 { font-size: 24px; color: #439F46; font-family: 'Lato', sans-serif; font-weight: 700; margin-bottom: 4px; } .search-result h3 a:hover { text-decoration: underline; color: #439F46; } .dashicons, .dashicons-before:before { display: none; } .mobile-logo, .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li.mobile-li.mobile-links, .mobile-donatenow, .mobile-search, .mobile-social { display: none } a.filter-open { font-size: 14px; letter-spacing: 0.2em; color: #3b3d40; font-weight: 700; text-transform: uppercase } a.filter-open img { padding-right: 14px; } .filterpublications ul li:before { content: ""; position: absolute; bottom: -5px; height: 3px; width: 100%; left: -1px; background: transparent; z-index: 99; border-radius: 3px 0px 3px 0px; -moz-border-radius: 3px 0px 3px 0px; -webkit-border-radius: 3px 0px 3px 0px; top: auto; } .filterpublications ul li.active:before { background: #3b3d40; } .filterpublications ul li.active.economic-system:before { background: #b07c83; } .filterpublications ul li.active.food-system:before { background: #f1b434; } .filterpublications ul li.active.forest-system:before { background: #439F46; } .filterpublications ul li.active.natural-system:before { background: #4E9590; } .filterpublications ul li.natural-system a { color: #4E9590; } .filterpublications ul li.forest-system a { color: #439F46; } .filterpublications ul li.food-system a { color: #f1b434; } .filterpublications ul li.economic-system a { color: #b07c83; } .filterpublications { background: #fff; opacity: 0; visibility: hidden; height: 0; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; } .filterpublications.filter-active { opacity: 1; visibility: visible; height: auto; position: absolute; left: 0; width: 100%; z-index: 99; padding: 93px 0 99px 0; margin-top: -100px; } .filterpublications ul li { display: inline-block; margin-right: 6%; padding-left: 0; position: relative } .filterpublications ul li a { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #3b3d40; } .filterpublications ul li:after { display: none } .filterpublications form h4 { color: #4E9590; font-size: 20px; font-family: 'Lato', sans-serif; font-weight: 700 } .filterpublications .apply-filter a { padding: 14px 41px; display: inline-block; color: #3b3d40; font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.2em; background: #dcdcdd } .filterpublications .apply-filter a.fapply { background: #3b3d40; color: #fff; margin-right: 12px; } .filterpublications .apply-filter a.fcancel { background: #dcdcdd; color: #3b3d40 } .filterpublications hr { margin: 44px 0 } .filterpublications ul { margin-bottom: 46px } .apply-filter { padding-top: 14px; } span.category { display: table; font-size: 10px; color: #3b3d40; letter-spacing: 0.150em; background: #ffffff; display: table; border-radius: 4px; padding: 8px 10px; text-transform: uppercase; font-family: 'Merriweather', serif; font-weight: 700; position: relative; z-index: 9; margin-bottom: 19px; margin-top: 137px; } .inner-banner.publication-page { height: 680px; margin-bottom: 85px } .inner-banner.publication-page:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(59,61,64,0.4); } .inner-banner.publication-page .container { z-index: 99; position: relative; } .banner-cnt .container h2 { font-size: 48px; line-height: 1.25; } .banner-cnt .container h2 { color: #fbfaf9; } .banner-cnt span.place { display: block; font-size: 16px; font-weight: 500; color: #fbfaf9; width: 100%; margin-bottom: 50px; } .banner-cnt span.place b { font-weight: 500 } .banner-cnt .container a.btn { background: #439F46 } .banner-cnt .container a.btn:hover { background: #5bb593 } .event-post-content-inner span.place { font-weight: 500; color: #807c79; font-size: 13px; letter-spacing: 0.01em; margin-bottom: 20px; display: block;font-family: 'Lato', sans-serif;text-transform: none; } .page-template-publications .event-post-content-inner span.place { font-weight: 500; color: #807c79; font-size: 13px; letter-spacing: 0.01em; margin-bottom: 20px; display: block; text-transform: none;font-family: 'Lato', sans-serif;} .srchclosebtn1 svg { cursor: pointer } .srchclosebtn1 svg .st0 { fill: #4E9590; stroke: #4E9590 } .srchclosebtn1 { position: absolute; right: 14px; top: 92px; } .event-post-content-inner > span { font-size: 12px; letter-spacing: 0.150em; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 700; display: block; margin-bottom: 14px; } button.alm-load-more-btn.more.done, .bssystem-link, .filter-link { display: none; } .addtoany_header { color: #4E9590; font-size: 20px; font-weight: 700; letter-spacing: 0.015em; font-family: 'Lato', sans-serif; } .byear-link { display: none } .addtoany_share_save_container, .responsive-class { display: none } body.popup-open:before { background-color: rgba(59,61,64,0.5); position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; height: 370%; } .home .post-content{margin-bottom: 0} /* .error404 .container{ margin-bottom: 70px;margin-top: 30px;} .error404 .container p { margin-bottom: 0; } */ .fnerr{margin-top: 70px;margin-bottom: 70px;} .btnspc { margin-bottom: 40px; } .gform_wrapper form li, .gform_wrapper li { background: none; padding: 0; margin-bottom: 0; } .gform_body label { font-weight: 700; } .gform_wrapper .gform_body .name_first input[type=text], .gform_wrapper .gform_body .name_last input[type=text] { width: 98.4%; } .gform_wrapper .gform_body input[type=text], .gform_body .gfield_select { padding: 11px 13px 10px; text-indent: 0; background: #F4F4F4; color: #3b3d40; } .gform_wrapper .gform_body textarea{ background: #F4F4F4; padding: 11px 13px 10px;border: 0; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 17px; color: #3b3d40;} select { color: #3b3d40; font-size: 16px; background:#F4F4F4 url(assets/images/arrow-bottom.png) no-repeat center right 10px; padding: 8px 13px 8px; line-height: 16px; border-radius: 0; vertical-align: middle; font-weight: 300; border: none; -webkit-appearance: none; appearance: none; line-height: normal !important; margin-bottom: 0 !important; height: 41px; -moz-appearance:none; } .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first { width: 50%; padding: 0 1.6% 0 0; } .gform_wrapper form .gform_body ul li, .gform_wrapper .gform_body .top_label li.gfield.gf_left_half, .gform_wrapper .gform_body .top_label li.gfield.gf_right_half, .gform_wrapper .gform_body .top_label li.gfield.gf_left_half { margin-bottom: 30px; } .gfield_checkbox li{margin-bottom: 10px !important} .gform_wrapper .gform_button.button{font-size: 16px; letter-spacing: 0.025em; font-family: 'Merriweather', serif; font-weight: 700; text-transform: capitalize; padding: 14px 50px !important; border-radius: 0; transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; background: #4E9590; color: #fff; border: 0;} .gform_wrapper .gform_button.button:hover { background: #44A3CC; color: #fff; } .ie .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{margin-bottom:20px !important} .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex select { width: 97% !important; } .ie .gform_wrapper .gfield_checkbox li label, .ie gform_wrapper .gfield_radio li label{line-height: 13px} .gform_confirmation_message_1.gform_confirmation_message{margin-bottom: 30px} .gfield_checkbox li:after{display: none} .related-projects { margin-bottom: 50px; } .block-quotes { margin: 40px 0; } .teammember h1,.teammember h2,.teammember h3,.teammember h4,.teammember h5,.teammember h6{display: flex; flex-wrap: wrap; word-spacing: normal; clear: none;} .latest-post .prj-img {position: relative;z-index: 1;} .latest-post .prj-img:after {position: absolute;content: "";top: 0;left: 0;right: 0;bottom: 0;background: #000;opacity: 0;z-index: -1;-ms-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;} .featured-box.latest-post:hover .prj-img:after {opacity: 0.2;} .ourpeople .container{position: relative} .ourpeople .container .multiple-menu-opt { position: relative; margin-right: 0;padding-left: 24px; margin-left: 0; } .ourpeople .container .responsive-wrapper ul li { background: none; } .fixItUp .ourpeople .container .multiple-menu-opt{ position: fixed;align-items: center} .fixItUp .ourpeople .container .multiple-menu-opt .col-lg-10{ margin: 0 auto; max-width: 1040px;} .ourpeople .sec-title{margin-top: 30px} .single-our_people .related-events { margin-top: 0px; } #sec-councilors-and-trustees-emiritus li { display: inline-block;vertical-align: top; width: 50%; } .page-our-people .staffcards.ourpeople.strip { background: #f5f5f5; padding-bottom: 0; position: relative; } .page-our-people.page-template-default .inner-banner{margin-bottom: 0} .quick-link * { position: static !important; } .quick-link { position: absolute !important; z-index: 15; left: 35px; } .quick-link:nth-of-type(1) { top: 40px; } .quick-link:nth-of-type(2) { top: 75px; } /* our people */ .page-our-people .scard-img { display: flex; } .page-our-people .scard-img > div { align-self: flex-end; } /* membership application form */ .BBFormContainer input, .BBFormContainer textarea { color: #000; } .single-project a.box-link { display: none; } .colvers .img.square img { border-radius: 0; } .colvers .img.circle img { border-radius: 50%; } .circle { border-radius: 50%!important; } .square { border-radius: 0!important; } .clover-blue { background-color: #4E9590; } .clover-green { background-color: #00b582; } .clover-light { background-color: #e9f7f8; } .image-clovers.clover-blue h2{ color: #ffffff; } .image-clovers.clover-blue .copytexc p{ color: #ffffff; } .image-clovers.clover-blue .ctatext a{ color: #4E9590; background-color: #ffffff; } .image-clovers.clover-green h2{ color: #ffffff; } .image-clovers.clover-green .copytexc p{ color: #ffffff; } .image-clovers.clover-green .ctatext a{ color: #00b582; background-color: #ffffff; } .image-clovers.clover-light h2{ color: #1D5756; } .image-clovers.clover-light .copytexc p{ color: #75797a; } .image-clovers .row.left { display: flex; flex-direction: row-reverse; } .image-cards-list { display: grid; grid-template-columns: fit-content(30%) fit-content(30%) fit-content(30%); grid-gap: 25px; justify-content: center; } @media screen and (max-width: 768px) { .image-cards-list { display: grid; grid-template-columns: 1fr; } } .image-card { border: 2px solid #4E9590; padding-left: 0; } .image-card h3, .image-card p{ padding: 15px 32px 0 32px; } .image-card h3 { font-size: 30px; } .image-card img{ width: 100%; } .image-card a.button{ margin-left: 32px; color: #4E9590; text-transform: uppercase; font-weight: 400; margin-bottom: 15px; text-align: left; display: block; } h2.h2-alt { font-family: 'Lato', sans-serif; font-size: 62px; text-transform: uppercase; font-weight: 700; color: #4E9590; } .featured-projects .h2 { max-width: 470px; margin: 0 auto; text-align: center; } .page-template-home-page h2 { font-family: 'Lato', sans-serif; font-weight: 700; } .featured-projects .btn { color: #1D5756; background-color: #ffffff; } section#three-card-section { padding: 60px 0; } section#three-card-section h2{ text-align: center; color: #4E9590; } .our-mission h2 { color: #7d838c; } .page-template-home-page .cf h3 { color: #4E9590; } .page-template-home-page .our-mission h3::after { display: block; content: ''; width: 133px; height: 10px; background: #4E9590; text-align: center; margin-top: 5px; } .page-template-home-page .our-system ul li { padding-left: 0; width: auto; border: none; border-radius: none; border-bottom-right-radius: 0; display: flex; flex-direction: column; align-items: center; margin-right: 0; flex: 1; justify-content: space-between; } .fullwidth-image-block { background-repeat: no-repeat; background-size: cover; } .fullwidth-image-block h2, .fullwidth-image-block p, .fullwidth-image-block a { color: #ffffff; } .fullwidth-image-block a { background-color: #4E9590; } .fullwidth-image-block .col-lg-6:first-child { background-color: rgba(0, 0, 0, 0.45); padding: 60px ; } .our-system a.button { font-weight: 700; color: #4E9590; } .page-template-home-page .our-system ul li:nth-child(2) { margin-left: 35px; margin-right: 35px; } ul.wp-mega-sub-menu ul li a { font-size: 20px!important; } .image-clovers .row.left, .image-clovers .row.right { justify-content: space-between; } .wp-megamenu-main-wrapper.wpmega-clean-white.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a::before { content: none; width: 0px; } @media screen and (min-width: 1200px) { .blank_div { height: 179px!important } header { padding: 32px 0!important; } } .donatenow a { max-height: 48px; } .blank_div, .site-header.sticky { border-bottom: 1px solid lightgray; } .content-image p{ max-width: 500px; } .cloverimages img { width: 100%!important; } @media screen and (min-width: 769px ) { .content-image { padding-left: 17%; padding-right: 5%; } .image-card img { width: 100%; max-height: 243px; min-height: 243px; overflow: hidden; object-fit: cover; } .fullwidth-image-block { padding: 120px 0; } } @media screen and (max-width: 1369px ) { .donatenow a { padding: 12px 0; } } @media screen and (max-width: 767px) { .our-system ul { flex-direction: column; } .our-system ul li { margin-bottom: 50px!important; } .image-cards-list { padding: 15px; } .image-clovers .container-fluid .p-0{ margin-top: 100px; } .image-cards-list { margin-bottom: 10px; } section#three-card-section { padding: 60px 0 0 0; } } .image-card:after { content: none; } .wpmm-image-link-wrapper a { padding: 0!important; } @media screen and (min-width: 910px) { #wpmega-menu-main { display: flex!important; } #wpmega-menu-main>li{ flex: auto; } } @media screen and (max-width: 767px) { .content-image-fullwidth .content-image { height: unset!important; } .content-image-fullwidth .image-clovers .container-fluid .p-0 { margin-top: 0; } .content-image-fullwidth .cloverimages img { margin: 0; } .content-image-fullwidth .content-image p { max-width: unset!important; } } .scardhover { background: rgb(78, 149, 144, 0.95); } .scardhover span { position: absolute; left: 30px; bottom: 20px; }