/* Theme Name: DSFM 2019 Theme URI: http://insightmarketingdesign.com Author: Insight Marketing Design Author URI: http://insightmarketingdesign.com Requires at least: WordPress 4.9.6 Version: 1.4 Text Domain: imddsfm */ /* * Chrome renders extra-wide   characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the Classic and block * editors. The following font-face override fixes the issue by manually inserting * a custom font that includes just a Hoefler Text space replacement for that * character instead. */ @font-face { font-family: 'NonBreakingSpaceOverride'; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); } @font-face { font-family: 'metropolislight'; src: url("../fonts/metropolis/metropolis.light-webfont.woff2") format("woff2"), url("../fonts/metropolis/metropolis.light-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'metropolisregular'; src: url("../fonts/metropolis/metropolis.regular-webfont.woff2") format("woff2"), url("../fonts/metropolis/metropolis.regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'metropolisbold'; src: url("../fonts/metropolis/metropolis.bold-webfont.woff2") format("woff2"), url("../fonts/metropolis/metropolis.bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'metropolissemi_bold'; src: url("../fonts/metropolis/metropolis.semi-bold-webfont.woff2") format("woff2"), url("../fonts/metropolis/metropolis.semi-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'metropolisextra_bold'; src: url("../fonts/metropolis/metropolis.extra-bold-webfont.woff2") format("woff2"), url("../fonts/metropolis/metropolis.extra-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /*OVERALL BASICS*/ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { margin: 0 !important; padding: 0 !important; } html, body { font-family: "metropolisregular", Helvetica, Gotham, Arial, "sans-serif"; line-height: normal; font-size: 1em; color: #444444; } p, ol, ul, li { line-height: 1.5em; } img { /*-ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; */ max-width: 100%; height: auto; } embed, iframe, object, t video { /*margin-bottom: $standard_bottom_margin;*/ max-width: 100%; border: none; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* .site { width:100%; position: relative; margin:0 auto; padding: 0; } */ .centerer { margin: 0 auto; position: relative; } /*---------- CLEAR ------------------*/ .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /*TEXT FORMATTING*/ p, .wp-block-button { margin: 0 0 30px 0; } p:last-child, .wp-block-button:last-child { margin-bottom: 0; } a { text-decoration: underline; } a:hover, a:active { outline: 0; text-decoration: none; } a:focus { /*outline:0; outline: $purple dashed thin !important;*/ } ul, ol { list-style: none; } ul { list-style: disc; } ol { list-style: decimal; } h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1em; font-weight: normal; } figure { margin: 0 0 30px 0 !important; padding: 0; } /*BUTTONS*/ button, a.button, .contributor-posts-link, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } /*UNCOMMON ELEMENTS*/ blockquote { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; color: #444444; font-style: italic; font-weight: 300; margin-bottom: 30px; } blockquote:before, blockquote:after { content: ""; content: none; } .video_container { /*padding-bottom: 54.25%; padding-top:0px; height: 0; position: relative !important; overflow: hidden;*/ position: relative; /*padding-bottom: 75%;*/ padding-bottom: 56.25%; height: 0; overflow: hidden; padding-top: 0; } .video_container iframe, .video_container object, .video_container embed { /*left: 0; position: absolute;top: 0; border:none; width: 100%; height: 100%; */ position: absolute; width: 100% !important; height: 100% !important; left: 0; top: 0; } .togglePanel { margin-bottom: 20px; border: 1px solid #e0e2e2; border-radius: 5px; overflow: hidden; } .togglePanel .toggleHead { padding: 10px 10px 7px 10px; font-family: "metropolisbold", Helvetica, Gotham, Arial, "sans-serif"; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-size: 1em; background: #e0e2e2; color: #262458; } .togglePanel .toggleHead span { display: inline-block; vertical-align: top; max-width: calc(100% - 20px); } .togglePanel .toggleHead span.toggleAction { width: 20px; height: 20px; background-image: url(../images/common/plus.png); background-position: right 0; background-repeat: no-repeat; margin: 0; float: right; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .togglePanel .toggleHead:hover { cursor: pointer; background: #262458; color: #ffffff; } .togglePanel .toggleHead:hover span.toggleAction { /*background-image: url(../images/common/plus-white.png); */ } .togglePanel .toggleContent { visibility: hidden; opacity: 0; max-height: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding: 0 20px; } .togglePanel .toggleContent p:last-child { margin-bottom: 0; } .togglePanel.active .toggleHead { background: #262458; color: #ffffff; } .togglePanel.active .toggleHead span.toggleAction { background-image: url(../images/common/minus-white.png); } .togglePanel.active .toggleContent { opacity: 1; visibility: visible; /*max-height: 5000px;*/ max-height: none; padding: 10px 15px; line-height: 1.4em; } /*RESPONSIVE TABLES .wp-block-table { width: 100%; margin: 0; margin-bottom: $standard_bottom_margin; padding: 0; table { border-collapse: collapse; border-spacing: 0; width:100%; p { margin:0; } tr:nth-child(even) { background:$table_row_even_bg; } td { vertical-align:top; padding:$table_cell_padding; border: 1px solid #ddd; clear: both; } //turn off header and append that to the rows below for mobile view thead { display: none; } //format the rest of the rows tbody tr { margin:0 0 20px 0; display:block; td { display: block; } td:first-child { background:$slate; color: $white; } td:before { content: attr(data-th); font-weight: bold; display: inline; vertical-align:top; padding:0 10px 0 0; text-align: right; } td span { display:inline; vertical-align:top; } } } } */ @media screen and (min-width: 800px) { /*RESPONSIVE TABLES .wp-block-table { table { //turn ON header thead { display: table-header-group; th { background: $purple; color: $white; text-align: left; padding: 5px; } } //format the rest of the rows tbody tr { margin:0; display: table-row; td:first-child { background:transparent; color: $standard_base_color; } td:before { content: ''; display: none; } td { display: table-cell !important; } } } } */ } /*OVERALL BASICS*/ body { background: #FFFFFF; /*font-size: 62.5%;*/ } ::selection { background: #262458; color: #ffffff !important; } ::-moz-selection { background: #262458; color: #ffffff !important; } .centerer { max-width: 1515px; margin-left: auto !important; margin-right: auto !important; } .centerer_small { max-width: 1200px; margin-left: auto !important; margin-right: auto !important; } .screen-reader-text { display: none !important; } /*TEXT FORMATTING*/ a img { display: inline-block; vertical-align: middle; } a[href^="tel:"] { /*text-decoration: none;*/ } sup { font-size: .6em; } small, p.small, div.small { font-size: .8em !important; } /*BUTTONS*/ /*FORMS and INPUTS*/ /*general search box styles*/ .search-form { border: #e0e2e2 1px solid; background: #FFF; border-radius: 300px; overflow: hidden; width: 100%; } .search-form .search-field { width: 90%; float: left; padding: 0 5px 0 10px; min-height: 30px; max-height: 30px; color: #444444 !important; font-size: .85em; } .search-form input[type="submit"] { width: 10%; float: left !important; min-height: 30px; max-height: 30px; padding: 5px; background: #262458 url(../images/search_icon.png) no-repeat !important; background-position: center center !important; border: none !important; border-radius: 0 !important; text-indent: 999px !important; margin: 0 !important; } .search-form input[type="submit"]:hover { background-color: #262458; } /*hide body until done loading*/ body #page { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } body:not(.dom_loaded) #page { opacity: 0; } body.dom_loaded #page { opacity: 1; } #page { overflow: visible; } .noscript { padding: 20px; position: fixed; z-index: 5000; background: red; color: #000000; font-family: "metropolisregular", Helvetica, Gotham, Arial, "sans-serif"; font-size: 2em; text-align: center; width: 100%; } /*get the layering right*/ #masthead { /*position: fixed !important;*/ top: 0; width: 100%; z-index: 4900; position: sticky; display: block; } /*when fixing position of header you have to add padding to top of html - this is done in the jquery because need to get the height of the active header....position sticky to just stick to top of page without messing with offset*/ #content { position: relative; z-index: 250; } .site-footer { position: relative; z-index: 250; } #content { margin: 0; padding: 0 0 0 0; } #alert_container { margin: 0 auto; text-align: left; } #alert_container #alert_holder { background: #4f93c3; color: #ffffff; padding: 10px 20px; min-height: 50px; position: relative; font-size: 1em; line-height: 1.3em; } #alert_container #alert_holder #alert_window { position: relative; /*overflow: hidden;*/ } #alert_container #alert_holder strong { padding: 0 10px 0 0; font-size: 1.4em; } #alert_container #alert_holder span { padding: 0 10px 0 0; } #alert_container #alert_holder a.button { background: #262458; color: #ffffff; margin-top: 5px; display: block; vertical-align: middle; text-decoration: none; padding: 5px 25px 5px 25px; border-radius: 300px; text-align: center; font-size: .8em; box-shadow: none; outline: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: bold; } #alert_container #alert_holder a.button:hover { background: #ffffff !important; color: #444444 !important; } @-moz-keyframes alert_scroller_action { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes alert_scroller_action { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes alert_scroller_action { 0% { -moz-transform: translateX(100%); /* Firefox bug fix */ -webkit-transform: translateX(100%); /* Firefox bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Firefox bug fix */ -webkit-transform: translateX(-100%); /* Firefox bug fix */ transform: translateX(-100%); } } @media only screen and (max-device-width: 1000px) and (-webkit-min-device-pixel-ratio: 2) { #alert_container #alert_holder { min-height: auto !important; } #alert_container #alert_holder #alert_window { position: relative !important; overflow: visible !important; height: auto !important; } #alert_container #alert_holder #alert_scroller { position: relative !important; margin-top: 0 !important; min-width: auto !important; max-width: auto !important; width: 100% !important; white-space: pre-wrap !important; -moz-transform: none !important; -webkit-transform: none !important; transform: none !important; -moz-animation: none !important; -webkit-animation: none !important; animation: none !important; } } @media screen and (min-width: 800px) { #alert_container #alert_holder { font-size: 1.1em; padding-bottom: 5px; } #alert_container #alert_holder #alert_window { position: relative; overflow: hidden; height: 40px; } #alert_container #alert_holder #alert_scroller { display: block; position: absolute; margin-top: 5px; white-space: nowrap; /*height: 100%; line-height: 40px; */ min-width: 100%; /* Starting position */ -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); /* Apply animation to this element */ -moz-animation: alert_scroller_action 30s linear infinite; -webkit-animation: alert_scroller_action 30s linear infinite; animation: alert_scroller_action 30s linear infinite; /* -moz-animation-iteration-count: 3; -webkit-animation-iteration-count: 3; animation-iteration-count: 3; */ } #alert_container #alert_holder a.button { margin-top: -5px; display: inline-block; } } @media screen and (min-width: 1500px) { #masthead { position: fixed; } } #mobile_head { background: #ffffff; margin: 0; display: block; border-bottom: 3px solid #262458; } #full_head { display: none; } a#logo { padding: 15px; display: inline-block; float: right; } a#logo img { max-width: 65px; } #menu_toggle { display: inline-block; vertical-align: middle; float: left; font-size: 1em; line-height: 1em; text-align: left; text-decoration: none; color: #262458 !important; text-decoration: none !important; font-family: "metropolissemi_bold", Helvetica, Gotham, Arial, "sans-serif"; margin: 25px; } #menu_toggle img { display: inline-block; margin: 0 10px 0 0; } #menu_toggle:hover { cursor: pointer; } #branding_banner { padding: 15px 10px; background: #262458; text-align: center; color: #ffffff; font-family: "metropolissemi_bold", Helvetica, Gotham, Arial, "sans-serif"; font-style: italic; width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #branding_banner span { display: block; } #branding_banner img { margin: 10px 10px 5px 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #masthead > #branding_banner { display: none; } #masthead > #mobile_head #branding_banner { display: block; } #menu:not(.mm-menu) { opacity: 0; } .mm-menu { opacity: 1; --mm-color-background: #FFFFFF; --mm-color-border: #262458; --mm-color-text: #444444; --mm-color-text-dimmed: rgba(0,0,0,0.5); --mm-color-button: #262458; --mm-listitem-size: 55px; /* --mm-iconbar-size: 0px; --mm-color-background-emphasis The background-color for emphasized listitems. --mm-color-background-highlight The background-color for highlighted listitems. --mm-color-border The border-color for navbars, listitems, etc. --mm-color-button The color for buttons. --mm-color-text The text-color for the menu. --mm-color-text-dimmed The text-color for dimmed out elements in the menu. --mm-offset-top CSS value $mm_offsetTop Menu top offset. --mm-offset-right CSS value $mm_offsetRight Menu right offset. --mm-offset-bottom CSS value $mm_offsetBottom Menu bottom offset. --mm-offset-left CSS value $mm_offsetLeft Menu left offset. Sizes --mm-line-height CSS value $mm_lineHeight The line-height for the menu. --mm-listitem-size CSS value $mm_listitemSize The height for the listitems. --mm-navbar-size CSS value $mm_navbarSize The height for the navbars. */ } /*top nav section*/ .mm-navbars_top { text-align: center !important; } .mm-navbars_top .mm-navbar { background: #ffffff !important; border-top: 6px solid #4f93c3; } .mm-navbars_top .mm-navbar > span { width: 100%; margin: 0 35px; } .mm-navbars_top #nav_logo { display: block; margin: 10px auto 10px auto !important; max-width: 100px; height: auto; } /*nav section*/ .mm-menu .mm-listview { margin-top: 10px; /*display: inline-block !important; vertical-align: middle !important; padding: 20px 0 !important; width: 100%; text-align: center; */ } a#mobile_phone { padding: 10px; display: block; background: #4f93c3; color: #ffffff; text-align: center; font-family: "metropolisbold", Helvetica, Gotham, Arial, "sans-serif"; font-size: 1.1em; } a#mobile_phone:hover { background: #262458; } .mm-listitem { /*border-bottom: 1px solid rgba(255,255,255,0.8); text-align: left; */ white-space: nowrap !important; } .mm-listitem a { font-size: 1em; line-height: 1.2em; color: #262458 !important; /*background: $purple; color: $purple !important; */ } .mm-listitem a, .mm-listitem a:hover { font-family: "metropolissemi_bold", Helvetica, Gotham, Arial, "sans-serif" !important; /* font-size: 22px; letter-spacing: .1em; padding: 15px 25px !important; margin: 0 auto !important; opacity: 1 !important;*/ } .mm-listitem a:hover { /**/ background-color: #262458 !important; color: #ffffff !important; } .mm-listitem a img { display: inline-block; vertical-align: middle; margin-top: -3px; } .mm-listitem.main_li a.main_nav { padding-left: 50px; background-repeat: no-repeat; background-position: 5px center; } .mm-listitem.main_li a.get-a-quote_nav_mobile { background-image: url("../images/get_quote_35.png"); } .mm-listitem.main_li a.make-a-payment_nav_mobile { background-image: url("../images/make_payment_35.png"); } .mm-listitem.main_li a.report-a-claim_nav_mobile { background-image: url("../images/report_claim_35.png"); } .mm-listitem.main_li a.awareness-tips_nav_mobile { background-image: url("../images/awareness_35.png"); } .mm-listitem.main_li a.sharing-memories_nav_mobile { background-image: url("../images/sharing_memories_35.png"); } .mm-listitem.main_li a.get-a-quote_nav_mobile { background-image: url("../images/get_quote_35.png"); } .mm-listitem.main_li a.get-a-quote_nav_mobile:hover { background-image: url("../images/get_quote_white_35.png"); } .mm-listitem.main_li a.make-a-payment_nav_mobile:hover { background-image: url("../images/make_payment_white_35.png"); } .mm-listitem.main_li a.report-a-claim_nav_mobile:hover { background-image: url("../images/report_claim_white_35.png"); } .mm-listitem.main_li a.awareness-tips_nav_mobile:hover { background-image: url("../images/awareness_white_35.png"); } .mm-listitem.main_li a.sharing-memories_nav_mobile:hover { background-image: url("../images/sharing_memories_white_35.png"); } .mm-listitem.main_li a.get-a-quote_nav_mobile:hover { background-image: url("../images/get_quote_white_35.png"); } .mm-listitem.secondary_feature_one a.secondary_nav { text-transform: uppercase; /*padding: 12px 15px !important;*/ color: #262458 !important; background: #afd0e7; display: block; } .mm-listitem.secondary_feature_one a.secondary_nav:hover { color: #ffffff !important; } .mm-listitem.secondary_feature_two a.secondary_nav { text-transform: uppercase; /*padding: 12px 15px !important;*/ color: #ffffff !important; background: #4f93c3; display: block; } .mm-listitem.secondary_feature_two a.secondary_nav:hover { color: #ffffff !important; } /*submenus*/ .mm-listview > li > a.mm-btn_next { background-color: #e0e2e2; /* border-bottom-color: $purple !important; color: $purple !important; border:none !important; */ } .mm-listview > li > a.mm-btn_next:hover { /*background-color:$slate !important;*/ } .mm-listview > li > a.mm-btn_next:after { /*border-color: $white !important;*/ } .mm-listview > li > a.mm-btn_next:hover:after { border-color: #ffffff !important; } /*bottom menu bar*/ .mm-navbars_bottom, .mm-navbars_bottom .mm-navbar { text-align: center; background: #262458 !important; /**/ border-top-style: none; } .mm-navbars_bottom .mm-navbar span { width: 100%; } .search_box { width: 90% !important; padding: 5px !important; display: block !important; margin: 0 auto; flex: none !important; } .search_box #header_search_part { font-size: .8em; color: #444444; margin-bottom: -15px; } .search_box .search-form { width: 100%; display: inline-block; vertical-align: bottom; } .search_box .search-form .search-field { border-radius: 300px; border: 1px solid #ffffff; background: #ffffff; background: rgba(255, 255, 255, 0.6) !important; padding: 5px 10px; max-width: 100%; } .search_box .search-form .search-submit { display: none !important; } #content_block .search-field { border: 1px solid #444444 !important; } .mm-listview li.current_page_item { background: #444444; } .mm-listview li.current_page_item > a { color: #ffffff !important; } .mobile_contact { padding: 30px 30px 15px 30px; text-align: center !important; border-top: 6px solid #4f93c3; } .mobile_contact p, .mobile_contact address { line-height: 1.4em; margin: 15px auto; display: block; width: 100%; } .mobile_contact a { padding: 5px; display: inline-block; } /*global social styles*/ .social_nav { width: 30px !important; height: 30px !important; display: inline-block; vertical-align: middle; margin: 0; background-repeat: no-repeat; background-position: center center; border-radius: 50%; padding: 0 !important; } .social_nav:hover { background-color: #262458; } .facebook { background-image: url(../images/social/facebook.png); } .twitter { background-image: url(../images/social/twitter.png); } .linked_in { background-image: url(../images/social/linkedin.png); } .youtube { background-image: url(../images/social/youtube.png); } .pinterest { background-image: url(../images/social/pinterest.png); } .snapchat { background-image: url(../images/social/snapchat.png); } .portal { background-image: url(../images/social/portal.png); } .email { background-image: url(../images/social/email.png); } @media screen and (min-width: 1000px) { #mobile_head { display: none; } #full_head.shrunkenHeader #header_left img { max-width: 80px; } #full_head.shrunkenHeader #header_right #nav_top_strip .secondary_navigation > ul a { padding: 7px 15px 5px 15px; font-size: .9em; } #full_head.shrunkenHeader #header_right .primary_navigation { padding: 5px 5px 5px 15px; } #full_head { display: block; background: rgba(255, 255, 255, 0.85); } #full_head #header_left { width: 25%; padding: 30px 15px 30px 35px; text-align: center; /*max-width: 175px;*/ display: inline-block; vertical-align: top; } #full_head #header_left img { max-width: 140px; height: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #full_head #header_right { width: 75%; display: inline-block; vertical-align: top; /*Primary Navigation */ /*END Primary Navigation */ } #full_head #header_right #nav_top_strip { display: block; text-align: right; /*Secodnary Navigation */ /*END Secodnary Navigation */ } #full_head #header_right #nav_top_strip #secondary_navigation_left { padding: 0 30px 0 15px; display: inline-block; vertical-align: top; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: #b3d1e7; } #full_head #header_right #nav_top_strip #secondary_navigation_right { padding: 0 30px 0 15px; /*margin-left: 6px;*/ display: inline-block; vertical-align: top; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: #4f93c3; } #full_head #header_right #nav_top_strip #secondary_navigation_left, #full_head #header_right #nav_top_strip #secondary_navigation_right { position: relative; } #full_head #header_right #nav_top_strip #secondary_navigation_left:before, #full_head #header_right #nav_top_strip #secondary_navigation_right:before { content: " "; position: absolute; display: block; width: 50px; height: 100%; z-index: 0; top: 0; left: 0; transform: skew(40deg, 0deg); -ms-transform: skew(40deg, 0deg); -webkit-transform: skew(40deg, 0deg); /*transform-origin: left top;*/ transform-origin: top right; /*opacity: .7; border: 1px solid green;*/ } #full_head #header_right #nav_top_strip #secondary_navigation_left:before, #full_head #header_right #nav_top_strip #secondary_navigation_right:before { margin-left: -50px; } #full_head #header_right #nav_top_strip #secondary_navigation_left:before { background: #b3d1e7; } #full_head #header_right #nav_top_strip #secondary_navigation_right:before { background: #4f93c3; border-left: 6px solid transparent; } #full_head #header_right #nav_top_strip #secondary_navigation_left.secondary_navigation > ul { text-align: right; } #full_head #header_right #nav_top_strip #secondary_navigation_left.secondary_navigation > ul a { color: #262458; } #full_head #header_right #nav_top_strip #secondary_navigation_left.secondary_navigation > ul a:hover, #full_head #header_right #nav_top_strip #secondary_navigation_left.secondary_navigation > ul > li:hover > a { background-color: #262458; color: #ffffff; } #full_head #header_right #nav_top_strip #secondary_navigation_right.secondary_navigation > ul { text-align: right; } #full_head #header_right #nav_top_strip #secondary_navigation_right.secondary_navigation > ul a { color: #ffffff; } #full_head #header_right #nav_top_strip #secondary_navigation_right.secondary_navigation > ul a:hover, #full_head #header_right #nav_top_strip #secondary_navigation_right.secondary_navigation > ul > li:hover > a { background-color: #262458; color: #ffffff; } #full_head #header_right #nav_top_strip .secondary_navigation > ul { list-style: none; margin: 0 0 0 0 !important; padding: 0 !important; position: relative; z-index: 50; } #full_head #header_right #nav_top_strip .secondary_navigation > ul > li { display: inline-block; vertical-align: middle; position: relative; margin: 0 10px; } #full_head #header_right #nav_top_strip .secondary_navigation > ul a { display: block; text-decoration: none; padding: 17px 15px 15px 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-transform: uppercase; font-size: 1.05em; font-family: "metropolissemi_bold", Helvetica, Gotham, Arial, "sans-serif"; font-weight: normal; line-height: 1em; } #full_head #header_right #nav_top_strip .secondary_navigation .drop_down { padding: 15px 0; background-color: #262458; min-width: 200%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 2500; position: absolute; opacity: 0; visibility: hidden; height: 0; color: #ffffff; left: 0; /*all li and links in dropdown li.current_page_item > a { background: rgba(255,255,255,0.4); } li.page_item_has_children > a:after { content: '+'; display: inline-block; float: right; font-weight: bold; } */ /* ul.children { padding:5px 0; background:$slate; width: 100%; @include transition(); z-index:2500; position: absolute; opacity: 0; visibility: hidden; height:0; color: $black; left: 100%; top: 0; } li:hover > ul.children { opacity: 1; visibility: visible; height:auto; } */ } #full_head #header_right #nav_top_strip .secondary_navigation .drop_down ul { color: #ffffff; list-style: none; margin: 0; padding: 0; position: relative; } #full_head #header_right #nav_top_strip .secondary_navigation .drop_down li { display: block; margin: 0 0 0 0; padding: 0; text-align: left; z-index: 0; color: #ffffff; } #full_head #header_right #nav_top_strip .secondary_navigation .drop_down a { display: block; padding: 12px 20px 10px 20px; margin: 0; color: #ffffff !important; background-color: transparent; text-decoration: none; text-transform: none; font-size: 1em; line-height: 1.1em; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; clear: both; font-family: "metropolissemi_bold", Helvetica, Gotham, Arial, "sans-serif"; } #full_head #header_right #nav_top_strip .secondary_navigation .drop_down a:hover, #full_head #header_right #nav_top_strip .secondary_navigation .drop_down a.active { background-color: rgba(255, 255, 255, 0.3) !important; } #full_head #header_right #nav_top_strip .secondary_navigation .drop_down ul.children { /**/ display: none; } #full_head #header_right #nav_top_strip .secondary_navigation li:hover .drop_down { opacity: 1; visibility: visible; height: auto; } #full_head #header_right .primary_navigation { padding: 15px 5px 15px 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #full_head #header_right .primary_navigation > ul { list-style: none; margin: 0 0 0 0 !important; padding: 0 !important; text-align: center; /*display: flex; justify-content: space-evenly; align-content: flex-end;*/ } #full_head #header_right .primary_navigation > ul > li { display: inline-block; vertical-align: middle; position: relative; margin: 0 5px; } #full_head #header_right .primary_navigation > ul > li > a { display: block; text-decoration: none; padding: 15px 25px 15px 55px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-size: 1.15em; /*font-size:1.35em;*/ font-family: "metropolisregular", Helvetica, Gotham, Arial, "sans-serif"; font-weight: bold; line-height: 1.1em; color: #262458; background-repeat: no-repeat; background-position: 10px center; position: relative; overflow: hidden; --notchSize: 20px; clip-path: polygon(0 0, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% 100%, 0 100%); } #full_head #header_right .primary_navigation > ul > li > a:hover, #full_head #header_right .primary_navigation > ul > li:hover > a { background-color: #4f93c3; color: #ffffff; } #full_head #header_right .primary_navigation > ul a.get-a-quote_nav { background-image: url("../images/get_quote_35.png"); } #full_head #header_right .primary_navigation > ul a.make-a-payment_nav { background-image: url("../images/make_payment_35.png"); } #full_head #header_right .primary_navigation > ul a.report-a-claim_nav { background-image: url("../images/report_claim_35.png"); } #full_head #header_right .primary_navigation > ul a.awareness-tips_nav { background-image: url("../images/awareness_35.png"); } #full_head #header_right .primary_navigation > ul a.sharing-memories_nav { background-image: url("../images/sharing_memories_35.png"); } #full_head #header_right .primary_navigation > ul a.get-a-quote_nav { background-image: url("../images/get_quote_35.png"); } #full_head #header_right .primary_navigation > ul a.get-a-quote_nav:hover, #full_head #header_right .primary_navigation > ul > li:hover > a.get-a-quote_nav { background-image: url("../images/get_quote_white_35.png"); } #full_head #header_right .primary_navigation > ul a.make-a-payment_nav:hover, #full_head #header_right .primary_navigation > ul > li:hover > a.make-a-payment_nav { background-image: url("../images/make_payment_white_35.png"); } #full_head #header_right .primary_navigation > ul a.report-a-claim_nav:hover, #full_head #header_right .primary_navigation > ul > li:hover > a.report-a-claim_nav { background-image: url("../images/report_claim_white_35.png"); } #full_head #header_right .primary_navigation > ul a.awareness-tips_nav:hover, #full_head #header_right .primary_navigation > ul > li:hover > a.awareness-tips_nav { background-image: url("../images/awareness_white_35.png"); } #full_head #header_right .primary_navigation > ul a.sharing-memories_nav:hover, #full_head #header_right .primary_navigation > ul > li:hover > a.sharing-memories_nav { background-image: url("../images/sharing_memories_white_35.png"); } #full_head #header_right .primary_navigation > ul a.get-a-quote_nav:hover, #full_head #header_right .primary_navigation > ul > li:hover > a.get-a-quote_nav { background-image: url("../images/get_quote_white_35.png"); } #full_head #header_right .primary_navigation .drop_down { padding: 10px 0 0 0; background-color: #4f93c3; opacity: 0; visibility: hidden; height: 0; color: #ffffff; font-size: 1em; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 2500; position: absolute; right: 0; /*left: 0;*/ /*width:150%; min-width: 300px;*/ width: 350px; /*all li and links in dropdown li.current_page_item > a { background: rgba(255,255,255,0.4); } li.page_item_has_children > a:after { content: '+'; display: inline-block; float: right; font-weight: bold; } */ /* ul.children { padding:5px 0; background:$slate; width: 100%; @include transition(); z-index:2500; position: absolute; opacity: 0; visibility: hidden; height:0; color: $black; left: 100%; top: 0; } li:hover > ul.children { opacity: 1; visibility: visible; height:auto; } */ } #full_head #header_right .primary_navigation .drop_down .menu_image { width: 100%; height: auto; padding: 15px 25px 20px 25px; margin: 0; } #full_head #header_right .primary_navigation .drop_down ul { color: #ffffff; list-style: none; margin: 0; padding: 0; position: relative; } #full_head #header_right .primary_navigation .drop_down li { display: block; margin: 0 0 0 0; padding: 0; text-align: left; z-index: 0; color: #ffffff; } #full_head #header_right .primary_navigation .drop_down a { display: block; padding: 12px 25px 10px 25px; margin: 0; color: #ffffff !important; background-color: transparent; text-decoration: none; text-transform: none; font-size: 1em; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; clear: both; font-family: "metropolissemi_bold", Helvetica, Gotham, Arial, "sans-serif"; } #full_head #header_right .primary_navigation .drop_down a:hover, #full_head #header_right .primary_navigation .drop_down a.active { background-color: rgba(255, 255, 255, 0.3) !important; } #full_head #header_right .primary_navigation .drop_down ul.children { /**/ display: none; } #full_head #header_right .primary_navigation li:hover .drop_down { opacity: 1; visibility: visible; height: auto; } #masthead > #branding_banner { display: block; } #branding_banner { padding: 8px 10px 10px 10px; font-size: 1.35em; font-family: "metropolisregular", Helvetica, Gotham, Arial, "sans-serif"; font-weight: bold; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #branding_banner span { display: inline-block; vertical-align: middle; } #branding_banner img { margin: 0 20px; display: inline-block; vertical-align: middle; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #branding_banner.shrunkenBanner { font-size: 1.1em; /* padding: 8px 10px 10px 10px; img { margin: 0 20px; display: inline-block; vertical-align: middle; } */ } #branding_banner.shrunkenBanner img { transform: scale(0.8); } } @media screen and (min-width: 1300px) { #full_head #header_left { width: 15%; } #full_head #header_right { width: 85%; } } @media screen and (min-width: 1300px) { #full_head #header_left { width: 15%; } #full_head #header_right { width: 85%; } #full_head #header_right #nav_top_strip #secondary_navigation_left { padding-right: 60px; } } @media screen and (min-width: 1500px) { #full_head.shrunkenHeader #header_right .primary_navigation { padding-top: 15px; } #full_head.shrunkenHeader #header_right .primary_navigation > ul > li > a { font-size: 1.15em; } #full_head #header_left { padding: 25px 30px 25px 35px; } #full_head #header_right { /*Primary Navigation */ /*END Primary Navigation */ } #full_head #header_right .primary_navigation { padding-top: 35px; padding-bottom: 5px; } #full_head #header_right .primary_navigation > ul { display: flex; justify-content: space-around; } #full_head #header_right .primary_navigation > ul > li > a { font-size: 1.35em; } #full_head #header_right .primary_navigation .drop_down { right: auto; left: 0; } #full_head #header_right .primary_navigation .sharing-memories_li .drop_down { right: 0; left: auto; } #branding_banner { font-size: 1.55em; font-weight: normal; } } #content, footer, .edit-post-visual-editor { font-size: 1em; /*colors and backgrounds*/ /*headings*/ /*lists*/ /*images and captions*/ /*horizontal rule*/ /*text links*/ /*buttons*/ /* a[href$=".pdf"]:not(.button):not(.button_dark):not(.wp-block-button__link){ background: url(../images/common/pdf-icon.png) right top no-repeat; padding:0 25px 0 0; min-height: 20px; } */ /*columns*/ /*.wp-block-columns { display: block !important; }*/ } #content *, footer *, .edit-post-visual-editor * { font-family: "metropolisregular", Helvetica, Gotham, Arial, "sans-serif"; } #content p, footer p, .edit-post-visual-editor p { /*line-height:1.6em; */ } #content strong, footer strong, .edit-post-visual-editor strong { /*color: $purple; */ } #content .has-cyan-background-color, footer .has-cyan-background-color, .edit-post-visual-editor .has-cyan-background-color { background-color: #4f93c3 !important; } #content .has-gunmetal-background-color, footer .has-gunmetal-background-color, .edit-post-visual-editor .has-gunmetal-background-color { background-color: #4e5e74 !important; } #content .has-purple-background-color, footer .has-purple-background-color, .edit-post-visual-editor .has-purple-background-color { background-color: #262458 !important; } #content .has-slate-background-color, footer .has-slate-background-color, .edit-post-visual-editor .has-slate-background-color { background-color: #444444 !important; } #content .has-light_grey-background-color, footer .has-light_grey-background-color, .edit-post-visual-editor .has-light_grey-background-color { background-color: #e0e2e2 !important; } #content .has-white-background-color, footer .has-white-background-color, .edit-post-visual-editor .has-white-background-color { background-color: #ffffff !important; } #content .has-cyan-color, footer .has-cyan-color, .edit-post-visual-editor .has-cyan-color { color: #4f93c3 !important; } #content .has-gunmetal-color, footer .has-gunmetal-color, .edit-post-visual-editor .has-gunmetal-color { color: #4e5e74 !important; } #content .has-purple-color, footer .has-purple-color, .edit-post-visual-editor .has-purple-color { color: #262458 !important; } #content .has-slate-color, footer .has-slate-color, .edit-post-visual-editor .has-slate-color { color: #444444 !important; } #content .has-light_grey-color, footer .has-light_grey-color, .edit-post-visual-editor .has-light_grey-color { color: #e0e2e2 !important; } #content .has-white-color, footer .has-white-color, .edit-post-visual-editor .has-white-color { color: #ffffff !important; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, .edit-post-visual-editor h1, .edit-post-visual-editor h2, .edit-post-visual-editor h3, .edit-post-visual-editor h4, .edit-post-visual-editor h5, .edit-post-visual-editor h6 { font-family: "metropolisbold", Helvetica, Gotham, Arial, "sans-serif" !important; color: #4f93c3 !important; font-weight: regular !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #content h1, footer h1, .edit-post-visual-editor h1 { font-size: 2.2em; line-height: 1.1em; margin-bottom: 40px; color: #4f93c3 !important; } #content h2, footer h2, .edit-post-visual-editor h2 { /*font-family: $font_family_sans_extrabold;*/ font-size: 1.5em; line-height: 1.2em; margin-bottom: 15px; color: #262458 !important; text-transform: uppercase; } #content h3, footer h3, .edit-post-visual-editor h3 { font-family: "metropolisextra_bold", Helvetica, Gotham, Arial, "sans-serif"; font-size: 1.1em; line-height: 1.2em; margin-bottom: 5px; color: #4f93c3 !important; } #content h4, footer h4, .edit-post-visual-editor h4 { font-family: "metropolisextra_bold", Helvetica, Gotham, Arial, "sans-serif"; font-size: 1em; line-height: 1.2em; margin-bottom: 5px; color: #4f93c3 !important; } #content ul:not(.woocommerce-error), #content ul:not(.block-editor-block-breadcrumb), #content ol:not(.woocommerce-error), footer ul:not(.woocommerce-error), footer ul:not(.block-editor-block-breadcrumb), footer ol:not(.woocommerce-error), .edit-post-visual-editor ul:not(.woocommerce-error), .edit-post-visual-editor ul:not(.block-editor-block-breadcrumb), .edit-post-visual-editor ol:not(.woocommerce-error) { margin: 0 auto 30px auto; padding: 0 0 0 20px; text-align: left; font-size: 1em; } #content ul:not(.woocommerce-error) li:not(.product), #content ul:not(.block-editor-block-breadcrumb) li:not(.product), #content ol:not(.woocommerce-error) li:not(.product), footer ul:not(.woocommerce-error) li:not(.product), footer ul:not(.block-editor-block-breadcrumb) li:not(.product), footer ol:not(.woocommerce-error) li:not(.product), .edit-post-visual-editor ul:not(.woocommerce-error) li:not(.product), .edit-post-visual-editor ul:not(.block-editor-block-breadcrumb) li:not(.product), .edit-post-visual-editor ol:not(.woocommerce-error) li:not(.product) { margin: 0 0 0 0; text-align: left; font-size: 1em; line-height: 1.5em; } #content ul:not(.woocommerce-error) li:last-child, #content ul:not(.block-editor-block-breadcrumb) li:last-child, #content ol:not(.woocommerce-error) li:last-child, footer ul:not(.woocommerce-error) li:last-child, footer ul:not(.block-editor-block-breadcrumb) li:last-child, footer ol:not(.woocommerce-error) li:last-child, .edit-post-visual-editor ul:not(.woocommerce-error) li:last-child, .edit-post-visual-editor ul:not(.block-editor-block-breadcrumb) li:last-child, .edit-post-visual-editor ol:not(.woocommerce-error) li:last-child { margin-bottom: 0 !important; } #content ul:not(.woocommerce-error) ul, #content ul:not(.woocommerce-error) ol, #content ul:not(.block-editor-block-breadcrumb) ul, #content ul:not(.block-editor-block-breadcrumb) ol, #content ol:not(.woocommerce-error) ul, #content ol:not(.woocommerce-error) ol, footer ul:not(.woocommerce-error) ul, footer ul:not(.woocommerce-error) ol, footer ul:not(.block-editor-block-breadcrumb) ul, footer ul:not(.block-editor-block-breadcrumb) ol, footer ol:not(.woocommerce-error) ul, footer ol:not(.woocommerce-error) ol, .edit-post-visual-editor ul:not(.woocommerce-error) ul, .edit-post-visual-editor ul:not(.woocommerce-error) ol, .edit-post-visual-editor ul:not(.block-editor-block-breadcrumb) ul, .edit-post-visual-editor ul:not(.block-editor-block-breadcrumb) ol, .edit-post-visual-editor ol:not(.woocommerce-error) ul, .edit-post-visual-editor ol:not(.woocommerce-error) ol { margin-top: 10px !important; display: block; } #content .wp-block-audio audio, footer .wp-block-audio audio, .edit-post-visual-editor .wp-block-audio audio { min-width: 50px !important; max-width: 100% !important; } #content .wp-block-audio audio:focus, footer .wp-block-audio audio:focus, .edit-post-visual-editor .wp-block-audio audio:focus { outline-width: 0; } #content .wp-block-image, footer .wp-block-image, .edit-post-visual-editor .wp-block-image { margin-bottom: 20px !important; } #content .wp-block-image figcaption, footer .wp-block-image figcaption, .edit-post-visual-editor .wp-block-image figcaption { text-align: left; font-size: .8em; line-height: 1.3em; color: #444444; font-style: italic; margin-bottom: 35px; } #content figure.alignleft, footer figure.alignleft, .edit-post-visual-editor figure.alignleft { float: left; margin: 0 30px 0 0 !important; } #content figure.alignright, footer figure.alignright, .edit-post-visual-editor figure.alignright { float: right; margin: 0 0 0 30px !important; } #content figure.aligncenter, footer figure.aligncenter, .edit-post-visual-editor figure.aligncenter { margin: 0 auto !important; text-align: center; } #content hr, #content .wp-block-separator, footer hr, footer .wp-block-separator, .edit-post-visual-editor hr, .edit-post-visual-editor .wp-block-separator { margin: 30px 0; border: none; height: 1px; border-bottom: 2px solid #262458; } #content a, footer a, .edit-post-visual-editor a { color: #4f93c3; } #content p a, footer p a, .edit-post-visual-editor p a { text-decoration: underline; color: #4f93c3; } #content a:hover, #content a:active, footer a:hover, footer a:active, .edit-post-visual-editor a:hover, .edit-post-visual-editor a:active { color: #262458; text-decoration: none; } #content .wp-block-buttons, footer .wp-block-buttons, .edit-post-visual-editor .wp-block-buttons { margin-bottom: 30px; } #content a.button, #content .wp-block-button__link, #content input[type="submit"], footer a.button, footer .wp-block-button__link, footer input[type="submit"], .edit-post-visual-editor a.button, .edit-post-visual-editor .wp-block-button__link, .edit-post-visual-editor input[type="submit"] { display: inline-block !important; vertical-align: middle; text-decoration: none !important; padding: 15px 35px 13px 35px !important; background-color: #4f93c3; color: #ffffff; text-align: center; border-radius: 0; font-size: 1em; line-height: 1em; font-family: "metropolissemi_bold", Helvetica, Gotham, Arial, "sans-serif"; box-shadow: none; outline: none !important; outline-color: transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; --notchSize: 20px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, 0 100%); } #content a.button:hover, #content input[type="submit"]:hover, #content .wp-block-button__link:hover, footer a.button:hover, footer input[type="submit"]:hover, footer .wp-block-button__link:hover, .edit-post-visual-editor a.button:hover, .edit-post-visual-editor input[type="submit"]:hover, .edit-post-visual-editor .wp-block-button__link:hover { background-color: #262458 !important; color: #ffffff !important; /*clip-path: none;*/ } #content p a.button, footer p a.button, .edit-post-visual-editor p a.button { margin: 5px 0; } #content input[type="submit"], footer input[type="submit"], .edit-post-visual-editor input[type="submit"] { border: 0 !important; } #content .wp-block-column, footer .wp-block-column, .edit-post-visual-editor .wp-block-column { margin-bottom: 30px; /* ul, ol, .block-library-list ol, .block-library-list ul { margin-bottom: 0 !important; }*/ } #content .wp-block-column *:last-child, footer .wp-block-column *:last-child, .edit-post-visual-editor .wp-block-column *:last-child { margin-bottom: 0 !important; } #content .wp-block-column.grey, footer .wp-block-column.grey, .edit-post-visual-editor .wp-block-column.grey { background-color: #e0e2e2; padding: 30px; } #content .photo_feature_box, footer .photo_feature_box, .edit-post-visual-editor .photo_feature_box { border: 1px solid #e6e8ea; margin-bottom: 50px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: left top; } #content .photo_feature_box .photo_feature_box_image, footer .photo_feature_box .photo_feature_box_image, .edit-post-visual-editor .photo_feature_box .photo_feature_box_image { width: 100%; height: auto; background-size: cover; background-repeat: no-repeat; background-position: left top; display: block; margin: 0; } #content .photo_feature_box .photo_feature_box_copy, footer .photo_feature_box .photo_feature_box_copy, .edit-post-visual-editor .photo_feature_box .photo_feature_box_copy { background: #ffffff; padding: 25px 20px; font-size: 1em; color: #262458; } #content .photo_feature_box .photo_feature_box_copy .photo_feature_box_headline, footer .photo_feature_box .photo_feature_box_copy .photo_feature_box_headline, .edit-post-visual-editor .photo_feature_box .photo_feature_box_copy .photo_feature_box_headline { font-size: 1.9em; line-height: 1.1em; margin-bottom: 10px; } #content .photo_feature_box .photo_feature_box_copy .photo_feature_box_subheadline, footer .photo_feature_box .photo_feature_box_copy .photo_feature_box_subheadline, .edit-post-visual-editor .photo_feature_box .photo_feature_box_copy .photo_feature_box_subheadline { font-size: 1.3em; line-height: 1.1em; margin-bottom: 20px; text-transform: uppercase; font-family: "metropolisbold", Helvetica, Gotham, Arial, "sans-serif"; color: #262458 !important; } #content .photo_feature_box .photo_feature_box_copy a.button, footer .photo_feature_box .photo_feature_box_copy a.button, .edit-post-visual-editor .photo_feature_box .photo_feature_box_copy a.button { margin-top: 30px; } #content .half_half_box, footer .half_half_box, .edit-post-visual-editor .half_half_box { margin: 70px 0 0 0; margin-bottom: 50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #content .half_half_box .half_half_box_left, footer .half_half_box .half_half_box_left, .edit-post-visual-editor .half_half_box .half_half_box_left { padding: 60px 40px; font-size: 1em; background: #4f93c3; color: #ffffff; font-family: "metropolissemi_bold", Helvetica, Gotham, Arial, "sans-serif"; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #content .half_half_box .half_half_box_left .half_half_box_headline, footer .half_half_box .half_half_box_left .half_half_box_headline, .edit-post-visual-editor .half_half_box .half_half_box_left .half_half_box_headline { font-size: 1.9em; line-height: 1.1em; margin-bottom: 10px; } #content .half_half_box .half_half_box_left .half_half_box_subheadline, footer .half_half_box .half_half_box_left .half_half_box_subheadline, .edit-post-visual-editor .half_half_box .half_half_box_left .half_half_box_subheadline { font-size: 1.3em; line-height: 1.1em; margin-bottom: 20px; text-transform: uppercase; font-family: "metropolisbold", Helvetica, Gotham, Arial, "sans-serif"; color: #ffffff !important; } #content .half_half_box .half_half_box_left a.button, footer .half_half_box .half_half_box_left a.button, .edit-post-visual-editor .half_half_box .half_half_box_left a.button { background-color: #262458; color: #ffffff; margin-top: 30px; } #content .half_half_box .half_half_box_left a.button:hover, footer .half_half_box .half_half_box_left a.button:hover, .edit-post-visual-editor .half_half_box .half_half_box_left a.button:hover { background-color: #ffffff !important; color: #262458 !important; } #content .half_half_box .half_half_box_right, footer .half_half_box .half_half_box_right, .edit-post-visual-editor .half_half_box .half_half_box_right { background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #content .half_half_box .half_half_box_right img, footer .half_half_box .half_half_box_right img, .edit-post-visual-editor .half_half_box .half_half_box_right img { width: 100%; height: auto; max-height: 400px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #content .feature_box, footer .feature_box, .edit-post-visual-editor .feature_box { background: #dfecf4; text-align: center; padding: 60px 30px; color: #262458; margin-bottom: 30px; } #content .feature_box .feature_box_header, footer .feature_box .feature_box_header, .edit-post-visual-editor .feature_box .feature_box_header { text-transform: uppercase; padding-bottom: 25px; border-bottom: 1px solid #262458; margin: 0 auto 25px auto; width: 80%; text-align: center; font-family: "metropolisbold", Helvetica, Gotham, Arial, "sans-serif"; font-size: 1.5em; line-height: 1.15em; } #content .feature_box .feature_box_mixed, footer .feature_box .feature_box_mixed, .edit-post-visual-editor .feature_box .feature_box_mixed { font-size: 1.3em; line-height: 1.1em; } #content .feature_box .feature_box_mixed a.button, footer .feature_box .feature_box_mixed a.button, .edit-post-visual-editor .feature_box .feature_box_mixed a.button { margin-top: 30px; font-size: .8em; } #content table, footer table, .edit-post-visual-editor table { width: 100%; } #content table td, #content table th, footer table td, footer table th, .edit-post-visual-editor table td, .edit-post-visual-editor table th { padding: 5px 10px; } #content table th, footer table th, .edit-post-visual-editor table th { background: #262458; color: #ffffff; text-align: left; } #content .advgb-accordion-header, footer .advgb-accordion-header, .edit-post-visual-editor .advgb-accordion-header { background: #262458 !important; padding: 10px 40px 10px 15px; } #content .advgb-accordion-header h4, footer .advgb-accordion-header h4, .edit-post-visual-editor .advgb-accordion-header h4 { color: #ffffff !important; font-family: "metropolisregular", Helvetica, Gotham, Arial, "sans-serif" !important; font-weight: bold !important; margin-bottom: 0 !important; } #content .advgb-accordion-header .advgb-accordion-header-icon, footer .advgb-accordion-header .advgb-accordion-header-icon, .edit-post-visual-editor .advgb-accordion-header .advgb-accordion-header-icon { margin-top: -10px !important; } /* Post title width*/ .editor-post-title__block.wp-block { max-width: 1200px; } /* Main column width */ .wp-block { max-width: 1200px; /* Wide column width */ /* Full column width */ } .wp-block p { margin-left: 0; margin-right: 0; } .wp-block[data-align="wide"] { max-width: 1200px; } .wp-block[data-align="full"] { max-width: 1200px; } @media screen and (min-width: 1000px) { #content .photo_feature_box, footer .photo_feature_box, .edit-post-visual-editor .photo_feature_box { text-align: right; border: none; width: 100vw; margin-left: -30px; } #content .photo_feature_box .photo_feature_box_image, footer .photo_feature_box .photo_feature_box_image, .edit-post-visual-editor .photo_feature_box .photo_feature_box_image { display: none; } #content .photo_feature_box .photo_feature_box_copy, footer .photo_feature_box .photo_feature_box_copy, .edit-post-visual-editor .photo_feature_box .photo_feature_box_copy { padding: 100px 135px 100px 270px; text-align: left; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 28%); max-width: 1025px; display: inline-block; } #content .photo_feature_box .photo_feature_box_copy p, footer .photo_feature_box .photo_feature_box_copy p, .edit-post-visual-editor .photo_feature_box .photo_feature_box_copy p { font-weight: bold; } #content .half_half_box, footer .half_half_box, .edit-post-visual-editor .half_half_box { position: relative; width: 100vw; margin-left: -30px; } #content .half_half_box .half_half_box_left, footer .half_half_box .half_half_box_left, .edit-post-visual-editor .half_half_box .half_half_box_left { width: 50%; } #content .half_half_box .half_half_box_right, footer .half_half_box .half_half_box_right, .edit-post-visual-editor .half_half_box .half_half_box_right { width: 50%; position: absolute; left: 50%; top: 0; bottom: 0; } /* .edit-post-visual-editor { .half_half_box, .photo_feature_box { width: 100% !important; margin-left: auto !important; } } */ } @media screen and (min-width: 1200px) { #content .photo_feature_box, footer .photo_feature_box, .edit-post-visual-editor .photo_feature_box { margin-left: calc( (((100vw - 1200px) / 2) + 30px) * -1 ); } #content .half_half_box, footer .half_half_box, .edit-post-visual-editor .half_half_box { position: relative; margin-left: calc( (((100vw - 1200px) / 2) + 30px) * -1 ); } #content .half_half_box .half_half_box_left, footer .half_half_box .half_half_box_left, .edit-post-visual-editor .half_half_box .half_half_box_left { padding: 100px 60px; text-align: center; } #content .half_half_box .half_half_box_left span, footer .half_half_box .half_half_box_left span, .edit-post-visual-editor .half_half_box .half_half_box_left span { max-width: 600px; margin: 0 auto; display: inline-block; text-align: left; } /* .edit-post-visual-editor { .half_half_box, .photo_feature_box { width: 100% !important; margin-left: auto !important; } } */ } /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; 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; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; /*@include font-size(0.875);*/ font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*# sourceMappingURL=critical.css.map */