/*! Theme Name: Oslo Webmarketing AS / WP-01-01 Theme URI: http://oslowebmarketing.no Author: Oslo Webmarketing AS Author URI: http://oslowebmarketing.no Description: Description Version: 2018.03.26.01.01 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: oslowebmarketing Tags: */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ video { max-width: 900px; width: 100%; height: 680px; } @media only screen and (max-width: 767px) { video { max-width: 900px; width: 100%; height: 300px; } } .page-id-2 video, .page-id-2973 video { object-fit: cover; width: 100vw; width:1500px; height: 100vh; position: fixed; margin: 0 auto; display:block; z-index:-1; } .current-menu-item .fa-plus {display:none!important} .current_page_ancestor .fa-plus {display:none!important} .sidebar1-container .current-menu-item .fa-plus {display:inline-block!important} .sidebar1-container .current_page_ancestor .fa-plus {display:none!important} .sidebar1-container .fa-plus {opacity:0} .sidebar1-container { position: relative; right: 0px; } body { margin: 0; background: #fff; font-family: hero-new, sans-serif; } iframe#tidio-chat-iframe { bottom: 30px!important; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { margin: 0.67em 0; } a.call-button, a.owm-widget-button { position: relative; display: block; margin: 0 auto; /* margin-right: 10px; */ /* margin-bottom: 20px; */ padding: 20px 22px; letter-spacing: 1px; outline: 0; color: #fff !important; vertical-align: middle; text-align: center; text-transform: none !important; font-weight: bold !important; font-size: 20px !important; line-height: 100%; cursor: pointer; zoom: 1; border: 0 solid #000; background-color: #6c559b!important; border-radius: 5px !important; transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; /* float: none; */ /* margin: 0 auto; */ width: 250px !important; } a.call-button:hover, a.owm-widget-button:hover { background-color: #000 !important; } a.call-button2 { position: relative; display: block; /* margin-right: 10px; */ /* margin-bottom: 20px; */ padding: 20px 22px; letter-spacing: 1px; outline: 0; margin-top:35px; color: #fff !important; vertical-align: middle; text-align: center; text-transform: none !important; font-weight: bold !important; font-size: 20px !important; line-height: 100%; cursor: pointer; zoom: 1; border: 0 solid #000; background-color: #6c559b!important; border-radius: 5px !important; transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out; /* float: none; */ /* margin: 0 auto; */ width: 250px !important; } a.call-button2:hover { background-color: #000 !important; } @media only screen and (max-width: 767px) { a.call-button2 { margin:0 auto; } } div.wpcf7-response-output, div.wpcf7-validation-errors { display: none !important; } span.wpcf7-not-valid-tip { display: none; } input[aria-invalid="true"], select[aria-invalid="true"] { border-color: red; background-color: rgba(153,0,0,0.3); } /* CONTENT SETUP */ .updatedauthor-container {padding-top:30px;color:#ddd; font-size:12px; } .updated, .author {color:#ddd; font-size:12px; display:inline-block!important;margin-right:25px} .clearfix { display: block; clear: both; } #page { margin: 0 auto; max-width: 100%; padding: 0; margin: 0 auto; min-height: 200px; height: auto; position: relative; z-index: 11; } #content { max-width:1320px; margin:0 auto; position:relative; } body a {font-weight:Bold;} .content-area {padding-left:0px;padding-right:0px;box-sizing:border-box;transition:0.4s;padding-top:40px;} @media only screen and (max-width: 1366px) { .content-area {padding-left:40px;padding-right:40px;box-sizing:border-box;} } @media only screen and (max-width: 767px) { .content-area {padding-left:30px;padding-right:30px;box-sizing:border-box;padding-top:20px;} } .hideme { opacity:1; } #gototop {} .gototop-class {display:none;width:30px;height:30px;border-radius:4px;background: #6c559b; color:#FFF; z-index:3000; position:fixed;right:25px;bottom:280px;} .gototop-icon-class { color: #FFF; font-size: 20px; top: 5px; position: absolute; left: 5px;} .arrow-down {position:absolute;left:50%;bottom:20px;} .scrolldown-icon-class {font-size:28px;transition:0.4s} .scrolldown-icon-light {color:#fff;} .scrolldown-icon-dark {color:#666;} @media only screen and (max-width: 767px) { .scrolldown-icon-class {font-size:18px;} } /* END CONTENT SETUP */ /* COOKIES BAR */ #cookie-law-info-bar { font-size: 15px; color: #FFF!important; background: #6c559b!important; margin: 0 auto; padding: 20px; position: absolute; text-align: left; width: 300px; z-index: 9999000000000000; box-shadow: rgba(0,0,0,.5) 0px 5px 50px; border-top-right-radius: 5px; padding-bottom: 40px; } .cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited { font-size: 15px!important; font-weight: 500; line-height: 1; color:#333!important; background: #ede6f8!important; } .cli-plugin-main-link { margin-left: 0px; color:#fff!important; } @media only screen and (max-width: 767px) { #cookie-law-info-bar { font-size: 12px; width: 100%; } } /* END COOKIE BAR */ /* EDIT PAGE */ .editpage-container { position: fixed; top: 40%; left: 5px; z-index: 9999; width: 50px; height: 50px; } .editpage-container-inner {position:absolute;} .editpage-icon {color:#FFF;font-size:30px;} .btn-edit-post-link { background: #333; border-radius: 50%; width: 50px; height: 50px; color: #FFF!important; position: absolute; padding-left: 10px; padding-top: 10px; } .editpage-container-block { position: absolute; bottom: 10px; left: 5px; z-index: 9999; width: 50px; height: 50px; } .editpage-icon-block {color:#FFF;font-size:15px;} .btn-edit-post-link-block { background: #666; border-radius: 50%; width: 30px; height: 30px; color: #FFF!important; position: absolute; padding-left: 7px; padding-top: 4px; } .btn-edit-post-link-block-video { padding-left: 1px; padding-top: 4px; } .editpage-container-block-small { position: absolute; bottom: 10px; left: 35px; z-index: 9999; width: 30px; height: 30px; } .editpage-icon-block-small {color:#FFF;font-size:9px;} .btn-edit-post-link-block-small { background: #999; border-radius: 50%; width: 20px; height: 20px; color: #FFF!important; position: absolute; padding-left: 5px; padding-top: 0px; } /* END EDIT PAGE */ /* ÅPENTIDER TABELL */ .custom-incontent-table {width:100%; padding:15px; margin:0; border: none; border-collapse: collapse;transition:0.4s;} .custom-incontent-center {width:60%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;text-align:left} .custom-incontent-right {width:40%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;text-align:left} .custom-icon-openhours2 {font-size:13px;color:#ddd} .openhours-title2 {font-size:14px;color:#666;} .openhours-clock2 {font-size:12px;color:#6c559b;} /* END ÅPENTIDER TABELL /* PRISLISTE TABELL */ .custom-pricelist-table tr:nth-child(even) {background: #f7f7f7} .custom-pricelist-table tr:nth-child(odd) {background: #FFF} .custom-pricelist-table {width:100%; padding:0px; margin:0; border: none; border-collapse: collapse;transition:0.4s;border-radius: 5px; border: 1px solid #f7f7f7;} .custom-pricelist-table-td {padding:10px;font-size:inherit; color:#666; transition:0.4s;} .custom-pricelist-table-td-left {width:60%; transition:0.4s;} .custom-pricelist-table-td-right {width:40%; transition:0.4s;} .custom-pricelist-table-td, .custom-pricelist-table-td-right p, .custom-pricelist-table-td-left p { font-size: inherit!important; transition: .4s; margin:0; } @media only screen and (max-width: 530px) { .custom-pricelist-table-td-left {width:60%; transition:0.4s;} .custom-pricelist-table-td-right {width:40%; transition:0.4s;} .custom-pricelist-table-td {padding:8px;font-size:14px!important; transition:0.4s;} } /* END PRISLISTE TABELL /* TRANSPORT */ .transport-icon {color: #6c559b; font-size:45px;} .transport-grid { direction: ltr; text-align: left; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; box-sizing: border-box; text-align:center; padding-top:20px; padding-bottom:20px; } .transport-grid-25 { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; } .transport-image-col { position: relative; margin: 0 auto; margin-bottom: 20px; height: 130px; width: 130px; -moz-box-sizing: border-box; box-sizing: border-box; } .transport-image-col-inner { position: absolute; /* z-index: 222222; */ /* height: 130px; */ /* width: 130px; */ /* bottom: 30px; */ /* right: 30px; */ left: 75px; top: 75px; /* margin-right: -20px; */ } .transport-image-col-plus { font-size: 23px; width: 30px; height: 30px; border-radius: 50%; background: #ede6f8; } .transport-image-col-plus:hover { background: #6c559b; } .transport-image-col-plus-font { color: #FFF!important; } .transport-image-col-plus-font:hover { color: #FFF!important; } .transport-content-col {display:inline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .transport-grid-25-container {padding:25px;} .transport-grid-25 {width:25%} .transport-image {outline:none; max-width:130px; margin-bottom:10px;border-radius:50%; border: 0px solid #6c559b;} .transport-title {font-size:19px; font-weight:bold; padding-bottom:5px; color:#6c559b;} .transport-content {font-size:13px; font-weight:normal; color:#666;} @media only screen and (max-width: 860px) { .transport-title {font-size:17px; font-weight:bold; padding-bottom:5px; color:#6c559b;} } @media only screen and (max-width: 767px) { .transport-grid-25 {width:50%} .transport-content {font-size:11px; font-weight:normal; color:#666;} } /* END TRANSPORT */ /* BLOCK PAGE / VIDEO / PARALAXX */ .arrow-block-widget-container { } .arrow-block-widget { width: 0; height: 0; border-style: solid; position: absolute; /* left: 45%; */ bottom: 0; top: 38%; right: 54.8%; margin: 0 auto; /* display: none; */ z-index: 4; transition: 0.4s; } .arrow-block-widget-leftcontent { width: 0; height: 0; border-style: solid; position: absolute; left: 55%; bottom: 0; top: 38%; /* right: 42%; */ margin: 0 auto; /* display: none; */ z-index: 4; transition: 0.4s; } @media only screen and (max-width: 1366px) { .arrow-block-widget {right: 59%;top: 37%;} .arrow-block-widget-leftcontent {left: 59%;top: 37%;} } @media only screen and (max-width: 767px) { .arrow-block-widget, .arrow-block-widget-leftcontent {right: 0;top: 310px;left:0;} } @media only screen and (max-width: 550px) { .arrow-block-widget, .arrow-block-widget-leftcontent {right: 0;top: 240px;left:0; } } .fancy-h1 { letter-spacing: 0px!important; text-transform: none!important; font-size: 40px; color: #fff!important; text-align: center!important; font-style: inherit!important; font-weight: 700!important; padding-top: 0px!important; padding-bottom: 0px!important; display: block; transition: 0.4s; padding-left: 30px; padding-right: 30px; line-height: 90%; } .fancy-span { letter-spacing: 0px!important; text-transform: none!important; font-size: 20px; color: #fff!important; text-align: center!important; font-style: inherit!important; font-weight: 500!important; padding-top: 0px!important; padding-bottom: 0px!important; display:block; transition:0.4s; padding-left:30px; padding-right:30px; } .fancy-large-title, .fancy-xlarge-title, .fancy-xxlarge-title {line-height: 110%;letter-spacing: 0px;text-transform: none;font-size: 30px;text-align: left;font-style: inherit;font-weight: 100!important;padding-top: 0px;padding-bottom: 20px;margin-top:0px;margin-bottom:0px} .fancy-xlarge-title {font-size: 40px} .fancy-xxlarge-title {font-size: 60px} .fancy-normal-text {margin-top: 0px;margin-bottom: 20px;} .fancy-normal-text, .fancy-normal-text p {margin-top: 0px;margin-bottom: 20px;} .fancy-theme-text-light, .fancy-theme-text-light p {color:#f7f7f7;} .fancy-theme-text-dark, .fancy-theme-text-dark p {color:#666;} .fancy-theme-text-darkcolor, .fancy-theme-text-darkcolor p {color:#6c559b} .fancy-theme-title-light {color:#FFF;} .fancy-theme-title-dark {color:#000;} .fancy-theme-title-darkcolor {color:#6c559b} .fancyalign-center, .fancyalign-center p {text-align:center;} .fancyalign-left, .fancyalign-left p {text-align:left;} .fancyalign-right, .fancyalign-right p {text-align:right;} @media only screen and (max-width: 1366px) { .fancy-large-title {} .fancy-xlarge-title {font-size:37px} .fancy-xxlarge-title {font-size:50px} .fancy-normal-text {} .fancy-h1 {font-size:35px} .fancy-span {font-size:18px} } @media only screen and (max-width: 980px) { .fancy-large-title {} .fancy-xlarge-title {font-size:35px} .fancy-xxlarge-title {font-size:40px} .fancy-normal-text {} .fancy-h1 {font-size:30px} .fancy-span {font-size:17px} } @media only screen and (max-width: 767px) { .fancy-large-title {font-size:20px} .fancy-xlarge-title {font-size:25px} .fancy-xxlarge-title {font-size:30px} .fancy-normal-text {} .fancy-h1 {font-size:25px} .fancy-span {font-size:15px} } @media only screen and (max-width: 550px) { .fancyalign-center,.fancyalign-left, .fancyalign-right {text-align:center;} } .custom-block-outer {max-width:100%;position:relative;background:#FFF;} .custom-block-inner {max-width:1320px;position:relative;background:#FFF;margin:0 auto} .custom-block-table {width:100%; padding:0; margin:0; border: none; border-collapse: collapse;transition:0.4s;} .custom-block-inner-margin {width:60%;margin:0 auto;position:relative} .custom-block-halvleft {width:55%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} .custom-block-halvright {width:45%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} .custom-block-halvleft-image {width:45%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} .custom-block-halvright-content {width:55%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} .custom-block-table-mobile {display:none} @media only screen and (max-width: 1366px) { .custom-block-halvleft {width:60%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} .custom-block-halvright {width:40%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} .custom-block-halvleft-image {width:40%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} .custom-block-halvright-content {width:60%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} } @media only screen and (max-width: 767px) { .custom-block-halvleft {width:100%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} .custom-block-halvright {display:none} .custom-block-halvleft-image {display:none} .custom-block-halvright-content {width:100%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;} .custom-block-table-mobile {transition:0.4s; display:block; width:100%; padding:0; margin:0; border: none; border-collapse: collapse; height:320px;} .custom-block-table-mobile-td {width:100%; transition:0.4s; margin:0; padding:0; border: none; border-collapse: collapse;border-spacing: 0px;height:320px;} } @media only screen and (max-width: 550px) { .custom-block-table-mobile {height:250px;} .custom-block-table-mobile-td {height:250px;} } .padding-block-responsive-half-boxlayout {padding: 0px 100px 0px 100px;} @media only screen and (max-width: 1800px) { .padding-block-responsive-half-boxlayout {transition:0.4s;padding: 0px 100px 0px 100px;} } @media only screen and (max-width: 1366px) { .padding-block-responsive-half-boxlayout {transition:0.4s;padding: 0px 50px 0px 50px;} } @media only screen and (max-width: 1024px) { .padding-block-responsive-half-boxlayout {transition:0.4s;padding: 0px 30px 0px 30px;} } @media only screen and (max-width: 800px) { .padding-block-responsive-half-boxlayout {transition:0.4s;padding: 0px 30px 0px 30px;} } @media only screen and (max-width: 767px) { .padding-block-responsive-half-boxlayout {transition:0.4s;padding: 0px 30px 0px 30px;} } .padding-block-responsive-half {padding: 0px 170px 0px 170px;} @media only screen and (max-width: 1800px) { .padding-block-responsive-half {transition:0.4s;padding: 0px 100px 0px 100px;} } @media only screen and (max-width: 1366px) { .padding-block-responsive-half {transition:0.4s;padding: 0px 50px 0px 50px;} } @media only screen and (max-width: 1024px) { .padding-block-responsive-half {transition:0.4s;padding: 0px 30px 0px 30px;} } @media only screen and (max-width: 800px) { .padding-block-responsive-half {transition:0.4s;padding: 0px 30px 0px 30px;} } @media only screen and (max-width: 767px) { .padding-block-responsive-half {transition:0.4s;padding: 0px 30px 0px 30px;} } .padding-block-responsive {padding-top:80px;} @media only screen and (max-width: 1366px) { .padding-block-responsive {transition:0.4s;padding-top:70px;} .custom-block-inner-margin {transition:0.4s;width:70%} } @media only screen and (max-width: 1024px) { .padding-block-responsive {transition:0.4s;padding-top:60px;} .custom-block-inner-margin {transition:0.4s;width:80%} } @media only screen and (max-width: 800px) { .padding-block-responsive {transition:0.4s;padding-top:50px;} .custom-block-inner-margin {transition:0.4s;width:90%} } @media only screen and (max-width: 767px) { .padding-block-responsive {transition:0.4s;padding-top:40px;} .custom-block-inner-margin {transition:0.4s;width:100%} } @media only screen and (max-width: 1366px) { .custom-block-outer {} .custom-block-inner {padding-left:30px;padding-right:30px} } #content-block { max-width:100%; height:100%; } #page-block { margin: 0 auto; max-width: 100%; padding: 0; margin: 0 auto; height:100%; position: relative; z-index: 11; } video { /* object-fit: cover; */ /*width: 100vw;*/ /*height: 100vh;*/ /*position: fixed;*/ /*left: 0;*/ /*display:block;*/ } .video-mobile-image-fallback { position: fixed; left: 0; width: 100%; height: 100%; } .video-laptop-image-fallback { position: fixed; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 1024px) { /* video {display:none} */ .video-mobile-image-fallback {display:block;} .video-laptop-image-fallback {display:none;} } @media only screen and (min-width: 1025px) { .video-mobile-image-fallback {display:none;} .video-laptop-image-fallback {display:block;} } .video-color-mask { position: absolute; left: 0; width: 100%; height: 100%; z-index: 2; } .viewport-header { position: relative; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; z-index:3; flex-wrap: wrap; flex-direction: row; } .viewport-header-inner { width:100%; } #main-block { background:#FFF; max-width:100%; color: inherit; position: relative; padding: 0; } /* END BLOCK PAGE / VIDEO / PARALAXX */ /* HEADER MOBILE */ @media handheld, only screen and (min-width: 10px) { .trans-header .bg-true:not(.a-sticky) .mk-header-bg { opacity: 0.0!important; border-bottom: 0px solid #ccc; } } .spinEffect{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; transition:0.4s; } .slideIcon{ transition: all 0.5s ease-in-out; font-size: 24px; cursor: pointer; vertical-align: middle; text-align: center; } .slideIcon-footer { transition: all 0.5s ease-in-out; font-size: 25px; cursor: pointer; text-align: center; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 20000000; right: -2px; background-color: #6c559b; overflow-x: hidden; transition: all .5s ease-in-out; padding-top: 0px; /* box-shadow: -10px 0px 10px 1px #aaaaaa; */ border-left:0px solid #FFF; border-top: 0px solid #FFF; box-sizing: border-box; overflow: scroll!important; box-shadow: 0 2px 28px 1px rgba(0,0,0,.20); } #OWM-Sidebar, #OWM-Searchbar {z-index: 20000000;} @media screen and (min-width: 1250px) { .sidenav, .searchnav, .langnav, .searchnav-footer {display:none!important} } #OWM-Searchbar { z-index: 20000000; position:fixed; height:50px; width:100%; background-color: #FFF; overflow-x: hidden; padding-top: 0px; /* box-shadow: -10px 0px 10px 1px #aaaaaa; */ border-bottom:0px solid #ccc; border-top: 0px solid #FFF; box-sizing: border-box; display:none; } #OWM-Searchbar-Footer { z-index: 20000000; position:fixed; height:50px; width:100%; background-color: #FFF; overflow-x: hidden; padding-top: 0px; /* box-shadow: -10px 0px 10px 1px #aaaaaa; */ border-bottom:0px solid #ccc; border-top: 2px solid #6c559b; box-sizing: border-box; display:none; } #OWM-Languagebar { z-index: 20000000; position:fixed; height:50px; width:100%; background-color: #e5e5e5; overflow-x: hidden; padding-top: 0px; /* box-shadow: -10px 0px 10px 1px #aaaaaa; */ border-bottom:0px solid #ccc; border-top: 0px solid #FFF; box-sizing: border-box; display:none; } .wpml-ls-sidebars-sidebar-18 { border-color: #e5e5e5!important; } .searchgrid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; direction: ltr; margin:0; display: inline-block; width:100%; } .searchgrid-col1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width:80%; } .searchgrid-col2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; } input.custom-search-submit[type="submit"] { width:70px!important; background: #6c559b!important; margin-top: 7px!important; color:#FFF!important; text-align: center!important; } input[type=search] { font-size: 23px; color: #000!important; font-weight:normal; padding-top: 1px!important; padding-bottom: 1px!important; background: #fff; border: 0px solid transparent; outline: none; margin-bottom: 0px; margin-top: 10px; width:100%; border-radius:0px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:inherit; margin-bottom: 0px!important; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } input.custom-search-field[type=search]:focus { box-shadow: none!important; font-weight:normal; background: #FFFFff; border: 0px solid transparent!important; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:inherit; margin-bottom: 0px!important; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } .sidenav-padding { top: 70px; } .sidenav-padding-sticky { top: 60px; } .sidenav-padding-footer { bottom: 0px; } .sidenav-padding-footer-sticky { bottom: 60px; } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .header-mobile-icons { direction: ltr; text-align: right; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; width:100%; } .header-mobile-icons-col { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; margin-top:0px; padding-left:15px; padding-right:15px; } .header-mobile-icon { color: #999; font-size: 24px; cursor: pointer; vertical-align: middle; text-align: center; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; transition: all 0.5s ease-in-out; display: block; } .header-mobile-icon-notitle { color: #999; font-size: 30px; cursor: pointer; vertical-align: middle; text-align: center; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; transition: all 0.5s ease-in-out; display: block; } .header-mobile-icon-sticky { font-size: 21px; } .header-mobile-icon-sticky-notitle { font-size: 26px; } .burgermeny {color: #6c559b; margin-left:15px; margin-right:15px; } .header-mobile-icon-padding { margin-top: 10px; } .header-mobile-icon-padding-sticky { margin-top: 12px; } .header-mobile-icon-padding-sticky-notitle { margin-top: 12px; } .header-style-1.header-align-left .mk-header-nav-container { margin-right: 0px!important; } @media only screen and (min-width: 1250px) { .header-mobile-icons {display:none!important} .header-style-1.header-align-left .mk-header-nav-container { margin-right: 30px!important; } } .header-mobile-icontext { color:#777;font-size:9px;font-weight:300;margin-top:12px;display:block;text-align: center;} .header-mobile-icontext-burgermeny { color:#6c559b } /* END HEADER MOBILE */ /* STICKY FOOTER MOBIL */ @media handheld, only screen and (max-width: 1024px) { .sticky-footer-mobile { height: 60px; z-index: 1000000000;display:none; position:fixed; bottom:0px; right:0px; width:100%; background-color:#6c559b;color:#FFF; } .padding-bottom-footer-mobile {padding-bottom:60px} } @media handheld, only screen and (min-width: 1024px) { .sticky-footer-mobile { height: 0px; z-index: 1000000000;display:none!important; position:fixed; bottom:0px; right:0px; width:100%; } .padding-bottom-footer-mobile {padding-bottom:0px} } .grid-sticky-footer { direction: ltr; text-align: center; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition:0.4s; width:100%; } .grid-sticky-footer-col { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; margin-top:10px; padding-left:25px; padding-right:25px; } @media only screen and (max-width: 400px) { .grid-sticky-footer-col { padding-right:20px; padding-left:20px; } } .sticky-footer-tab {padding-top:20px;border-right:0px solid #f7f7f7;color:#FFF!important;text-align:center!important;} .sticky-footer-tab:active {background-color: #6c559b; color:#FFF!important;text-align:center!important;} .sticky-footer-icon {color:#FFF;font-size:25px;cursor: pointer;} .sticky-footer-icontext { color: #FFF; font-size: 9px; display: block; font-weight: 700; margin-top: -5px; } /* END STICKY FOOTER MOBIL */ /* HEADER */ .header-logo { max-width: 190px; padding-top: 6px; padding-left: 30px; transition: .9s; } .masthead-sticky .header-logo {max-width:140px; transition:0.9s;} @media only screen and (max-width: 767px) { .header-logo {max-width:140px; padding-top: 10px;} } .header-col1, .header-col2, .header-col3 { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s;} .header-col1 {text-align:left; width:20%} .header-col2 {text-align:right;width:70%;} .header-col3 {text-align:right;width:10%;} @media only screen and (max-width: 1250px) { .header-col1 {text-align:left; width:20%} .header-col2 {text-align:right;width:80%;} .header-col3 {text-align:right;width:0%;display:none;} } @media only screen and (max-width: 767px) { .header-col1 {text-align:left; width:50%} .header-col2 {text-align:right;width:50%;} } .header-navigation {list-style: none;margin-bottom:0px;margin-top:30px;margin-right:30px;} .header-navigation li {display:inline;padding-left:15px;padding-right:15px;} .header-navigation li a { color: #666666; font-size: 16px; font-weight: 200; text-transform: none; letter-spacing: 0px; } #masthead { position:fixed; left:0px; z-index:2000; width:100%; height:70px; box-shadow:none; background: #FFF; transition:0.4s; } .masthead-sticky { height:60px!important; background:#fff!important; transition:0.4s; box-shadow: 0 2px 28px 1px rgba(0,0,0,.20) !important; } .transparent-header-none-site {padding-top:70px!important} .transparent-header-site {padding-top:0px!important} .transparent-header-none-site-block {padding-top:70px!important} .transparent-header-site-block {padding-top:0px!important} /* END HEADER */ /* BUTTONS */ .grid-app-buttons {width:100%;direction: ltr; margin:0; box-sizing: border-box;transition:0.4s;} .buttons-item {z-index: 10; position:relative;width:33.3333%; margin:0; padding:10px; display:inline-block;vertical-align: top;transition:0.4s;} .buttons-link { z-index: 11; position: relative; display: block; background: #6c559b; color: #FFF!important; min-height: 220px; width: 98%; margin: 0 auto; border: 0px solid #FFF; border-radius: 3px; box-shadow: 0 2px 28px 1px rgba(0,0,0,.20) !important; transition: 0.4s; opacity: 0.9!important; padding-top:20px; } .buttons-link:hover {background:#FFF!important;opacity:1!important;transition:0.4s;min-height:240px;color:#6c559b!important} .buttons-icon { font-size: 75px; margin: 0 auto; text-align: center; display: block; margin-bottom: 15px; padding-top: 25px; } .buttons-title { font-size:20px; font-weight:400; display:block; padding-bottom:10px;} .buttons-excerpt { font-size:14px; font-weight:300; display:block; padding-bottom:10px;} .buttons-linkmore { font-size: 12px; font-weight: 600; display: block;} .custom-space {padding-top:100px} div#block-id-2521 , div#block-id-2978 { position: absolute; height: 250px; z-index: 1000; /* max-width: 1500px; */ width: 65%; margin: 0 auto!important; top: -200px; text-align: center; opacity: 1; left: 0; right: 0; border-radius:5px; padding-top:5px; transition:0.4s; } div#block-id-2502, div#block-id-2979 { top: 100px; padding-bottom: 50px; } @media only screen and (max-width: 1500px) { .buttons-title {font-size:20px;} } @media only screen and (max-width: 1366px) { div#block-id-2521, div#block-id-2978 { height: 250px; width: 85%; } } @media only screen and (max-width: 980px) { .buttons-title {font-size:17px;} div#block-id-2521, div#block-id-2978 { height: 250px; width: 100%; } } @media only screen and (max-width: 767px) { .buttons-item {width:100%;padding:2px;} .buttons-link {min-height:auto;text-align:left;padding-bottom: 15px;padding-left: 30px;padding-top:0px;} .buttons-link:hover {min-height:auto!important;} .buttons-icon { font-size: 35px;display:inline;margin-right:20px;margin-top:0;padding-top:15px;margin-bottom:0;} .buttons-title {display:inline;margin-top:0;padding-top:0} .buttons-excerpt, .buttons-linkmore {display:none} div#block-id-2521, div#block-id-2978 {top:-120px; } } /* END BUTTONS */ /* CALL TO ACTION 1 */ .callofaction-container {width:100%;box-sizing: border-box;} .call2action { opacity:0.75;transition: all .2s ease-in-out; color:#FFF;} .call2action:hover { transition: all .2s ease-in-out; color:#f35334!important;opacity:1!important} .call2action-title {font-size:16px;font-weight:700;display:block;line-height:110%;padding-top:20px;} .call2action-excerpt {font-size:13px;font-weight:normal;display:block;display:none;} .icon-custom { color:#6c559b; font-size: 30px; display:block; padding-top: 24px; } @media only screen and (max-width: 1366px) { .call2action { } .call2action:hover { } .call2action-title {font-size:14px;} .callofaction-container {width:95%;box-sizing: border-box;margin:0 auto;} } @media only screen and (max-width: 1310px) { .boxes-container-inner {width:100%;padding-right:30px;padding-left:30px;margin:0 auto;} } @media only screen and (max-width: 1100px) { .call2action-title {font-size:13px;} } @media only screen and (max-width: 980px) { .call2action-title {font-size:15px;} .call2action { padding:20px;margin-bottom:20px;} .call2action:hover { } .call2action:active {} } @media only screen and (max-width: 600px) { .call2action-title {font-size:10px;} .call2action { padding:15px;margin-bottom:10px;} .icon-custom {font-size:20px;padding-top: 16px;} .boxes-container-inner {width:100%;padding-right:5px;padding-left:5px;margin:0 auto;} } .boxes-container {width:60%;margin:0 auto;padding-top: 80px;} @media only screen and (max-width: 980px) { .boxes-container {width:90%;margin:0 auto;} } @media only screen and (max-width: 600px) { .boxes-container {width:100%;margin:0 auto;} } @media only screen and (max-width: 320px) { .boxes-container {width:100%;margin:0 auto;padding-top: 20px;} } /* PULSE ANI */ .pulse { display: block; width: 85px; height: 85px; border-radius: 50%; background: #FFF; cursor: pointer; box-shadow: 0 0 0 rgba(255,255,255, 0.4); animation: pulse 2s infinite; color:#6c559b!important; margin:0 auto; } .pulse:hover { animation: none; background: #6c559b!important; color:#FFF!important; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); } 70% { -webkit-box-shadow: 0 0 0 25px rgba(255,255,255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); } 70% { -moz-box-shadow: 0 0 0 25px rgba(255,255,255, 0); box-shadow: 0 0 0 25px rgba(255,255,255, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); } } @media only screen and (max-width: 600px) { .pulse { width: 55px; height: 55px; } .pulse:hover { } } /* END PULSE ANI */ /* END CALL TO ACTION 1 */ /* FORM INPUT TEXTAREA */ textarea, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search], input[type=number], input[type=file] { font-size: 15px; color: #000; font-weight:normal; padding-top: 15px!important; padding-bottom: 15px!important; background: #fff; outline: none; margin-bottom: 0px; width:100%; border-radius:25px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:inherit; margin-bottom: 4px!important; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; } .wpcf7-form .wpcf7-textarea { width: 100%; height:122px; margin-bottom: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:inherit; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; border-radius:25px!important; } select {border-radius:25px!important;} .onerow-field {width:100%!important;} .submit-container {text-align:center!important} input.wpcf7-submit { position: relative; display: inline-block; margin-right: 10px; margin-bottom: 20px; padding: 20px 22px; letter-spacing: 1px; outline: none; color: #fff!important; vertical-align: middle; text-align: center; text-transform: none!important; font-weight: bold!important; font-size: 20px!important; line-height: 100%; cursor: pointer; zoom: 1; border: 0px solid #000; background-color: #6c559b!important; border-radius: 5px!important; transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; float:none; width:200px!important; } input.wpcf7-submit:hover, input.wpcf7-submit:active { background-color: #000!important; color:#FFF!important; } input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, .wpcf7-form .wpcf7-textarea:focus, input[type=number]:focus { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-shadow: 2px 7px 17px 0px #999; margin-bottom:10px!important; margin-top:0px; font-weight:normal!important; } input[type=checkbox] { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; -webkit-appearance: none; background-color: #f7f7f7; border: 1px solid #ddd; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; outline:0; margin-right:20px; transition:0.4s; } input[type=checkbox]:active, input[type=checkbox]:checked:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } input[type=checkbox]:checked { background-color: #fff; border: 1px solid #6c559b; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7; } input[type=checkbox]:checked:after { content: '\2714'; font-size: 14px; position: absolute; top: 0px; left: 0px; color: #6c559b; } input[type=checkbox] { padding: 14px; } input[type=checkbox]:checked:after { font-size: 24px; left: 5px; } .wpcf7-list-item-label { cursor: pointer!important; font-size: 11px; color: #666; text-align: left; display: inline-block; } span.wpcf7-not-valid-tip { position: absolute!important; top: -7px!important; right: 14px!important; color: RED!important; font-size: 12px!important; font-weight:600; padding: 5px!important; border-radius: 3px!important; } div.wpcf7-validation-errors { border: 0px solid #e0c069!important; } div.wpcf7-validation-errors { border: 0px solid #e0c069!important; background-color: maroon!important; color:#FFF!important; margin-bottom: 30px; } div.wpcf7-validation, div.wpcf7-validation-success { display:none!important; } /* INBOX 1 */ .grid-inbox-1, .grid-inbox-2, .grid-inbox-3, .grid-inbox-4 { display: inline-block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; background-color:#f7f7f7; border-bottom:1px solid #ccc; } .grid-inbox-1 {width:20%; float:left;padding:8px;} .grid-inbox-2 {width:35%; float:left;padding:8px;} .grid-inbox-3 {width:35%; float:left;padding:8px;} .grid-inbox-4 {width:10%; float:left;padding:8px;} .inbox-title, .inbox-date, .inbox-title2 {font-size:14px;} @media only screen and (max-width: 767px) { .inbox-title, .inbox-date, .inbox-title2 {font-size:12px;} .grid-inbox-1 {width:35%; float:left;padding:8px;} .grid-inbox-2 {width:55%; float:left;padding:8px;} .grid-inbox-3 {display:none; width:0%} .grid-inbox-4 {width:10%; float:left;padding:8px;} } .icon-custom-inbox {font-size:18px;color:#6c559b;} .poststatus-draft {color:#d5b25e!important; border-bottom: 1px solid #a37d23!important } .poststatus-publish {color:#388d1a!important; border-bottom: 1px solid #246f0a!important } .checkmark-status-publish {color:#388d1a!important; font-size:17px; margin-right:20px; } .checkmark-status-draft {color:#d5b25e!important; font-size:17px; margin-right:20px; } .new-drafts {background-color: #6c559b; padding-left:5px; padding-right:5px;padding-top:2px;padding-bottom:2px;margin-left:20px; border-radius:5px; color:#FFF;font-weight:bold;} /* END INBOX 1 */ .year-form {font-weight:bold;text-align:center;} #sum1,#sum2,#sum3,#sum4,#sum5,#sum6 {font-weight:600!important;background-color:#e7aea4!important; } #inputplus1,#inputplus2,#inputplus3,#inputplus4,#inputplus5,#inputplus6 {font-weight:600!important;background-color:#beb8b1!important; } .grid-form1, .grid-form2, .grid-form-full, .grid-form1-25, .grid-form2-25, .grid-form3-25, .grid-form4-25 { display: inline-block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; } .grid-form1 {width: 50%;float:left;padding-right:30px} .grid-form2 {width: 50%;float:left;} .grid-form1-25, .grid-form2-25, .grid-form3-25 {width: 25%;float:left;padding-right:20px} .grid-form4-25 {width: 25%;float:left;} .form-label {font-size:14px;color: #6c559b;margin-bottom:15px;font-weight:400;margin-top:30px;} .grid-form-full-frontend {background-color:#f7f7f7; border-bottom:1px solid #CCC;padding:10px;} .form-col-text {font-size:14px;padding-top:10px;font-weight:300} .form-col-text-sum {font-size:14px;padding-top:10px;font-weight:500} @media only screen and (max-width: 767px) { textarea, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search], input[type=number] { font-size:12px!important; } input.wpcf7-submit {font-size:21px!important;padding: 15px 17px} .form-col-text, .form-col-text-sum {font-size:13px;padding-top:10px;} .grid-form1-25 {width: 25%;float:left;padding-right:10px} .grid-form2-25, .grid-form3-25 {width: 25%;float:left;padding-right:10px} .grid-form4-25 {width: 25%;float:left;} } @media only screen and (max-width: 550px) { textarea, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=search], input[type=number] { width:100%; font-size:12px!important; } .grid-form1 {width: 100%;float:left;padding-right:0px} .grid-form2 {width: 100%;float:left;} .form-col-text, .form-col-text-sum {font-size:9px;padding-top:10px;} #colid {font-size:9px!important;} } /* END FORM INPUT TEXTAREA */ .nav-sitemap li:before { content: ""!important; padding-right: 15px; color: #6c559b; font-size: 20px; } /* SHORTCUT NAVIGATION */ .nav-shortcuts-menu-class li {margin-bottom:0px!important;margin-left:0px!important;line-height: 140%;} .nav-shortcuts-menu-class li a {color: #6c559b!important; font-size: 14px; font-weight: 300;} .nav-shortcuts-menu-class li .mk-svg-icon, .nav-shortcuts-menu-class-second li .mk-svg-icon { width: auto; height: auto; fill: currentColor; margin-right: 5px; } .nav-shortcuts-menu-class-second li {margin-bottom:5px!important;margin-left:0px!important;} .nav-shortcuts-menu-class-second li a {color:#6c559b!important; font-size:14px;} .nav-shortcuts-spaces {padding-top:10px;} ul.nav-shortcuts-menu-class {padding-left:0!important;margin-left:0!important;} /* END SHORTCUT NAVIGATION */ /* LOADER */ #load-image-class-overlay { width:100%; height:100%; position:fixed; z-index:4999; display:none; background: url("custom-images/overlay.png") repeat center; background-size: cover; } #load-image-class { border: 16px solid #f3f3f3; /* Light grey */ border-top: 16px solid #6c559b; /* Blue */ border-radius: 50%; width: 100px; height: 100px; animation: spin 2s linear infinite; position:fixed; left:45%; top:45%; z-index:5000; display:none; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* END LOADER */ /* VALIDATION */ .theme_1.wpcf7-form input.error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error { border: 2px solid #900!important; outline: none; } .theme_3.wpcf7-form input.error, .theme_3.wpcf7-form select.error, .theme_3.wpcf7-form textarea.error { background: url(custom-images/error1-min.png) no-repeat right 5px center; border: 2px solid #900!important; outline: none; } .theme_3.wpcf7-form input.valid, .theme_3.wpcf7-form select.valid, .theme_3.wpcf7-form textarea.valid { background: url(custom-images/success1-min.png) no-repeat right 5px center #ccc!important; color:#000!important; } .cform-text2.theme_3.wpcf7-form input.valid, .cform-text2.theme_3.wpcf7-form select.valid, .cform-text2.theme_3.wpcf7-form textarea.valid { background: url(custom-images/success1-min.png) no-repeat right 5px center #f7f7f7!important; color:#000!important; } div.wpcf7-mail-sent-ok { background-color: #b8f4d0!important; border: 2px solid #398f14!important; border-radius: 5px!important; margin-bottom: 30px!important; width: 100%!important; box-sizing: border-box!important; font-weight: 600!important; text-align: center!important; font-size: 17px!important; padding-top: 30px!important; padding-bottom: 30px!important; } img#img-spinner { /* background-color: #FFF; */ /* padding: 30px; */ /* border-radius: 5px; */ /* box-shadow: 9px 2px 0px 4px #ccc; */ padding: 25px; border-radius: 4px; border:0!important; background-color: #fff; margin-bottom: 25px; /* -webkit-box-shadow: 3px 4px 5px 0px rgba(204,204,204,1); */ /* -moz-box-shadow: 3px 4px 5px 0px rgba(204,204,204,1); */ /* box-shadow: 3px 4px 5px 0px rgba(204,204,204,1); */ margin-left: 50%; margin-right: 50%; margin-top: 20%; margin-bottom: 80%; } .spinner { position: fixed; /* top: 50%; */ /* left: 50%; */ /* margin-left: -50px; */ /* margin-top: -50px; */ text-align: center; z-index: 1234000000; overflow: auto; width: 100%; height: 100%; background: #EEE; opacity:0.85; } /* END VALIDATION */ .wpmem_msg {background-color:#f0e098; border: 2px solid #f0e098; padding-top:20px; border-radius:5px;width:100%;text-align:center;color:#67872f;margin-bottom:20px;} /* GRID SIDEBAR */ #sidebar-id { -webkit-transition: left 1s ease; transition: left 1s ease; } .sidebar-themedark {color:#000!important; text-align:left;} .sidebar-themelight {color:#FFF!important; text-align:left;} .grid-social-inmenu { direction: ltr; text-align: left; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition: 0.4s; box-sizing: border-box; text-align:center; padding-top:24px; } .grid-social-shortcode { direction: ltr; text-align: left; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; box-sizing: border-box; text-align:center; } .grid-sidebar { direction: ltr; text-align: left; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; box-sizing: border-box; } .grid-sidebar-mobilecolumns { display: inline-block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; } .grid-sidebar-mobilecolumns {width: 100%; padding-left:0px; padding-right:0px; padding-bottom:50px;} @media only screen and (max-width: 980px) { .grid-sidebar-mobilecolumns {width: 50%; float:left; padding-left:10px; padding-right:10px; padding-bottom:30px; } } @media only screen and (max-width: 767px) { .grid-sidebar-mobilecolumns {width: 100%; float:none; padding-left:0px; padding-right:0px; padding-bottom:30px;} } .owm-widget-layout {width:100%; box-sizing: border-box;} .owm-widget-layout-border {border:2px solid #009c98;} .owm-widget-layout-shadow {box-shadow: 3px 5px 8px 0px #999;} .owm-widget-layout-padding {padding-top:35px;padding-bottom:20px;padding-left:20px;padding-right:20px;} .owm-widget-layout-radius {border-radius:5px;} .owm-widget-title-above {font-size:18px; font-weight:700; text-align:left; color:#6c559b;} .owm-widget-title-inside {font-size:18px; font-weight:700; text-align:left; color:#6c559b!important; padding-bottom:20px;} .owm-widget-title-above-container {padding:10px; width:auto; margin-left:0px; margin-right:0px; border-bottom:1px solid #6c559b; margin-bottom:30px; } .owm-widget-icon {font-size:21px; margin-right:20px;} .owm-widget-excerpt {padding-bottom:30px;} .owm-widget-function-container {padding-bottom:30px;} .sidebar-responsive-nav li a { color: #6c559b!important; font-size: 14px!important; font-weight: 500!important; padding-left: 10px!important; } .sidebar-responsive-nav li a:hover { background-color: rgba(0, 0, 0, 0.01); } .sidebar-responsive-nav > li { border-bottom: 1px solid rgba(128, 128, 128, 0.1); } .sidebar-responsive-nav > li > ul { border-bottom: 0px solid rgba(128, 128, 128, 0.1); } .sidebar-responsive-nav > li > ul { border-bottom: 0px solid rgba(128, 128, 128, 0.1); } .sidebar-responsive-nav .mk-nav-arrow { color: #6c559b!important; font-size: 19px!important; font-weight: 300!important; } .sidebar-responsive-nav li ul li a, .sidebar-responsive-nav li ul li .megamenu-title { font-size: 16px!important; margin-left:20px!important; } .sidebar-responsive-nav li ul li a:hover { font-size: 16px!important; } .sidebar-responsive-nav li ul li ul li a, .sidebar-responsive-nav li ul li ul li .megamenu-title { font-size: 13px!important; margin-left:50px!important; font-weight:500!important; } .sidebar-responsive-nav li ul li ul li a:hover, .sidebar-responsive-nav li ul li ul li .megamenu-title { font-size: 13px!important; margin-left:50px!important; font-weight:500!important; } .icon-sidebar-top {font-size:13px; color:#6c559b; margin-right:15px;} /* END GRID SIDEBAR */ /* SIDEBAR POST */ .sidebarpost-container-div { display: block; margin-bottom: 0px; margin-left:0px; margin-right:0px; max-width: 100%; text-align:right; margin-top:0px; border-radius:3px; } .sidebarpost-btn1 {padding: 13px 19px;border-radius: 15px;background-color:#f35334;border:2px solid transparent;color:#fff;text-align:center;font-size:13px} .sidebarpost-btn1:hover {opacity:0.8;color:#FFF!important} .owm-widget-img {padding-bottom:30px;} .sidebarpost-image { -webkit-box-shadow: none; box-shadow: none; overflow: hidden; transition: all .2s ease-in-out; border-radius: 50%; width: 100%; height: auto; max-width: 85px!important; } .sidebarpost-image-container {text-align:center;width:100%;margin-bottom:0px;overflow:hidden;} .sidebarpost-title, .sidebarpost-title a { letter-spacing: 0px!important; text-transform: none!important; font-size: 17px!important; color: #FFF!important; text-align: left!important; font-style: inherit!important; font-weight: 600!important; padding-top: 0px!important; padding-bottom: 0px!important; line-height:125%!important; } .sidebarpost-title-darkbg, .sidebarpost-title-darkbg a { letter-spacing: 0px!important; text-transform: none!important; font-size: 24px!important; color: #FFF!important; text-align: left!important; font-style: inherit!important; font-weight: 600!important; padding-top: 0px!important; padding-bottom: 0px!important; line-height:125%!important; } .sidebarpost-title a:hover { opacity:0.8; } .sidebarpost-excerpt { font-size: 12px!important; color: #6c559b!important; line-height:170%!important; text-align:left; padding-bottom:10px; } .sidebarpost-excerpt-darkbg { font-size: 12px!important; color: #FFF!important; line-height:170%!important; text-align:left; padding-bottom:10px; } .sidebarpost-date {color:#eee;font-size:11px;font-weight:400;margin-top:5px;} .gridsidebar { direction: ltr; text-align: left; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; white-space: normal; margin-bottom:20px; padding-left:0px; } /* END SIDEBAR POST */ /* BREADCRUMB */ .yoast-breadcrumb-container {font-size:11px;text-transform:uppercase; color:#999;margin-bottom:15px;} @media only screen and (max-width: 980px) { .yoast-breadcrumb-container {font-size:9px;text-transform:uppercase; color:#999;margin-bottom:15px;} } /* END BREADCRUMB */ /* SUBFOOTER */ .subfooter-container { direction: ltr; text-align: left; width: 50%; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin: 0 auto; transition: all .2s ease-in-out; padding-top: 10px; } @media only screen and (max-width: 1250px) { .subfooter-container { width:70%; } } @media only screen and (max-width: 980px) { .subfooter-container { width:85%; } } @media only screen and (max-width: 800px) { .subfooter-container { width:100%; padding-left:20px; padding-right:20px; } } .subfooter-col {display: inline-block;vertical-align: top;width: 33.3333%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style: none;list-style-type: none;margin:0;transition:0.4s;} .subfooter-col50 {display: inline-block;vertical-align: top;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style: none;list-style-type: none;margin:0;transition:0.4s;} .subfooter-col-insideleft {display: inline-block;vertical-align: top;width: 20%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style: none;list-style-type: none;margin:0;transition:0.4s;} .subfooter-col-insideright {display: inline-block;vertical-align: top;width: 80%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style: none;list-style-type: none;margin:0;transition:0.4s;} .subfooter-logo {max-width:35px;float:left;margin-right:20px;margin-bottom:30px;margin-top:5px;transition: all .2s ease-in-out;} .subfooter-link {font-size:12px;font-weight:bold;transition: all .2s ease-in-out;} .subfooter-text {font-size:11px;font-weight:normal; color:#999;transition: all .2s ease-in-out;} @media only screen and (max-width: 767px) { .subfooter-container { width:100%; padding-left:20px; padding-right:20px; text-align:center; padding-bottom:20px; } .subfooter-logo {max-width:25px;float:none;display:block;margin-right:0px;margin-bottom:0px;margin-top:5px;margin:0 auto; text-align:center;} .subfooter-link {font-size:9px;font-weight:bold;margin-bottom:3px;padding-bottom:3px;} .subfooter-text {font-size:8px;font-weight:normal; color:#999;} } @media only screen and (max-width: 480px) { .subfooter-link {font-size:7px;font-weight:bold;margin-bottom:3px;padding-bottom:3px;} .subfooter-text {font-size:6px;font-weight:normal; color:#999;} } /* END SUBFOOTER */ /* ACCORDION */ #accordion-container {margin-top:35px;margin-bottom:35px;} button.accordion.active, button.accordion:hover { background-color: #f7f7f7; border: 0px solid #a2e1d8; } button.accordion:after { content: '\002B'; color: #6c559b; font-weight: bold; float: right; margin-left: 5px; margin-top: 0px; } .button.accordion.active:after { content: '\2212'; } button.accordion:focus {border-color:#fff!important;border:0!important;background-color:#f7f7f7} button.accordion { color: #6c559b; cursor: pointer; padding: 10px; width: 100%; border: 1px solid transparent ; text-align: left ; outline: 0 ; font-size:16px; transition: .1s; display: block ; box-sizing: border-box ; text-transform: none ; font-weight: normal ; border-radius: 0px ; margin-top: 0 ; min-height: 60px; font-weight: 200; margin-right: 0px; margin-left: 0px; margin-bottom:0px; letter-spacing: 0px; } div.panel { padding-left: 10px; padding-right: 10px; background-color: #f7f7f7; max-height: 0; overflow: hidden; transition: max-height .2s ease-out; margin-bottom:15px; } .paneltext {margin-bottom:20px;padding-bottom:20px;} /* END ACCORDION */ /* SHARING */ .sharingtitle {font-size:14px;font-weight:bold;color:#666} /* Disable WhatsApp button on Desktop - Tutorial link: http://crunchify.me/1VIxAsz */ @media screen and (min-width: 1024px) { .crunchify-whatsapp { display: none !important; } } .crunchify-link { padding: 4px 8px 4px 8px !important; color: #fff; font-size: 11px; font-weight:bold; border-radius: 5px; margin-right: 2px; cursor: pointer; margin-top: 2px; display: inline-block; text-decoration: none; background: #6c559b!important; } .crunchify-link:hover,.crunchify-link:active { color: white; } .crunchify-twitter { background: #00aced; } .crunchify-twitter:hover,.crunchify-twitter:active { background: #0084b4; } .crunchify-facebook { background: #3B5997; } .crunchify-facebook:hover,.crunchify-facebook:active { background: #2d4372; } .crunchify-googleplus { background: #D64937; } .crunchify-googleplus:hover,.crunchify-googleplus:active { background: #b53525; } .crunchify-buffer { background: #444; } .crunchify-buffer:hover,.crunchify-buffer:active { background: #222; } .crunchify-pinterest { background: #bd081c; } .crunchify-pinterest:hover,.crunchify-pinterest:active { background: #bd081c; } .crunchify-linkedin { background: #0074A1; } .crunchify-linkedin:hover,.crunchify-linkedin:active { background: #006288; } .crunchify-whatsapp { background: #43d854; } .crunchify-whatsapp:hover,.crunchify-whatsapp:active { background: #009688; } .crunchify-social { margin: 20px 0px 25px 0px; -webkit-font-smoothing: antialiased; font-size: 12px; padding-top:50px; } /* END SHARING /* /* ARCHIVE COLS */ .archive-cols-25,.archive-cols-100, .archive-cols-33, .archive-cols-50, .archive-cols-mobile-left, .archive-cols-mobile-right { display: inline-block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0!important; transition:0.4s; } .archive-cols-100 {width:100%} .archive-cols-25 { width: 25%; } .archive-cols-33 { width: 33.333333%; } .archive-cols-50 { width: 50%; } .archive-title {font-size:23px; font-weight:bold; margin-bottom:20px; color:#6c559b;margin-top:0px;padding-top:0px;padding-bottom:0px;line-height:135%;} .archive-title:hover {color:#6c559b;} .archive-cols-25 .archive-title {font-size:17px;} .archive-cols-100 .archive-title {font-size:30px;} .archive-excerpt p {font-size:14px; color:#666;} .archive-date {font-size:12px; color:#999;display:block;} .archive-link {font-size:14px; font-weight:bold; color:#6c559b;display:block;} .archive-link:hover {color:#6c559b;} .archive-image {display:block;border-radius:5px;margin-bottom:10px;width:100%!important} .archive-image-container {} .archive-container {padding:10px;margin:10px;} @media only screen and (min-width: 1025px) { .archive-container:hover {border:0px solid #999; box-shadow: 3px 5px 8px 2px #ddd; border-radius:6px;background-color:#f7f7f7;} } @media only screen and (max-width: 1366px) { .archive-cols-25 { width: 50%; } } @media only screen and (max-width: 1250px) { .archive-cols-33 { width: 50%; } .archive-cols-25 { width: 50%; } } @media only screen and (max-width: 980px) { .archive-cols-33 { width: 33.33333%; } .archive-cols-25 { width: 50%; } } @media only screen and (max-width: 800px) { .archive-cols-33 { width: 50%; } .archive-cols-25 { width: 50%; } } @media only screen and (max-width: 550px) { .archive-cols-33 { width: 100%; } .archive-cols-25 { width: 100%; } .archive-cols-50 { width: 100%; } .archive-cols-mobile-left {width:30%;padding-right:20px!important} .archive-cols-mobile-right {width:70%;} .archive-container {padding:0px;margin:0px;padding-bottom:20px;padding-top:10px;} .archive-title {font-size:17px; font-weight:bold; margin-bottom:20px; color:#6c559b;} .archive-cols-100 .archive-title {font-size:17px;} .archive-excerpt p {font-size:11px; color:#666;} .archive-link {display:none} } .next-post, .prev-post {transition: all .2s ease-in-out;font-size:15px; text-align:center; width:200px; padding: 20px; box-sizing: border-box; border-radius:4px; display:inline-block;background-color: #ede6f8; color:#FFF; font-weight:bold; margin-top:40px; } .next-post:hover, .prev-post:hover {opacity:0.7 } @media only screen and (max-width: 767px) { .next-post, .prev-post, .nav-previous {font-size:13px; width:100%; padding:10px; border-radius:4px; display:block;} .posts-navigation, .nav-next, .prev-post, .nav-previous {width:100%!important;float:none!important;text-align:center!important;} } .posts-navigation {border-top:1px solid #6c559b;margin-top:40px!important;} /* END ARCHIVE COLS */ /* GRID CONTENT */ .grid { direction: ltr; text-align: left; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; padding:0; } .grid1, .grid2-4, .mobile-stack-1, .mobile-stack-2, .grid1-2, .grid3, .grid4, .grid5-1, .grid5-2, .grid-ig3, .grid6-1, .grid6-2, .grid8, .grid9, .grid10, .grid11, .grid11-1, .grid11-2, .grid12, .grid13-1, .grid13-2, .grid14, .footer-grid-1, .footer-grid-2, .footer-grid-3, .footer-grid-4, .grid-case-1, .grid-case-2, .iconlist-grid-3,.iconlist-grid-1,.iconlist-grid-2,.iconlist-grid-4,.iconlist-grid-5,.iconlist-grid-6, .grid5-100, .footer-grid-3-1, .footer-grid-3-2, .footer-grid-3-3, .grid-blog-1, .grid-blog-2, .iconlist-grid-3-mobile-1-image, .iconlist-grid-3-mobile-2-image,.iconlist-grid-3-mobile-1, .iconlist-grid-3-mobile-2, .mk-blog-magazine-item, .mobile-stack-1-3, .mobile-stack-2-3, .grid2-3, .subfooter-col1, .subfooter-col2, .temasider-col, .grid-16-1, .grid-16-2, .grid-16-3, .grid-16-left, .grid-16-right, .grid-cf7, .grid-cf7-txt, .grid-cf7-rca, .grid-cf7-snd, .grid17, .grid-cf7-50, .grid-cf7-50-1, .grid-cf7-50-2, .grid-cf7-50-3, .grid-cf7-50-4, .grid-cf7-25 { display: inline-block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; } .grid10 {width:33.333%; text-align:center;} @media only screen and (max-width: 980px) { .grid10 {width:33.333%; text-align:center;} } .grid5-1 {width:28%; padding-left: 5px; padding-right: 5px; padding-bottom:5px; padding-top:0px; text-align:center; } .grid5-2 {width:68%; padding-left: 5px; padding-right: 5px; padding-bottom:5px; padding-top:5px; text-align:left;border-radius:3px;margin-left:10px; } .grid-16-1 {width:33.333%; text-align:center;border-bottom:1px solid #eee;border-right:1px solid #eee; border-left:0px solid #eee; border-bottom-left-radius: 4px;} .grid-16-2 {width:33.333%; text-align:center;border-bottom:1px solid #eee;border-right:1px solid #eee; } .grid-16-3 {width:33.333%; text-align:center;border-bottom:1px solid #eee;border-right:0px solid #eee; border-bottom-right-radius: 4px;} .custom-icon-openhours {color:#ccc;font-size:25px;margin-top:0px;} .openhours {width:100%;padding:20px;margin:0 auto;text-align:center;} .grid-16-left {width:20%;text-align:right;} .grid-16-right {width:80%;text-align:center;} .openhours-title {font-size:16px;font-weight:bold; line-height:130%;padding-bottom:5px;padding-top:2px;color:#000;} .openhours-clock {font-size:14px;font-weight:normal;line-height:130%;color:#666} .grid-ig3 {width:33.333%;text-align:center;padding:10px} @media only screen and (max-width: 980px) { .custom-icon-openhours {color:#999;font-size:15px;} .openhours {width:100%;padding:20px;margin:0;text-align:center;} .openhours-title {font-size:14px;font-weight:bold} .openhours-clock {font-size:11px;font-weight:normal} } @media only screen and (max-width: 767px) { .grid-ig3 {width:50%;} .custom-icon-openhours {color:#999;font-size:15px;} .openhours {width:100%;padding:10px;height:95px;margin:0;text-align:center;} .openhours-title {font-size:13px;font-weight:bold} .openhours-clock {font-size:9px;font-weight:normal} .grid-16-left {width:30%;text-align:left;} .grid-16-right {width:70%;text-align:left;} } .iconlist-loop-container {width:90%;box-sizing:border-box;text-align:center;transition: all .2s ease-in-out;margin:0 auto;} @media only screen and (max-width: 1366px) { .iconlist-loop-container {width:100%;} } .iconlist-container {width:100%;padding:25px;box-sizing:border-box;text-align:left;transition: all .2s ease-in-out;margin:0 auto;min-height: 200px;} .custom-icon-iconlist {font-size: 45px;margin-bottom: 25px;display:block;color:#6c559b;transition: all .2s ease-in-out;} @media only screen and (min-width: 1025px) { .iconlist-container:hover {border:0px solid #999; box-shadow: 3px 5px 8px 2px #ddd; border-radius:6px;background-color:#f7f7f7;} } .custom-fa-icon1 {font-size: 60px;margin-bottom: 25px;display:block;color:#6c559b;transition: all .2s ease-in-out;} @media only screen and (max-width: 960px) { .custom-fa-icon1 {font-size: 60px;margin-bottom: 25px;display:block;color:#6c559b;transition: all .2s ease-in-out;margin-top: 30px;} } @media only screen and (max-width: 767px) { .custom-fa-icon1 {font-size: 40px;margin-bottom: 25px;display:block;color:#6c559b;transition: all .2s ease-in-out;margin-top: 40px;} } h4.iconlist-title, h4.iconlist-title a { letter-spacing: 0px!important; text-transform: none!important; font-size: 19px!important; line-height: 120%!important; color: #666666!important; transition: all .2s ease-in-out; font-style: inherit!important; font-weight: 700!important; padding-top: 0px!important; padding-bottom: 0px!important; margin-bottom: 20px; margin-top: 20px; } @media only screen and (max-width: 980px) { h4.iconlist-title, h4.iconlist-title a {font-size:18px!important;} } @media only screen and (max-width: 960px) { .custom-fa-icon1 {font-size: 60px;margin-bottom: 25px;display:block;color:#6c559b;transition: all .2s ease-in-out;margin-top: 30px;} } @media only screen and (max-width: 767px) { .custom-fa-icon1 {font-size: 40px;margin-bottom: 25px;display:block;color:#6c559b;transition: all .2s ease-in-out;margin-top: 40px;} h4.iconlist-title, h4.iconlist-title a {font-size:16px!important;} } .iconlist-link{ font-size: 14px!important; padding-top:15px; display:block; transition: all .2s ease-in-out; } .iconlist-text{ font-size: 16px!important; color: #666!important; padding-bottom: 15px!important; transition: all .2s ease-in-out; } .iconlists-image {border-radius:50%;max-width:160px;transition:0.4s} .iconlists-image {border-radius:50%;max-width:160px;} @media only screen and (max-width: 960px) { .iconlists-image { max-width: 100px; margin-top: 50px; } } @media only screen and (max-width: 767px) { .iconlists-image { max-width: 70px; margin-top: 50px; } } .iconlist-grid-1 {width:100%;transition: all .2s ease-in-out;} .iconlist-grid-2 {width:50%;transition: all .2s ease-in-out;} .iconlist-grid-3 {width:33.333333%;transition: all .2s ease-in-out;} .iconlist-grid-4 {width:25%;transition: all .2s ease-in-out;} .iconlist-grid-5 {width:20%;transition: all .2s ease-in-out;} .iconlist-grid-6 {width:16.66666666%;transition: all .2s ease-in-out;} .iconlist-grid-3-mobile-1 {width:30%} .iconlist-grid-3-mobile-2 {width:70%} .iconlist-grid-3-mobile-1-image {width:100%;text-align:center} .iconlist-grid-3-mobile-2-image {width:100%;text-align:center} @media only screen and (max-width: 960px) { .iconlist-grid-3-mobile-1 {width:25%} .iconlist-grid-3-mobile-2 {width:75%; padding-top: 30px; padding-left: 20px;} .iconlist-grid-3-mobile-1-image {width:25%;text-align:center;} .iconlist-grid-3-mobile-2-image {width:75%; padding-top: 30px; padding-left: 20px;text-align:left;} } @media only screen and (max-width: 960px) { .iconlist-grid-1, .iconlist-grid-2, .iconlist-grid-3, .iconlist-grid-4, .iconlist-grid-5, .iconlist-grid-6 {width:100%;} .iconlist-container {width:100%;padding:0px;box-sizing:border-box;text-align:left!important;min-height: auto;} .custom-icon-iconlist {font-size: 40px;margin-bottom: 25px;display:block;color:#6c559b;margin-top:30px;} } @media only screen and (max-width: 767px) {.iconlist-text{font-size: 12px!important; line-height:110%!important} } .formtitle { padding-bottom: 5px!important; margin-bottom: 0px!important; padding-right: 20px; color: #666; font-size: 13px!important; font-weight: bold; text-align: right; } .formfieldset {padding:50px;border-radius:5px;border:1px solid #ddd;background:inherit; -webkit-box-shadow: 0 0 2px 1px #fff; -moz-box-shadow: 0 0 2px 1px #fff; box-shadow: 0 0 2px 1px #fff; } @media only screen and (max-width: 767px) { .formfieldset {padding:20px; } } .grid-cf7-25 {width:25%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:right; } .grid-cf7-50 {width:61%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } .grid-cf7-50-1 {width:30%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } .grid-cf7-50-2 {width:70%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } .grid-cf7-50-3 {width:30%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } .grid-cf7-50-4 {width:70%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } .grid-cf7 {width:32.3333%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } .grid-cf7-rca{width:25%; padding-left: 5px; padding-right:5px;padding-bottom:10px; padding-top:10px;text-align:right; } .grid-cf7-snd {width:75%; padding-left: 5px; padding-right:5px; padding-bottom:10px;margin-top:10px;text-align:right; } @media only screen and (max-width: 980px) { .grid-cf7 {width:100%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } .grid-cf7-rca{width:100%; padding-left: 5px; padding-right:5px;padding-bottom:10px; padding-top:10px;text-align:right; } .grid-cf7-snd {width:100%; padding-left: 5px; padding-right:5px; padding-bottom:10px;text-align:center; } .grid-cf7-50 {width:100%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } } @media only screen and (max-width: 550px) { .grid-cf7-50-1 {width:50%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } .grid-cf7-50-2 {width:50%; padding-left: 5px; padding-right:5px; padding-bottom:10px; text-align:center; } } .grid-cf7-txt {width:100%; padding-left: 5px; padding-right:5px; padding-bottom:10px;text-align:center; } .site-main, .site-header { direction: ltr; text-align: left; box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; box-sizing: border-box; } .site-main-right-content, .site-main-right-sidebar, .site-main-left-content, .site-main-left-sidebar { display: inline-block; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; } .site-main-right-content {width: 73%; padding-right:50px; padding-bottom: 50px; } .site-main-right-sidebar {width: 27%; float:right; min-height:0px;} .site-main-left-content {width: 73%; padding-left:50px; } .site-main-left-sidebar {width: 27%; float:left; min-height:0px;} .site-main-full-content {width: 70%; margin: 0 auto;} @media only screen and (max-width: 1024px) { .site-main-full-content {width: 100%; margin: 0 auto;} } @media only screen and (max-width: 1200px) { .site-main-right-content {width: 69%; padding-right:50px; } .site-main-right-sidebar {width: 31%; float:right; min-height:0px;} .site-main-left-content {width: 69%; padding-left:50px; } .site-main-left-sidebar {width: 31%; float:left; min-height:0px;} } @media only screen and (max-width: 980px) { .site-main-right-content {width: 100%; padding-right:0px; padding-bottom:50px; } .site-main-right-sidebar {width: 100%; float:none; min-height:30px; padding-bottom:50px;} .site-main-left-content {width: 100%; padding-left:0px; padding-bottom:50px; } .site-main-left-sidebar {width: 100%; float:none; min-height:30px; padding-bottom:50px; } } /* END GRID CONTENT */ /* POSTLOOP */ .C-post-btn1 { display: none; background-color: #666; padding: 10px; border-radius: 0px; text-align: center; float: right; transition: 0.4s; color: #fff!important; font-size: 11px; } .C-post-btn1-text { font-size: 14px!important; display: inline-block; transition: 0.4s; font-weight: lighter; padding-right: 40px; text-align: right; /* margin-bottom: 20px; */ /* margin-top: 20px; */ width: 100px; } .grid4 {width:33.333%;padding:10px} .grid-container {padding: 20px; background: #067c9f; position: relative; border-radius: 5px; border: 0px solid #eee; box-shadow: 2px 1px 1px 1px rgba(0,0,0,.20) !important; min-height: 560px; } .C-post-image-container { text-align: center; width: 100%; margin-bottom: 20px; position: relative; height: 230px; overflow: hidden; border-radius: 4px; } .C-post-title, .C-post-title a { letter-spacing: 0px!important; text-transform: none!important; font-size: 25px!important; color: #fff!important; text-align: left!important; font-style: inherit!important; font-weight: 300!important; padding-top: 0px!important; padding-bottom: 0px!important; line-height: 115%!important; margin-top: 8px; } .C-post-title a:hover { opacity:0.8; } .C-post-excerpt { font-size: 16px!important; color: #fff!important; line-height:150%!important; text-align:left; padding-bottom:40px; } .daterest {font-size:13px;font-weight:600;display:inline-block;margin-left:5px;} .daterest-year {font-size:11px;font-weight:400;display:block;} .blog-item-holder {padding-top:20px} .custom-blogarchive-date { position:absolute; left:0px; top:0px; padding:10px; border-top-left-radius:5px; border-bottom-right-radius:5px; border-bottom:0px solid #fff; vertical-align: middle; } .custom-blogarchive-date-day { color:#df8418; text-align:center; font-size:60px; margin-bottom:10px; margin-top: 10px; font-weight:600; } .custom-blogarchive-date-month { color:#df8418; text-align:center; font-size:13px; font-weight:600; } .mk-blog-magazine-item.magazine-featured-post .item-wrapper { padding:0!important; } @media only screen and (max-width: 960px) { .custom-blogarchive-date-day { font-size:40px; margin-bottom:5px; } .custom-blogarchive-date-month { font-size:12px; } } @media only screen and (max-width: 767px) { .custom-blogarchive-date-day { font-size:30px; margin-bottom:0px; } .custom-blogarchive-date-month { font-size:9px; } } .hr1 { border-bottom:1px solid #ddd; margin-bottom: 10px; display:none; } .C-post-image-container-inner { left: -25px; top: 5px; background: #666667; color: #FFF; padding: 10px; border-radius: 50%; border-bottom: 0px solid #fff; vertical-align: middle; font-weight: 600; width: 80px; height: 80px; position:absolute; } .C-post-image-container-inner-mobile { display:none; } @media only screen and (max-width: 767px) { .C-post-image-container-inner { display:none; } .C-post-image-container-inner-mobile { display:inline-block; border-radius: 4px; background: none; color:#a5968a; font-weight:600; font-size:10px; margin-top:0px; padding:0px; } } .C-post-image { -webkit-box-shadow: none; box-shadow: none; overflow: hidden; transition: all .2s ease-in-out; border-radius:0px; border-left: 0px solid #313640!important; } .C-post-image:hover { opacity:0.8; } .mk-blog-grid-item .blog-grid-holder { margin: 0 12px 24px 12px; border: 0px solid #e3e3e3!important; background-color: #ffffff; } .mk-blog-grid-item .blog-grid-footer { position: relative; padding: 15px 20px; border-top: 0px solid #e3e3e3!important; } .C-post-title-padding-top {padding-top:25px;} .C-post-title-padding-bottom {padding-top:10px;} @media only screen and (max-width: 980px) { .C-post-title, .C-post-title a {font-size:22px!important} .C-post-excerpt {font-size: 15px!important;} } @media only screen and (max-width: 767px) { .mobile-stack-1 {display:inline-block;transition: 0.4s;width:30%} .mobile-stack-2 {display:inline-block;transition: 0.4s;width:70%;padding-left:25px} .daterest {display:none} .daterest-year {display:none} .C-post-image {margin-right:25px; } .C-post-excerpt { display:none; } .C-post-image-container-inner {display:none;} .grid-container {margin-bottom:10px;padding:15px;border: 1px solid #ddd;} .C-post-btn1 {display:none;} .hr1 {display:none;} .grid4 {width:100%;padding:0px;} .C-post-title, .C-post-title a {font-size:19px!important;padding-top: 0px!important; margin-top: 0px!important;margin-bottom:5px!important} } /* END POSTLOOP */ /* TOOLBAR */ .grid-toolbar { direction: ltr; text-align: right; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; width:100%; padding-top: 5px; } .grid-toolbar-col { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; padding-right: 50px; } .social-mobile-container {margin:0 auto; text-align:center;padding-top:10px} .mk-header-toolbar { height: 32px!important; line-height: 32px!important; } .mk-header-toolbar { background-color: #6c559b!important; } @media only screen and (max-width: 980px) { .grid-toolbar, .mk-header-toolbar {display:none!important} } .grid-social, .grid-toolbar .menu-second-menu-container, .grid-toolbar .menu-undermeny-en-container, .grid-toolbar .menu-undermeny-sv-container { direction: ltr; text-align: left; box-shadow: 0 0 0 0!important; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow: 0 0 0 0!important; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; margin-top:2px; } .grid-social-col, .grid-toolbar .menu-second-menu-container ul li, .grid-toolbar .menu-undermeny-en-container ul li, .grid-toolbar .menu-undermeny-sv-container ul li { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin:0; transition:0.4s; padding-top:1px; } .grid-toolbar .menu-second-menu-container ul li, .grid-toolbar .menu-undermeny-en-container ul li, .grid-toolbar .menu-undermeny-sv-container ul li { padding-top:0px; } .custom-icon-social-toolbar {color:#FFF;font-size:20px;padding-left:5px;padding-right:5px;} .custom-icon-social-shortcode {color:#bbb;font-size:35px;padding-left:10px;padding-right:10px;} .menu-second-menu-container ul {margin-top:0;padding-top:0} .grid-toolbar .menu-second-menu-container ul li a, .grid-toolbar .menu-undermeny-en-container ul li a, .grid-toolbar .menu-undermeny-sv-container ul li a { color: #FFF!important; text-transform: none; font-size: 13px!important; font-weight: 700; /* padding-left: 6px; */ /* padding-right: 6px; */ /* padding: 6px; */ border-radius: 3px; padding: 5px; } @media handheld, only screen and (max-width: 1024px) { .grid-toolbar .menu-second-menu-container ul li a, .grid-toolbar .menu-undermeny-en-container ul li a, .grid-toolbar .menu-undermeny-sv-container ul li a { font-size: 14px!important; font-weight: 400; background:none; box-sizing: border-box; padding-left: 20px; padding-top:8px; padding-bottom:8px; } .grid-toolbar .menu-second-menu-container ul li, .grid-toolbar .menu-undermeny-en-container ul li, .grid-toolbar .menu-undermeny-sv-container ul li { display: block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; list-style-type: none; margin: 0; transition: 0.4s; padding-top: 0px; width:100%; } .second-menu-mobile-container, .social-mobile-container {margin-top:25px;} } .text-toolset {font-size:14px;color:#FFF;font-weight:300;} .text-toolset-phone {font-size:16px;color:#FFF!important;font-weight:600!important;} .site-header-toolbar { background-color: #6c559b; max-height: 35px; height: 35px; position: absolute; z-index: 4000; top: 0; left: 0; width: 100%; } .toolbar-padding-class-inactive {top:0px; transition: all .2s ease-in-out;} .toolbar-padding-class {top:35px; transition: all .2s ease-in-out;} .masthead-sticky {top:0px!important; transition: all .2s ease-in-out;} @media handheld, only screen and (max-width: 1024px) { .site-header-toolbar {display:none} .toolbar-padding-class {top:0px; transition: all .2s ease-in-out;} } /* END TOOLBAR */ /* RELATED */ .related-pagepost-title {margin-top:40px;margin-bottom:25px;font-size:20px;font-weight:bold;} .related-page-links {padding:20px; display:block; width:100%; box-sizing: border-box; background-color:#f7f7f7; border-radius:5px; margin-bottom:4px;} .related-page-links:hover {padding:20px; display:block; width:100%; box-sizing: border-box; background-color:#ddd} .related-pagepost-container {margin-bottom:40px;} /* END RELATED */ /* FOOTER CONTENT */ .custom-icon-social-toolbar {color:#FFF;font-size:20px;padding-left:5px;padding-right:5px;} .custom-icon-social-shortcode {color:#bbb;font-size:35px;padding-left:10px;padding-right:10px;} .custom-icon-social-inmenu {color:#999!important;font-size:20px;padding-left:5px;padding-right:5px;} .custom-footer-outer {position:relative;margin:0 auto;} .custom-footer-inner {margin:0 auto;max-width:1320px} .footer-grid { direction: ltr; text-align: left; box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; list-style: none; list-style-type: none; margin:0; transition: all .2s ease-in-out; padding-left: 0px; padding-right: 0px; font-size: 14px; } @media only screen and (max-width: 980px) { .footer-grid { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 800px) { .footer-grid { padding-left: 20px; padding-right: 20px; } } .footer-grid-4 {width:25%; } .footer-grid-container {position: relative; margin:10px;padding:10px;} @media only screen and (max-width: 1150px) { .footer-grid-3-1 {width:50%; } .footer-grid-3-2 {width:49%; } .footer-grid-3-3 {width:100%; } .footer-grid-4 {width:49%; } .grid11 {width:50%; min-height:60px; margin-bottom:10px;} } @media only screen and (max-width: 767px) { .footer-grid-3-1 {width:100%; } .footer-grid-3-2 {width:100%; } .footer-grid-3-3 {width:100%; } .grid11 {width:50%; min-height:60px; margin-bottom:10px;} .footer-grid-4 {width:100%;} } .block-title { letter-spacing: 0px; text-transform: none; font-size: 40px; line-height: 120%; color: #000; text-align: center; font-style: inherit; font-weight: 300; padding-top: 0; padding-bottom: 0px; /* font-family: "Calligraffitti"; */ } @media only screen and (max-width: 767px) { .block-title { font-size: 25px; } } .custom-footer-title { margin-bottom: 40px; font-size: 20px; text-transform: none; font-weight: 300; text-align: left; padding-bottom: 5px; border-bottom: 1px solid #eee; } .themelight {color:#FFF!important} .themedark {color:#000!important} @media only screen and (max-width: 767px) {.custom-footer-title, .themelight, .themedark {text-align:center;} } /* END FOOTER CONTENT */ /* CONTACT DATA */ .contactdata-grid { direction: ltr; box-sizing: border-box; transition: all .2s ease-in-out; vertical-align: top; list-style: none; list-style-type: none; margin-top:50px; text-align:left; } .contactdata-left, .contactdata-right { display:inline-block; box-sizing: border-box; vertical-align: top; } .contactdata-left { margin-right:20px; text-align:left!important; } .phonemargin {margin-bottom:6px!important;margin-top:0px!important;} .custom-icon-contactdata-shortcode {font-size:30px; color:#6c559b; display:none} .custom-icon-contactdata-phone {font-size:25px; color:#6c559b;margin-right:25px;} .contactdata-address-container {} .contactdata-link-phone { display: block; font-size: 17px; font-weight: 400; width: 100%; box-sizing: border-box; background: #FFF; color: #6c559b!important; padding: 10px; text-align: left; /* border-radius: 4px; */ border-bottom: 1px solid #6c559b; } .contactdata-link-phone:hover {color:#6c559b!important; opacity:0.8; font-weight:300;} .contactdata-link-mail {} .contactdata-link-google {} /* END CONTACT DATA */ /* EMPLOYEE / ANSATTE */ .custom-css {margin-bottom:10px;} .my-button-css { cursor: pointer; background-color: #f7f7f7; color:#6c559b; font-size: 12px; font-weight: bold; text-transform: uppercase; text-align: center; padding: 10px 15px 8px 15px; margin: 5px 0 0 0; display:inline-block; } .grid17 {transition:0.4s; width:100%; padding:0px;display:inline-block; text-align:left;} .grid17-table {width:100%; padding:0px; margin:0; border: none; border-collapse: collapse;transition:0.4s;} .grid17-left {width:20%; transition:0.4s; vertical-align: top; margin:0; padding:15px; border: none; border-collapse: collapse;border-spacing: 0px;text-align:left} .grid17-right {width:80%; transition:0.4s; vertical-align: top; margin:0; padding:15px; border: none; border-collapse: collapse;border-spacing: 0px;text-align:left} .emp-content p {font-size:13px;color:#666;margin-top:25px;} .emp-title {font-size:19px; font-weight:bold; color:#6c559b;margin-bottom:5px; } .emp-jobtitle {font-size:16px; font-weight:normal; color:#666;margin-bottom:5px; font-style:italic;} .emp-email {font-size:10px; font-weight:normal; } .emp-image {border-radius:0%} .emp-infocontainer {} @media only screen and (max-width: 767px) { .emp-image {border-radius:0%; max-width:100px;} .emp-title {font-size:14px; } .emp-jobtitle {font-size:14px; } .emp-email {font-size:8px; } .grid17 {width:100%;} } /* EMPLOYEE / ANSATTE */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bold; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; position: relative; display: inline-block; margin-right: 10px; margin-bottom: 20px; padding: 10px 12px; letter-spacing: 1px; outline: none; color: #fff; vertical-align: middle; text-align: center; text-transform: none; font-weight: bold; font-size: 15px; line-height: 100%; cursor: pointer; zoom: 1; border: 0px solid #000; background-color: #ede6f8; border-radius: 5px; transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out; float:none; width:100px; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #000; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } .content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6 { clear: none; } h2 { font-size: 27px; font-weight: 600; line-height:125%; text-decoration:none; margin-bottom: 30px; margin-top:0px; text-transform:none; transition: all 0.3s ease-in-out; } h3, h4, h5, h6 { font-size: 20px; font-weight: 600; line-height:155%; text-decoration:none; margin-bottom: 20px; margin-top:40px; text-transform:none; color:#6c559b; transition: all 0.3s ease-in-out; } p, li { font-weight: 400;line-height:170%; font-size:17px;color:#666;transition: all 0.3s ease-in-out; } li { font-weight: 400; } .footer-grid-container p {color:inherit} @media only screen and (max-width: 1024px) { p, li { font-size:17px; } h2 { font-size: 26px;} } @media only screen and (max-width: 800px) { p, li { font-size: 16px;} } @media only screen and (max-width: 767px) { p, li { font-size: 15px;} h2 { font-size: 23px;} h3, h4, h5, h6 {font-size: 18px; } } a { font-weight: normal; color:#6c559b; text-decoration: none; } a:hover { opacity:0.8 } ul, li { margin-left: 0px; margin-bottom: 20px; list-style: none; } li { margin-bottom: 10px; } #main li:before { content: "\2713"; padding-right: 15px; color: #6c559b; font-size:20px; } blockquote { } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } .wp-caption p.wp-caption-text { margin: 0; padding: 10px; background-color:#f7f7f7; font-style: italic; margin-bottom:20px; margin-top:8px; border-radius:5px; font-size: 13px; } .pageimage {border-radius:5px;} .alignright, img.alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1.5em; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .aligncenter, img.aligncenter { float: none; margin-top: 1.5em; margin-bottom: 1.5em; width: 60%; } .alignright, img.alignright, .alignleft, img.alignleft { width:100%; max-width:350px!important; } @media only screen and (max-width: 1400px) { .alignright, img.alignright, .alignleft, img.alignleft { width:100%; max-width:350px!important; } } @media only screen and (max-width: 980px) { .alignright, img.alignright, .alignleft, img.alignleft { width:100%; max-width:300px!important; } } @media only screen and (max-width: 800px) { .alignright, img.alignright, .alignleft, img.alignleft { width:100%; max-width:100%!important; display:block!important; float:none!important; } } @media only screen and (max-width: 800px) { .alignright, img.alignright { display: block; float: none; margin-left: 0em!important; margin-bottom: 1.5em; margin-top: 1.5em; width:100%; max-width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } } @media only screen and (max-width: 800px) { .alignleft, img.alignleft { display: block; float: none; margin-left: 0em!important; margin-bottom: 1.5em; margin-top: 1.5em; width:100%; max-width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } } @media only screen and (max-width: 800px) { .aligncenter, img.aligncenter { display: block; float: none; margin-left: 0em!important; margin-bottom: 1.5em; margin-top: 1.5em; width:100%; max-width:100%!important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height:auto; } } dfn, cite, em, i { font-style: italic; } blockquote { margin-left:10px; margin-right:10px; background-color:#f7f7f7; padding:20px; border-radius:5px; margin-bottom:25px; border: 1px solid #6c559b; } 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: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* custom header */ .arrowup-container { width: 1320px; position:relative; margin: 0 auto; } .arrowup { width: 0; height: 0; border-style: solid; border-width: 0 27.5px 11px; border-color: transparent transparent #ffffff transparent; position:absolute; left:100px; bottom:0px; } .masthead-background {background:#FFF!important;} .customheader-image, .customheader-image-container { transition:0.4s; } .customheader-image-container { position:relative } .customheader-image-container-inner { position:absolute; width:100%; bottom:0px; background: linear-gradient(transparent, #000); height:400px; transition:0.4s; } .customheader-image-container-inner-title { max-width:1320px; margin:0 auto; min-height:150px; padding-top: 220px; transition:0.4s; } .customheader-image {min-width: 100%; vertical-align: middle; box-sizing: border-box;} @media only screen and (min-width: 1367px) and (max-width: 1800px) { .customheader-image-container {min-height:550px; max-height:550px; overflow:hidden; width:100%; box-sizing: border-box;} } @media only screen and (min-width: 1801px) { .customheader-image-container {min-height:850px; max-height:850px; overflow:hidden; width:100%; box-sizing: border-box;} } @media only screen and (max-width: 1366px) { .customheader-image-container {min-height:500px; max-height:500px; overflow:hidden; width:100%; box-sizing: border-box;} .customheader-image {max-width: 100%; vertical-align: middle; box-sizing: border-box;} .customheader-image-container-inner { position:absolute; width:100%; bottom:0px; background: linear-gradient(transparent, #000); height:300px; transition:0.4s; } .customheader-image-container-inner-title { max-width:1320px; margin:0 auto; min-height:150px; padding-top: 150px; transition:0.4s; } } @media only screen and (max-width: 767px) { .customheader-image-container {min-height:300px; max-height:500px; overflow:hidden; width:100%; box-sizing: border-box;} } .customheader-center-div {max-width:1320px;margin:0 auto;} .customheader-image-in-post {border-radius:5px;margin-bottom:40px;} .customheader-grayscale { /* -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 filter: grayscale(100%); */} .customheader { position: relative; width: 100%; max-width:100%; overflow:hidden; margin:0 auto; background-color: #6c559b; background: url(https://majorstuatannlegene.no/wp-content/uploads/2019/01/noimagetitlebg.png) top left no-repeat; background-size: cover; } .customheader-minheight {min-height:450px; } .customheader-minheight-page {min-height:500px; } .customheader-minheight-image-mobile {box-shadow: none } .customheader-minheight-noimage {min-height:50px;} @media only screen and (max-width: 1800px) { .customheader-minheight { min-height: 450px; } .customheader-minheight-page { min-height: 450px; } } @media only screen and (max-width: 1366px) { .customheader-minheight { min-height: 350px; } .customheader-minheight-page { min-height: 350px; } .customheader-image-container-inner-title { padding-left:40px; padding-right:40px; } } @media only screen and (max-width: 960px) { .customheader-minheight { min-height: 350px; } .customheader-minheight-page { min-height: 350px; } .customheader-image-container-inner-title { padding-top: 180px; padding-left:40px; padding-right:40px; } .customheader-image-container-inner { height: 300px; } } @media only screen and (max-width: 767px) { .customheader-image-container-inner-title { padding-top: 180px; padding-left:30px; padding-right:30px; } } @media only screen and (max-width: 550px) { .customheader-minheight { min-height: 150px; } .customheader-minheight-page { min-height: 150px; } .customheader-minheight-image-mobile {min-height: 200px;} } @media only screen and (max-width: 767px) { .customheader-image-container { position: static; } .customheader-image-container-inner { position:static; width:100%; bottom:0px; background-color: #6c559b; background: url(https://majorstuatannlegene.no/wp-content/uploads/2019/01/noimagetitlebg.png) top left no-repeat; background-size: cover; height:auto; transition:0.4s; } .customheader-image-container-inner-title { min-height:0px; padding-top: 30px; padding-bottom:10px; transition:0.4s; } } .customheader-overlay { position: absolute; width: 100%; height:100%; top:0; left:0; } .customheader-inner { position: absolute; left:0; top:0; z-index:2; } @media only screen and (max-width: 980px) { .customheader-inner { left:0; top:0; } } .custom-blog-title-subtitle1 { font-size: 17px; font-weight:600; margin-bottom:15px; background-color:#c2700f; color:#f7f7f7; padding:5px; border-radius:3px; text-align:left; box-sizing: border-box; display:inline-block; } .custom-blog-title-subtitle1-span {font-weight:200;} .custom-blog-title { font-size: 65px; font-weight:200; color: #FFF; box-sizing: border-box; line-height: 110%; display:inline; } .custom-blog-title-page { font-size: 65px; font-weight:200; letter-spacing: 0px; color: #FFF; box-sizing: border-box; line-height: 110%; display:inline; padding-bottom:10px; } .title-noimage { font-size: 40px; } .custom-blog-title-page-excerpt { color: #eee; font-size: 19px; font-weight: 400; display: block; margin-bottom:30px; padding-right: 20px; } @media only screen and (max-width: 767px) { .custom-blog-title-page-excerpt { padding-top:20px; } } .custom-blog-title-hr { border-top: 0px dotted #8a441e; width: 60px; margin-top:0px; padding-top: 0px; } /* .default-overlaycolor {background-color: #6c559b } */ /* .default-overlaycolor-fff {background-color:#fff} */ .custom-title-themelight {color:#FFF;} .custom-title-themedark {color:#6c559b;} .icon-blogtitle {color:#FFF;font-size:60px;display:block;text-align: left;margin-bottom:20px;} .blog-meta-frame-date { color: #eee!important; font-size: 16px; font-weight: 600; border-top: 0px solid #b9690a; display: block; width: 50%; margin-bottom:20px; } @media only screen and (max-width: 1800px) { .custom-blog-title { font-size: 60px!important; } .custom-blog-title-subtitle1 { font-size: 16px!important; } .custom-blog-title-page {font-size:55px} .title-noimage { font-size: 40px!important; } } @media only screen and (max-width: 1366px) { .custom-blog-title { font-size: 40px!important; } .custom-blog-title-subtitle1 { font-size: 15px!important; } .custom-blog-title-page {font-size:45px; } .title-noimage { font-size: 40px!important; } } @media only screen and (max-width: 960px) { .custom-blog-title { font-size: 29px!important; } .custom-blog-title-subtitle1 { font-size: 13px!important; } .custom-blog-title-page {font-size:35px} .blog-meta-frame-date { font-size: 14px; width: 100%; text-align:left; } .custom-blog-title-page-excerpt {font-size:15px} .title-noimage { font-size: 35px!important; } } @media only screen and (max-width: 550px) { .custom-blog-title { font-size: 27px!important; } .custom-blog-title-page {font-size:30px} .title-noimage { font-size: 25px!important; } } .custom-blog-title-container-noimage {padding-left: 0px; padding-right: 0px; padding-top: 48px; box-sizing: border-box;} .custom-blog-title-container {padding-left:80px;padding-right:80px;padding-top:100px;box-sizing:border-box;} @media only screen and (max-width: 1366px) { .custom-blog-title-container {padding-left:40px;padding-right:40px;padding-top:70px;} .custom-blog-title-container-noimage {padding-left:40px;} } @media only screen and (max-width: 1280px) { .custom-blog-title-container {padding-left:20px;padding-right:20px;padding-top:70px;} .custom-blog-title-container-noimage {padding-left:40px;padding-right:40px;} } @media only screen and (max-width: 980px) { .custom-blog-title-container-noimage {padding-left:34px;padding-right:34px;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .custom-blog-title-container-noimage {padding-left:40px;padding-right:40px;} } @media only screen and (max-width: 800px) { .custom-blog-title-container {padding-left:20px;padding-right:20px;padding-top:70px;} } @media only screen and (max-width: 550px) { .custom-blog-title-container {padding-left:20px;padding-right:20px;padding-top:30px;} } .customheader-arrow-container { width: 100%; text-align: center; margin: 0 auto; position: absolute; left: 50%; bottom: -55px; z-index: 1; transition: all 0.3s ease-in-out; } .customheader-arrow { margin: 0 auto; border-radius: 50%; background-color: #FFF; padding: 10px; position: relative; display: block; max-width: 50px; min-height: 50px; margin-top: 10px; margin-bottom: 20px; display:none; } .custom-icon-header-arrow { color: #6c559b; font-size: 20px; position: absolute; left: 25px; top: 15px; } @media only screen and (max-width: 550px) { .customheader-arrow-container { width:100%;text-align:center;margin: 0 auto; position: absolute; left: 0%; bottom: -30px; z-index: 1; display:none; } .customheader-arrow { margin: 0 auto; border-radius: 50%; background-color: #FFF; padding: 10px; position: relative; display: block; max-width: 35px; min-height: 35px; margin-top: 10px; margin-bottom: 10px; } .custom-icon-header-arrow { font-size: 17px; position: absolute; left: 20px; top: 18px; } } /* end custom header */ /* GALLERY */ .ig-container {border-radius:2px!important; width:100%;height:250px; position:relative;transition: 0.4s;box-shadow: 0 2px 28px 1px rgba(0,0,0,.20) !important;} .galleriicon { color: #FFF; font-size: 50px; background: #6c559b; border-radius: 50%; padding: 10px; transition: 0.4s } .ig-container{opacity:1!important;} .ig-container:hover {opacity:0.8!important;} @media only screen and (max-width: 1250px) { .ig-container {height:200px;} .galleriicon {font-size: 30px;} } @media only screen and (max-width: 550px) { .ig-container {height:150px;} .galleriicon {font-size: 30px;} } .ig-container-inner {position:absolute;right:20px;bottom:20px;transition: 0.4s} .custom-portfoliogallery-img {border-radius:5px!important;border-bottom:0px!important;transition: 0.4s} .custom-portfoliogallery-img:hover {opacity:0.9;} .custom-feature-gallery {padding-top:70px;} /* END GALLERY */ /* ATTACHEMENTS */ fieldset.attachments {padding:20px;border-radius:5px;border:1px solid #ddd;margin-top:70px;} legend {font-size:14px;font-weight:bold; color:#6c559b;padding-left:15px;padding-right:15px;} .attachment-link {display:block;padding:10px;} .custom-icon-attach {color:Maroon;padding-right:20px;font-size:20px;} /* END ATTACHEMENTS */ /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; height: 100%; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; height: 100%; margin: 0; padding: 0; /* Background fallback in case of IE8 & down, or in case video doens't load, such as with slower connections */ background-attachment: fixed; background-size: cover; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ 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; border: 1px solid #ddd; border-radius: 3px; padding: 20px; } input[type="date"] { width:100%; padding:13px; margin-bottom: 5px; } 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: #111; } select { color: #666; border: 1px solid #ddd; border-radius: 3px; width: 100%; background: #FFF; border-radius: 3px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 14px; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { } a:visited { } a:hover, a:focus, a:active { } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation li li.has-children > a:after { color: #fff; content: ' +'; font-size: 12px; vertical-align: 1px; text-align:right!important; float: right; } .transparent-header .main-navigation li li.has-children > a:after { color: #fff; } .masthead-sticky .main-navigation li li.has-children > a:after { color: #fff; } .main-navigation li li.has-children > a:hover:after { color: #fff; content: ' -'!important; font-size: 12px!important; vertical-align: 1px!important; margin-left: 14px!important; } .transparent-header .main-navigation li li.has-children > a:hover:after { color: #fff; } .masthead-sticky .main-navigation li li.has-children > a:hover:after { color: #fff; } .main-navigation { clear: both; margin-top: 7px; margin-right:30px; display:block; transition:0.4s; } .masthead-sticky .main-navigation { margin-top: 3px; transition:0.4s; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); */ float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); */ float: right; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .sub-menu a { width: 270px; background: #6c559b!important; border-radius: 2px; margin-bottom: 1px; margin-right:5px; padding: 10px 10px; } @media screen and (max-width: 1366px) { .main-navigation .sub-menu a { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; } } .main-navigation .sub-menu a:hover { opacity:0.9!important; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { position: relative; display: inline-block; margin-bottom:0px; text-align: left; } .main-navigation a { color: #666!important; padding: 15px 11px; font-weight: 400!important; letter-spacing: 0px!important; text-transform: none!important; font-size: 13px!important; transition: 0.4s; display: block; text-decoration: none; } .main-navigation a:hover { opacity:0.6; color: #6c559b; } .main-navigation .sub-menu a:hover { opacity:1; color: #fff; } .transparent-header .main-navigation a { color: #666!important; } .masthead-sticky .main-navigation a { color: #666!important; } .main-navigation .sub-menu a { color: #fff!important; } .main-navigation ul ul:before { border-color: #6c559b transparent; border-width: 0 10px 10px; left: 45px; top: -9px; } .main-navigation ul ul:before, .main-navigation ul ul:after { border-style: solid; content: ""; position: absolute; color: transparent; } .main-navigation ul ul ul:before { border-color: transparent; border-width: 0 10px 10px; left: 45px; top: -9px; } .main-navigation ul ul ul:before, .main-navigation ul ul ul:after { border-style: solid; content: ""; position: absolute; color: transparent; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 1250px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # 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 ; width: 1px; word-wrap: normal ; /* 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 ; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; 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; } /*-------------------------------------------------------------- # 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; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header-toolbar:before, .site-header:after, .site-header-toolbar:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-header-toolbar:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .err404 { font-size:200px; color: #6c559b; font-weight:bold; } .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 0; min-height: 200px; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .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 { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { 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; font-size:12px; color :#999; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; 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%; } .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%; } .gallery-caption { display: block; } .sidebar-responsive-nav li.current_page_item { border-bottom: 1px solid #6c559b!important; /* margin-top: 4px; */ /* margin-bottom: 4px; */ /* font-weight: bold!important; */ } .mk-responsive-nav { z-index: 20; } .mk-nav-responsive-link { display: none; position: absolute; top: 50%; margin-top: -18px; line-height: 8px; cursor: pointer; padding: 10px; } .mk-nav-responsive-link svg { height: 16px; vertical-align: middle; } .mk-responsive-nav { width: 100%; } .mk-responsive-nav > li > ul { display: none; border-top: 1px solid rgba(128, 128, 128, 0.2); } .mk-responsive-nav > li { border-bottom: 1px solid rgba(128, 128, 128, 0.2); } .mk-responsive-nav .mk-nav-arrow { position: absolute; right: 0px; top: 0px; text-align: center; cursor: pointer; filter: alpha(opacity=@opacity * 100); -moz-opacity: 70; -khtml-opacity: 70; opacity: 70; opacity: 0.7; width: 70px; height: 100%; line-height: 50px; } .mk-responsive-nav .mk-nav-arrow:hover { filter: alpha(opacity=@opacity * 100); -moz-opacity: 100; -khtml-opacity: 100; opacity: 100; opacity: 1; } .mk-responsive-nav .mk-nav-arrow svg { height: 16px; } .menu-html-content { line-height: 22px !important; text-align: left; } .mk-responsive-wrap { position: relative; width: 100%; display: none; z-index: 20; height: 100%; } .mk-responsive-nav { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; width: 100%; margin: 0; padding: 0; } .mk-responsive-nav li { display: block; margin: 0; position: relative; } .mk-responsive-nav li a { border-top: 1px solid rgba(255, 255, 255, 0.1); display: block; padding: 15px 20px; text-align: left; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 1; } .mk-responsive-nav li a > svg { height: 16px; margin-right: 6px; vertical-align: middle; } .mk-responsive-nav li a:hover { background-color: rgba(0, 0, 0, 0.03); } .mk-responsive-nav li a .sub-menu { left: auto; position: relative; } .mk-responsive-nav li a .megamenu-title { background-color: rgba(0, 0, 0, 0.03); font-size: 14px; font-weight: 700; } .mk-responsive-nav li ul { margin: 0; padding: 0 0 0 5px; } .mk-responsive-nav li ul .megamenu-widgets-container { display: none !important; } .mk-responsive-nav li ul li a, .mk-responsive-nav li ul li .megamenu-title { font-size: 12px; line-height: 12px; margin: 0; padding: 12px 15px 12px 15px; text-align: left; text-transform: none; font-weight: normal; } .mk-responsive-nav li .megamenu-title { font-weight: bold !important; font-size: 14px !important; } .mk-responsive-nav > .responsive-searchform { display: block !important; } .mk-responsive-nav li a { text-transform: none; } .OWM-responsive-wrap { position: relative; width: 100%; display: block!important; z-index: 20; height: auto!important; background: transparent; margin-bottom: 40px; white-space: nowrap; } @media screen and (max-width: 1249px) { .mk-responsive-nav li ul li .megamenu-title:hover, .mk-responsive-nav li ul li .megamenu-title, .mk-responsive-nav li a, .mk-responsive-nav li ul li a:hover, .mk-responsive-nav .mk-nav-arrow { font-family: inherit; font-size:16px; font-weight:400; color:#FFF; } } @media screen and (max-width: 767px) { .mk-responsive-nav li ul li .megamenu-title:hover, .mk-responsive-nav li ul li .megamenu-title, .mk-responsive-nav li a, .mk-responsive-nav li ul li a:hover, .mk-responsive-nav .mk-nav-arrow { font-size:14px!important; color:#FFF; font-weight:bold; } } .mk-responsive-nav li ul li a, .mk-responsive-nav li ul li .megamenu-title { font-size: 12px!important; margin-left:20px!important; font-weight:normal!important; } .mk-responsive-nav li ul li a:hover { font-size: 12px!important; } .mk-responsive-nav li ul li ul li a, .mk-responsive-nav li ul li ul li .megamenu-title { font-size: 12px; margin-left:50px!important; } /* MIN-HEIGHT FOR BANNER/VIDEO/SLIDER */ .responsive-height-auto {height:auto} .responsive-height-750 {height:750px} .responsive-height-700 {height:700px} .responsive-height-650 {height:650px} .responsive-height-600 {height:600px} .responsive-height-550 {height:550px} .responsive-height-500 {height:500px} .responsive-height-450 {height:450px} .responsive-height-400 {height:400px} .responsive-height-350 {height:350px} .responsive-height-300 {height:300px} .responsive-height-250 {height:250px} .responsive-height-200 {height:200px} @media only screen and (min-width: 1801px) { .responsive-height-1050 {height:1050px} .responsive-height-1000 {height:1000px} .responsive-height-950 {height:950px} .responsive-height-900 {height:900px} .responsive-height-850 {height:850px} .responsive-height-800 {height:800px} } @media only screen and (min-width: 1367px) and (max-width: 1800px) { .responsive-height-1050 {height:850px} .responsive-height-1000 {height:800px} .responsive-height-950 {height:750px} .responsive-height-900 {height:700px} .responsive-height-850 {height:650px} .responsive-height-800 {height:600px} } @media only screen and (max-width: 1366px) { .responsive-height-1050 {height:750px} .responsive-height-1000 {height:700px} .responsive-height-950 {height:650px} .responsive-height-900 {height:600px} .responsive-height-850 {height:550px} .responsive-height-800 {height:500px} } @media only screen and (max-width: 767px) { .responsive-height-1050 {height:550px} .responsive-height-1000 {height:500px} .responsive-height-950 {height:450px} .responsive-height-900 {height:400px} .responsive-height-850 {height:450px} .responsive-height-800 {height:400px} .responsive-height-750 {height:350px} .responsive-height-700 {height:300px} .responsive-height-650 {height:350px} .responsive-height-600 {height:300px} .responsive-height-550 {height:350px} .responsive-height-500 {height:300px} } /* MIN-HEIGHT FOR BANNER/VIDEO/SLIDER */ /* VIDEO TESTIMONIALS */ .videoarchive-icon-fullscreen-title, .videoarchive-icon-fullscreen-title a { letter-spacing: 0px!important; text-transform: none!important; font-size: 25px!important; /* background: #6c559a; */ color: #fff; text-align: center; font-style: inherit!important; font-weight: 200; padding-top: 0!important; padding-bottom: 0!important; line-height: 135%!important; margin-top: 0; margin-bottom: 0; padding: 15px; border-radius: 4px; transition:0.4s; } @media only screen and (max-width: 1800px) { .videoarchive-icon-fullscreen-title, .videoarchive-icon-fullscreen-title a { font-size: 17px!important; } } @media only screen and (max-width: 767px) { .videoarchive-icon-fullscreen-title, .videoarchive-icon-fullscreen-title a { font-size: 11px!important; } } .videoarchive-icon-fullscreen-break {display:block;} .videoarchive-icon-fullscreen {position:absolute; left:0; right:0; margin:0 auto;top:50%; margin-top: -140px;z-index:2; transition:0.4s;text-align: center;} .videoarchive-thumbnail {border-radius:10px; -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */ filter: blur(0px);transition:0.4s} .videoarchive-thumbnail:hover { filter: blur(0px); } .videoarchive-icon {position:absolute; left:0; right:0; margin:0 auto;top:50%; margin-top: -70px;z-index:2; transition:0.4s;text-align: center;} .videoarchive-icon-img {height:130px;width:130px; display: inline-block!important; transition:0.4s;} [data-featherlight] img { cursor: pointer!important; } .vt-image-a:hover {opacity:0.8!important;} .vt-grid-container {padding:0px;position:relative;margin-bottom: 50px;} .vt-grid {display: inline-block; margin:0; box-sizing: border-box;vertical-align: top;} .vt-image-container {text-align:center;width:100%;margin-bottom:0px;position:relative;} .vt-post-title, .vt-post-title a { letter-spacing: 0px!important; text-transform: none!important; font-size: 22px!important; color: #FFF; text-align: center; font-style: inherit!important; font-weight: 300; padding-top: 0!important; padding-bottom: 0!important; line-height: 135%!important; margin-top: 10px; margin-bottom: 10px; } .vt-post-title a:hover { opacity:0.8; } .vt-posttitle-container { position: absolute; bottom: -20px; left: 0; /* right: 100px; */ padding: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 0px; border-bottom-right-radius: 10px; transition: .4s; background: #6c559b; display: block; width:70%; } .vt-post-excerpt { /* font-size: 18px!important; */ color: #666!important; /* line-height: 150%!important; */ text-align: left; padding-bottom: 40px; font-weight: 300; } .vt-post-btn1 { background:none; padding:10px; border-radius:4px; text-align: center; transition: 0.4s; font-size:13px; color: #666!important; border: 1px solid #eee!important; position: absolute; bottom: 20px; } .vt-post-btn1-text { font-size: 14px!important; display: inline-block; transition: 0.4s; font-weight: lighter; padding-right: 40px; text-align: right; /* margin-bottom: 20px; */ /* margin-top: 20px; */ width: 100px; } @media only screen and (max-width: 550px) { .vt-posttitle-container { position:relative; width:100%; display:block; top:-10px; bottom:0px; border-bottom-left-radius: 10px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 10px; } .videoarchive-thumbnail { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .vt-grid-container {margin-bottom: 20px;} } @media only screen and (max-width: 767px) { .vt-grid {display: inline-block; margin:0; width:100%; box-sizing: border-box;} .vt-post-title, .vt-post-title a { font-size: 17px!important; } .vt-post-excerpt { font-size: 14px!important; } .videoarchive-icon {top:50%; margin-top: -45px;} .videoarchive-icon-img {height:80px;width:80px;} } /* END VIDEO TESTIMONIALS */ /* CALL TO ACTION PAGE */ a.custom-page-calltoaction-button { padding-left: 45px; padding-right: 45px; padding-top: 15px; padding-bottom: 15px; border: 0 solid #fff; border-radius: 10px; color: #FFF!important; font-size: 20px; background: #6c559b; text-align: center; display: inline-block; margin-bottom: 25px; cursor: pointer; transition: .4s; font-weight:400; } a.custom-page-calltoaction-button:hover { background-color: #6c559b!important; color:#FFF!important; } a.custom-page-calltoaction-button-mobile { padding-left: 22px; padding-right: 22px; padding-top: 6px; padding-bottom: 6px; border: 0 solid #fff; border-radius: 10px; color: #6c559b!important; font-size: 13px; background: #f7f7f7; text-align: center; display: inline-block; margin-bottom: 25px; cursor: pointer; transition: .4s; font-weight:400; } a.custom-page-calltoaction-button-mobile:hover { background-color: #FFF !important; color:#6c559b!important; } .custom-page-calltoaction-container {display:block;padding-bottom:40px;padding-top:40px;} .custom-page-calltoaction-icon {font-size:20px; margin-right:20px;} .custom-page-calltoaction-container-mobile, .custom-page-calltoaction-container-mobile-noimage { display:block;padding-bottom:40px;padding-top:40px;position:absolute; top:200px;right:30px; } .custom-page-calltoaction-container-mobile-noimage { top:-15px; } @media only screen and (max-width: 550px) { .page-id-7157 .custom-page-calltoaction-container-mobile-noimage { top:35px; } } .custom-page-calltoaction-icon-mobile {font-size:13px; margin-right:10px;} @media only screen and (max-width: 767px) { .custom-page-calltoaction-container {} .header-mobile-icons .burgermeny.wp-svg-menu-2{ background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; width: 39px; height: 23px; margin-top: 15px; } i.header-mobile-icon-notitle.header-mobile-icon-padding.burgermeny.spinEffect.slideIcon.wp-svg-close.close{ background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain; width: 44px; height: 44px; margin-top: 5px; } .page-id-2 video, .page-id-2973 video{ height: fit-content; } } @media only screen and (min-width: 768px) { .custom-page-calltoaction-container-mobile, .custom-page-calltoaction-container-mobile-noimage {display:none} } /* CALL TO ACTION PAGE */ /* STATIC BUTTONS */ .app-staticbutton-container {transition:0.4s; width:100%;position:relative; margin-top:40px; margin-bottom:40px;} .app-staticbutton-linkbutton {transition:0.4s; display:inline-block; width:auto; border-radius:50px; padding-left:40px; padding-right:40px; text-align:center; padding-top:15px; padding-bottom:15px; font-weight:400;} .app-sb-style1 {background:#6c559b ;color:#FFF;} .app-sb-style2 {background:#333 ;color:#FFF;} .app-sb-style3 {background:#6c559b ;color:#FFF;} .app-sb-size-small {font-size:13px; padding: 10px 20px 10px 20px;} .app-sb-size-default {font-size:inherit} .app-sb-size-large {font-size:23px; padding: 20px 40px 20px 40px;} .app-sb-size-xlarge {font-size:30px; padding: 25px 40px 25px 40px;} .app-sb-alignleft {text-align:left} .app-sb-aligncenter {text-align:center} .app-sb-alignright{text-align:right} .app-sb-icon {margin-right:15px;} @media screen and (max-width: 550px) { .app-staticbutton-linkbutton {width:100%;} .app-sb-size-large {font-size:18px; padding: 20px 40px 20px 40px;} .app-sb-size-xlarge {font-size:25px; padding: 25px 40px 25px 40px;} } /* STATIC BUTTONS */ .grecaptcha-badge { visibility: visible !important; z-index: 99;}