@import url('https://www.partnerdialog.dk/wp-content/themes/pdm/css/style.old.css'); /*FILESTART */ /* 10Web Booster optimized this CSS file */ img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ /*FILESTART */ /* 10Web Booster optimized this CSS file */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ /*FILESTART */ /* 10Web Booster optimized this CSS file */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ /*FILESTART */ /* 10Web Booster optimized this CSS file */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ /*FILESTART /www/partnerdialog_900/public/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/menu-item/style.min.css */ .wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center} /*FILESTART /www/partnerdialog_900/public/wp-content/themes/pdm/style.css */ /* Theme Name: Partner Dialog v2.0 Theme URI: https://partnerdialog.dk Author: Martin Hobert Author URI: http://dosh./ Description: Theme made for Partner Dialog located in Copenhagen, programmed by Martin Hobert. Version: 2.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* ; ; */ /* @import url('https://www.partnerdialog.dk/wp-content/themes/pdm/css/main.css'); */ /*FILESTART /www/partnerdialog_900/public/wp-content/themes/pdm/css/main.css */ /*;*/ /* cyrillic-ext */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXpsog.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; font-display: swap; } /* cyrillic */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXpsog.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* vietnamese */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXpsog.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; font-display: swap; } /* latin-ext */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXpsog.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/montserrat/v25/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } /* cyrillic */ @font-face { font-family: "Jost"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/jost/v14/92zPtBhPNqw79Ij1E865zBUv7myjJTVFNIg8mg.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; font-display: swap; } /* latin-ext */ @font-face { font-family: "Jost"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/jost/v14/92zPtBhPNqw79Ij1E865zBUv7myjJTVPNIg8mg.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display: swap; } /* latin */ @font-face { font-family: "Jost"; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/jost/v14/92zPtBhPNqw79Ij1E865zBUv7myjJTVBNIg.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display: swap; } html { scroll-behavior: smooth; } header { background: #ffffff 0% 0% no-repeat padding-box; } header ul li a:hover { color: #6eaec5; } h2 { font: normal normal 500 30px/45px Jost !important; scroll-margin-top: 4em !important; } h3 { font: normal normal 500 20px/45px Jost !important; scroll-margin-top: 4em !important; } h4 { scroll-margin-top: 4em !important; } .gform_wrapper .gform_validation_errors { display: none; } .wpml-ls-menu-item .wpml-ls-flag { width: 18px; height: 12px; } .background_color { background: #f4f4f4 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); } .fuld { display: none; } .page-id-18 .fuld { display: block; } .page-id-1557 .fuld { display: block; } header ul li a { font: normal normal 500 13px/16px Jost; letter-spacing: 0px; color: #03005f; } nav#mainNav { height: 79px; /* position: fixed; */ position: fixed; top: 35px; z-index: 500; /* margin: auto; */ /* left: 0; */ /* right: 0; */ background-color: white; width: 100%; max-width: 100%; display: flex; justify-content: space-around; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } nav#mainNav #logo { max-width: 276px; height: 44px; } nav#mainNav ul li a { color: #01035b; -webkit-transition: all 0.4s; transition: all 0.4s; text-decoration: none; font: normal normal 500 19px/24px Jost; } #mainNav .menu li:last-child a { width: fit-content; background-color: transparent; border-radius: 0; font: normal normal 500 19px/24px Jost; padding: 0; color: #01035b; background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white; text-decoration: none; padding: 9px 20px; } #mainNav .menu li:last-child a:hover { background: #92bade 0% 0% no-repeat padding-box; color: #03065f; width: 222px; } /* BBH Rettelser */ .home #mainContent { float: unset; margin: auto; width: 100%; max-width: 860px; } .home main { display: none; } .hero-button { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white; width: 182px; text-decoration: none; padding: 10px 20px 15px 20px; font: normal normal 500 19px/24px Jost; position: relative; z-index: 475; /* text-transform: uppercase;; */ } .hero-button:hover { background: #92bade 0% 0% no-repeat padding-box; color: #03065f; /* width: 222px; */ } .hero-button:hover svg { fill: #03065f; } .page-id-1626 .hero-button { width: 215px; } /* .hero-button:hover:before { content:"START DIALOG"; } .page-id-1626 .hero-button:hover:before { content:"GET IN TOUCH"; } */ .hero-button svg { position: relative; top: 7px; left: 6px; fill: white; } .cls-1 { fill: #fff !important; } .cls-2 { fill: #fff; } /* .hero-button:hover > svg{ fill:#03065F!important; } .hero-button svg{ position: relative; top: 7px; } */ /*--======================================== = Header - Sub pages = =========================================--*/ .single-post .hero-sub-section { margin-top: 70px; top: 0; } .hero-sub-section { height: 500px; top: 50px; position: relative; } .hero-sub-section img { width: 100%; height: 500px; object-fit: cover; } .hero-sub-section svg { position: absolute; bottom: -1px; z-index: 3; } .hero-sub-section .after { position: absolute; /* display: none; */ width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.45); z-index: 2; } .hero-sub-section .headline h1 { font: normal normal 500 50px/73px Jost; letter-spacing: 0px; color: #ffffff; } .hero-sub-section .hero-subheading { font: normal normal normal 16px/25px Jost; letter-spacing: 0px; color: #ffffff; } .hero-sub-section .headline-text .button { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white; width: 182px; text-decoration: none; padding: 10px 20px 10px 20px; font: normal normal 500 19px/24px Jost; position: relative; z-index: 999; top: 25px; text-transform: uppercase; } .hero-sub-section .button:hover { background: #92bade 0% 0% no-repeat padding-box; color: #03065f; } .hero-sub-section .button > svg { fill: #03065f !important; } .hero-sub-section .button svg { position: relative; top: 7px; left: 6px; } .hero-sub-section .headline { position: relative; top: -390px; /* left: 18.5%; */ /* max-width: 50%; */ z-index: 4; width: 100%; max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; padding-left: 40px; } .hero-sub-section .headline .headline-text { display: flex; flex-direction: column; max-width: 550px; justify-content: center; } .hero-sub-section .contact-form { position: relative; /* background: #ffffff73; */ box-sizing: border-box; display: flex; height: 265px; top: 0; left: -150px; flex-direction: column; /* background-color: rgba(254,254,254,.85); */ width: calc(33% - 80px); padding: 20px; /* color: #37393c !important; */ /* box-shadow: 0px 0px 16px #00000029; */ border-radius: 4px; z-index: 352; min-width: 300px; } .hero-sub-section .contact-form span { margin-bottom: 10px; color: #ffffff; font: normal normal 500 30px/45px Jost !important; } /*************************************** Footer ***************************************/ footer { position: relative; min-height: 500px; background: #d6e5f3 0% 0% no-repeat padding-box; } #Layer_2 { position: absolute; top: -1px; left: 0; } footer .sectionContainer { margin-top: 140px; width: 100%; max-width: 1280px; position: relative; } footer .sectionContainer section:nth-child(1) { width: 30%; } footer .sectionContainer section:nth-child(1) img { margin-left: 30px; } footer .sectionContainer section:nth-child(2) { width: 25%; } footer .sectionContainer section:nth-child(3) { width: 22%; } footer .sectionContainer section:nth-child(4) { width: 20%; } footer section h4 { font: normal normal 500 25px/36px Jost; letter-spacing: 0px; color: #03005f; } footer section a { text-align: left; font: normal normal 500 15px/25px Jost; color: #000000; } footer section p { text-align: left; font: normal normal 500 15px/25px Jost; color: #000000; } footer section ul li { margin-bottom: 0; } footer section:nth-child(4) .textwidget p { display: flex; flex-wrap: wrap; } footer section:nth-child(4) .textwidget p a { width: 33%; } @media only screen and (max-width: 1010px) { footer .sectionContainer { margin-top: 0; } footer .sectionContainer section:nth-child(1) { width: 100%; } footer .sectionContainer section:nth-child(2) { width: 100%; } footer .sectionContainer section:nth-child(3) { width: 100%; } footer .sectionContainer section:nth-child(4) { width: 100%; } footer section h4 { text-align: center; } footer section a { text-align: center; } footer section p { text-align: center; } footer section ul li { text-align: center; } } @media only screen and (max-width: 620px) { } /* #mainNav .menu li:last-child a, .mobmenu-content #mobmenuright li:last-child a{ width: fit-content; background-color: #6eaec5; border-radius: 5px; font-family: Montserrat,sans-serif; padding: 12px 35px; color: #fff; } #mainNav .menu li:last-child a:hover{ opacity: 0.8; } */ /*************************************** Front page hero ***************************************/ .hero-section { height: 500px; position: relative; top: 60px; } .hero-overlay { height: 500px; } .hero-container { width: 100%; max-width: 1280px; margin: 0 auto; display: flex; justify-content: space-between; top: 40px; position: relative; } .hero-content { text-align: left; padding: 5% 0; position: relative; display: flex; flex-direction: column; max-width: 550px; padding-left: 40px; } .hero-content h1 { font: normal normal bold 40px/55px Jost; } .hero-content .hero-subheading { font: normal normal normal 16px/25px Jost; letter-spacing: 0px; color: #ffffff; } .hero-content .hero-subheading-mobile { font: normal normal normal 16px/25px Jost; letter-spacing: 0px; color: #ffffff; margin-bottom: 20px; display: none; } #Layer_hero { position: absolute; bottom: 0; } .hero-container .contact-form { position: relative; /* background: #ffffff73; */ box-sizing: border-box; /* display: flex; */ max-height: 299px; top: 20px; left: -160px; flex-direction: column; /* background-color: rgba(254,254,254,.85); */ width: calc(33% - 80px); padding: 40px; /* color: #37393c !important; */ /* box-shadow: 0px 0px 16px #00000029; */ /* border-radius: 4px; */ z-index: 352; } .hero-container .contact-form h2 { margin-bottom: 10px; color: #ffffff !important ; } #input_7_2 { background: #ffffff 0% 0% no-repeat padding-box; border-radius: 5px; height: 40px; border: none; } #input_7_2::placeholder { font: normal normal medium 15px/20px Montserrat; letter-spacing: 0px; color: #000000; } #input_7_5 { background: #ffffff 0% 0% no-repeat padding-box; border-radius: 5px; height: 40px; border: none; } #input_7_5::placeholder { font: normal normal medium 15px/20px Montserrat; letter-spacing: 0px; color: #000000; } #input_7_3 { border: none; background: #ffffff 0% 0% no-repeat padding-box; border-radius: 5px; height: 40px; } #input_7_3::placeholder { font: normal normal medium 15px/20px Montserrat; letter-spacing: 0px; color: #000000; } .gform_wrapper.gravity-theme .gform_footer { padding: 0 !important; } #input_8_2 { background: #ffffff 0% 0% no-repeat padding-box; border-radius: 5px; border: none; height: 40px; } #input_8_2::placeholder { font: normal normal medium 15px/20px Montserrat; letter-spacing: 0px; color: #000000; } #input_8_5 { background: #ffffff 0% 0% no-repeat padding-box; border-radius: 5px; border: none; height: 40px; } #input_8_5::placeholder { font: normal normal medium 15px/20px Montserrat; letter-spacing: 0px; color: #000000; } #input_8_3 { background: #ffffff 0% 0% no-repeat padding-box; border-radius: 5px; border: none; height: 40px; } #input_8_3::placeholder { font: normal normal medium 15px/20px Montserrat; letter-spacing: 0px; color: #000000; } /*************************************** Our customers ***************************************/ .our-customers { max-width: 100%; padding: 50px 40px; } .our-customers .container { position: relative; } .our-customers .container .headline { display: flex; overflow-x: auto; padding: 10px 0; flex-wrap: nowrap; margin-left: auto; max-width: 1600px; justify-content: space-between; } .our-customers .container .headline svg { position: relative; left: -160px; } .our-customers .container .headline h2 { font: normal normal 500 38px/55px Jost; letter-spacing: 0px; color: #03005f; } .our-customers .content .container-slider { display: flex; overflow-x: auto; padding: 10px 0; flex-wrap: nowrap; margin-left: auto; max-width: 1600px; align-items: center; height: 102px; } .our-customers .content .col { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .our-customers .content .col img { max-width: 226px; height: auto; max-height: 60px; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); background: center no-repeat; background-size: cover; position: relative; } .container-slider::-webkit-scrollbar { width: 2px !important; } /* Track */ .container-slider::-webkit-scrollbar-track { background: rgb(3, 0, 95); border: 7px solid transparent; background-clip: content-box; /* THIS IS IMPORTANT */ margin-left: 12px; } /* Handle */ .container-slider::-webkit-scrollbar-thumb { background: rgb(3, 0, 95); border-top: 4px solid transparent; border-bottom: 4px solid transparent; background-clip: content-box; } /*************************************** Skills ***************************************/ .home .skills { width: 100%; margin: auto auto 0px; max-width: 1280px; padding: 0 40px 55px 40px; margin-top: -40px; } .skills { width: 100%; margin: auto auto 15px; max-width: 1280px; padding: 0 40px; } .skills .container .headline { margin: 15px 0; } .skills .container .headline h2 { font: normal normal 500 38px/55px Jost; letter-spacing: 0px; color: #03005f; } .skills .skill-container { display: flex; flex-wrap: wrap; justify-content: space-around; } .skills .skill-container .col { width: 285px; height: 265px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); border-radius: 47px; position: relative; display: flex; flex-direction: column; margin-bottom: 20px; cursor: pointer; } .skills .skill-container .col:nth-child(1) { background: #9fc7d9 0% 0% no-repeat padding-box; } .skills .skill-container .col:nth-child(2) { background: #7dadc3 0% 0% no-repeat padding-box; } .skills .skill-container .col:nth-child(3) { background: #5489a3 0% 0% no-repeat padding-box; } .skills .skill-container .col:nth-child(4) { background: #385765 0% 0% no-repeat padding-box; } .skills .skill-container .col:hover { transform: scale(1.1); transition: transform 330ms ease-in-out; } .skills .skill-container .col .text-container { padding: 40px 40px; position: absolute; box-sizing: border-box; } .skills .skill-container .col .text-container h2 { font: normal normal 500 23px/34px Jost; letter-spacing: 0px; color: #ffffff; } .skills .skill-container .col .text-container h3 { font: normal normal 500 23px/34px Jost; letter-spacing: 0px; color: #ffffff; margin-bottom: 10px; } .skills .skill-container .col .text-container p { font: normal normal normal 14px/20px Jost; letter-spacing: 0px; color: #ffffff; } .skills .skill-container .col .link { position: absolute; bottom: 60px; left: 40px; } .skills .skill-container .col .link a { font: normal normal 500 13px/20px Jost; text-transform: uppercase; color: #ffffff; text-decoration: none; } .skills .skill-container .col .link svg { position: relative; top: 6px; left: 10px; } /*--======================================== = Contact blue section = =========================================--*/ .contact-section { background-color: #d5e5f2; padding: 0px 0; border-radius: 0px 25px 200px 0px; box-shadow: 20px 20px 2px #e5eef4; width: 90%; margin-bottom: 30px; } .contact-section .container { display: flex; margin: 0 auto; width: 100%; justify-content: center; align-items: center; } .contact-section .container .headline { margin-top: 80px; width: 30%; margin-right: 30px; } .contact-section .container .headline h2 { font: normal normal 500 38px/55px Jost; letter-spacing: 0px; color: #03005f; } .contact-section .container .headline p { font: normal normal 500 16px/23px Jost; letter-spacing: 0px; color: #000000; } .contact-section .container .headline img { margin-top: 20px; } .contact-section .gravity-from { margin-top: 80px; width: 35%; } .ginput_container_consent .gfield_consent_label { font: normal normal normal 11px/16px Jost !important; letter-spacing: 0px !important; color: #ffffff !important; } #gform_submit_button_3 { font: normal normal 500 19px/24px Jost; max-width: 170px; } #gform_submit_button_5 { font: normal normal 500 19px/24px Jost; max-width: 170px; } #gform_fields_3 { display: flex; flex-direction: column; } #gform_fields_3 li { width: 100%; } #gform_fields_3 label { color: black; font: normal normal 500 15px/20px Jost; } #gform_fields_3 input { border: none; background: transparent; border-bottom: 1px solid black; } #gform_3 { width: 100%; display: flex; flex-direction: column; } #gform_3 .gform_body { width: 100% !important; float: left; } #gform_wrapper_3 .gform_footer.top_label { float: right; width: 100%; clear: inherit; } #gform_wrapper_3.gform_wrapper .gform_footer { margin-top: 10px; } #gform_fields_5 { display: flex; flex-direction: column; } #gform_fields_5 li { width: 100%; } #gform_fields_5 label { color: black; font: normal normal 500 15px/20px Jost; } #gform_fields_5 input { border: none; background: transparent; border-bottom: 1px solid black; } #gform_5 { width: 100%; display: flex; flex-direction: column; } #gform_5 .gform_body { width: 100% !important; float: left; } #gform_wrapper_5 .gform_footer.top_label { float: right; width: 100%; clear: inherit; } #gform_wrapper_5.gform_wrapper .gform_footer { margin-top: 10px; } .gform_footer input { background: #03065f 0% 0% no-repeat padding-box; border: none; border-radius: 5px; /* padding: 15px 45px 15px 30px; */ padding: 15px 30px 15px 30px; color: white; font: normal normal 500 19px/24px Jost; margin-top: 10px; } .gform_footer input:hover { background: #7797c4 0% 0% no-repeat padding-box; font: normal normal 500 19px/24px Jost; color: #03065f; } /* .gravity-from svg{ position: absolute; margin-top: -64px; margin-left: 127px; } .change-svg-color{ fill:#03065F!important; }*/ @media only screen and (max-width: 900px) { .contact-section { height: fit-content; width: 100%; } .contact-section .container { flex-direction: column; } .contact-section .container .headline { margin-top: 20px; width: 70%; } .contact-section .gravity-from { margin-top: 20px; width: 70%; } .gform_footer input { background: #03065f 0% 0% no-repeat padding-box; border: none; border-radius: 5px; /* padding: 15px 45px 15px 30px; */ padding: 10px 15px 10px 15px; color: white; font: normal normal 500 19px/24px Jost; margin-top: 10px; } .gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type="submit"] { width: 70% !important; } } /*--======================================== = 3col - Leadership = =========================================--*/ .col3-leadership-section { width: 100%; margin: auto auto 0px; max-width: 1280px; padding: 55px 40px 55px 40px; } .col3-leadership-section .container .headline { display: flex; flex-wrap: nowrap; justify-content: space-between; } .col3-leadership-section .container .headline .link { position: relative; top: 8px; } .col3-leadership-section .container .headline a { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white; text-decoration: none; padding: 15px 20px; font: normal normal 500 19px/24px Jost; } .col3-leadership-section .container .headline a:hover { background: #92bade 0% 0% no-repeat padding-box; color: #03065f; } .col3-leadership-section .container .headline a:hover > svg { fill: #03065f !important; } .col3-leadership-section .container .headline svg { position: relative; top: 7px; } .col3-leadership-section .container .headline h2 { font: normal normal 500 38px/55px Jost; letter-spacing: 0px; color: #03005f; } .col3-leadership-section .container .inner-container { display: flex; flex-wrap: wrap; margin: 0 auto; margin-top: 130px; } .col3-leadership-section .container .inner-container .card { width: 320px; height: 300px; background: #f4f4f4 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); border-radius: 47px; display: flex; box-sizing: border-box; padding: 20px; flex-direction: column; position: relative; margin-left: 60px; } .col3-leadership-section .container .inner-container .card img { width: 119px; height: 132px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); border-radius: 27px; position: absolute; top: -66px; left: 100px; } .col3-leadership-section .container .inner-container .card h4 { text-align: center; font: normal normal 500 20px/50px Jost; letter-spacing: 0px; color: #03005f; margin-bottom: -15px; margin-top: 40px; } .col3-leadership-section .container .inner-container .card .sub { text-align: center; font: normal normal normal 15px/38px Jost; letter-spacing: 0px; color: #03005f; margin-bottom: 18px; } .col3-leadership-section .container .inner-container .card a { text-align: center; font: normal normal normal 15px/20px Jost; letter-spacing: 0px; color: #03005f; } .col3-leadership-section .container .inner-container .card p { text-align: center; font: normal normal normal 15px/20px Jost; letter-spacing: 0px; color: #000000; margin-top: 18px; } @media only screen and (max-width: 1200px) { .col3-leadership-section .container .inner-container .card { margin-bottom: 75px; } } @media only screen and (max-width: 900px) { .col3-leadership-section .container .headline { display: flex; flex-direction: column; } } @media only screen and (max-width: 500px) { .col3-leadership-section .container .inner-container .card { margin: auto; margin-bottom: 100px; } } /*--======================================== = 3col - Leadership = =========================================--*/ .col1-leadership-section { width: 100%; margin: auto auto 55px; max-width: 1280px; margin-top: 55px; padding: 0 40px; } .col1-leadership-section .container .headline { width: 60%; margin-bottom: 55px; } .col1-leadership-section .container .headline h2 { text-align: left; font: normal normal 500 38px/50px Jost; letter-spacing: 0px; color: #03005f; } .col1-leadership-section .container .headline p { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #000000; } .col1-leadership-section .container .inner-container { display: flex; flex-wrap: wrap; margin: 0 auto; justify-content: center; margin-left: 104px; } .col1-leadership-section .container .inner-container .card-container { width: 100%; margin-bottom: 55px; position: relative; } .col1-leadership-section .container .inner-container .card { max-width: 800px; height: 390px; background: #f4f4f4 0% 0% no-repeat padding-box; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); border-radius: 47px; display: flex; box-sizing: border-box; padding: 20px 120px; flex-direction: column; position: relative; margin-left: 60px; } .col1-leadership-section .container .inner-container img { width: 216px; height: 240px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); border-radius: 27px; position: absolute; top: 66px; left: -104px; z-index: 2; } .col1-leadership-section .container .inner-container .card h4 { font: normal normal 500 28px/50px Jost; letter-spacing: 0px; color: #03005f; margin-bottom: -5px; margin-top: 15px; } .col1-leadership-section .container .inner-container .card .sub { font: normal normal normal 20px/38px Jost; letter-spacing: 0px; color: #03005f; margin-bottom: 10px; } .col1-leadership-section .container .inner-container .card a { font: normal normal normal 15px/20px Jost; letter-spacing: 0px; color: #03005f; } .col1-leadership-section .container .inner-container .card p { font: normal normal normal 15px/20px Jost; letter-spacing: 0px; color: #000000; margin-top: 18px; } @media only screen and (max-width: 1000px) { .col1-leadership-section .container .inner-container .card { height: fit-content; } } @media only screen and (max-width: 650px) { .col1-leadership-section .container .headline { width: 100%; margin: -60px 0 210px 0; } .col1-leadership-section .container .inner-container { margin-left: 0; } .col1-leadership-section .container .inner-container .card { padding: 20px; margin-left: 0; } .col1-leadership-section .container .inner-container img { top: -122px; left: 30%; width: 196px; height: 210px; } .col1-leadership-section .container .inner-container .card-container { margin-bottom: 178px; } } @media only screen and (max-width: 500px) { .col1-leadership-section .container .inner-container .card { margin: auto; margin-bottom: 30px; } } @media only screen and (max-width: 650px) { .col1-leadership-section .container .inner-container img { left: 60%; } } @media only screen and (max-width: 500px) { .col1-leadership-section .container .inner-container img { left: 27%; top: -175px; } } @media only screen and (max-width: 400px) { .col1-leadership-section .container .inner-container img { left: 19%; } } /*--======================================== = 2 col - Text = =========================================--*/ .col2-text { width: 100%; padding: 55px 40px; } .col2-text .container { margin: auto auto 0px; max-width: 1200px; } .col2-text .container .headline h2 { font: normal normal 500 38px/55px Jost; letter-spacing: 0px; color: #03005f; max-width: 415px; margin-bottom: 20px; } .col2-text .container .inner-container { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; justify-content: space-between; } .col2-text .container .inner-container .left-text { width: 47%; } .col2-text .container .inner-container .left-text p { font: normal normal normal 15px/21px Jost; } .col2-text .container .inner-container .right-text { width: 47%; } .col2-text .container .inner-container .right-text p { font: normal normal normal 15px/21px Jost; } .col2-text .container .inner-container .right-text .link { margin: 20px 0; } .col2-text .container .inner-container .right-text .link a { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white; text-decoration: none; padding: 15px 20px; font: normal normal 500 19px/24px Jost; } .col2-text .container .inner-container .right-text a:hover { background: #92bade 0% 0% no-repeat padding-box; color: #03065f; } .col2-text .container .inner-container .right-text a:hover > svg { fill: #03065f !important; } .col2-text .container .inner-container .right-text svg { position: relative; top: 7px; } @media only screen and (max-width: 700px) { .col2-text .container .inner-container .left-text { width: 100%; } .col2-text .container .inner-container .right-text { width: 100%; } } /*--======================================== = 1 col - Text = =========================================--*/ .home .col1-text { /* max-width: 1280px; margin: auto auto 0px; */ } .col1-text { width: 100%; } .col1-text .container { margin: auto auto 0px; max-width: 1280px; padding: 55px 40px; } .col2-text .container .inner-container { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; justify-content: space-between; } .col1-text.container .inner-container .left-text { width: 100%; } .col1-text .container .inner-container .left-text ul { list-style-type: disc; list-style-position: inside; margin-bottom: 25px; margin-top: 25px; margin-left: 30px; } .col1-text .container .inner-container .left-text h2 { font: normal normal 500 38px/50px Jost; letter-spacing: 0px; color: #03005f; } .col1-text .container .inner-container .left-text p { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #000000; } .col1-text .container .inner-container .left-text li { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #000000; } .col1-text .container .inner-container .left-text .link { margin: 20px 0; } .col1-text .container .inner-container .left-text .link a { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white; text-decoration: none; padding: 15px 20px; font: normal normal 500 19px/24px Jost; } .col1-text .container .inner-container .left-text a:hover { background: #92bade 0% 0% no-repeat padding-box; color: #03065f; } .col1-text .container .inner-container .left-text a:hover > svg { fill: #03065f !important; } .col1-text .container .inner-container .left-text svg { position: relative; top: 7px; } @media only screen and (max-width: 700px) { .col2-text .container .inner-container .left-text { width: 100%; } .col2-text .container .inner-container .right-text { width: 100%; } } /*--======================================== = 2 Col - Sidebar - Text section = =========================================--*/ .home .col2-sidebar-text { margin: auto auto 55px; max-width: 1280px; } .col2-sidebar-text { width: 100%; padding: 50px 40px; } .col2-sidebar-text .container { margin: auto auto 55px; max-width: 1280px; } .col2-sidebar-text.container .inner-container .left-text { width: 100%; } .col2-sidebar-text .container .inner-container .left-text h2 { font: normal normal 500 38px/50px Jost; letter-spacing: 0px; color: #03005f; } .col2-sidebar-text .container .inner-container .left-text p { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #000000; } .col2-sidebar-text .container .inner-container .left-text li { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #000000; } .col2-sidebar-text .container .inner-container .left-text .link { position: relative; top: 40px; } .col2-sidebar-text .container .inner-container .left-text .link a { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white; text-decoration: none; padding: 15px 20px; font: normal normal 500 19px/24px Jost; } .col2-sidebar-text .container .inner-container .left-text a:hover { background: #92bade 0% 0% no-repeat padding-box; color: #03065f; } .col2-sidebar-text .container .inner-container .left-text a:hover > svg { fill: #03065f !important; } .col2-sidebar-text .container .inner-container .left-text svg { position: relative; top: 7px; } /*--======================================== = 2 col - Headline - Text = =========================================--*/ .col2-headline-text { width: 100%; padding: 55px 20px; } .col2-headline-text .container { margin: auto auto 55px; max-width: 1280px; } .col2-headline-text .container .inner-container { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; justify-content: center; } .col2-headline-text .container .inner-container .left-text { width: 28%; margin-right: 60px; } .col2-headline-text .container .inner-container h2 { font: normal normal bold 38px/55px Jost; letter-spacing: 0px; color: #03005f; max-width: 415px; margin-bottom: 20px; } .col2-headline-text .container .inner-container .right-text { width: 50%; } .col2-headline-text .container .inner-container .right-text p { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: black; } @media only screen and (max-width: 700px) { .col2-headline-text .container .inner-container .left-text { width: 100%; } .col2-headline-text .container .inner-container .right-text { width: 100%; } } /*--======================================== = Blog archive = =========================================--*/ .blog-archive { width: 100%; margin: auto auto 5px; max-width: 1200px; padding: 55px 0; } .blog-archive .text h2 { text-align: left; letter-spacing: 0px; color: #03005f; } .blog-archive .text p { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #000000; } .blog-archive .blog-archive-container { padding: 50px 0px; } .blog-archive .blog-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; } .blog-archive .blog-container .blog-item-container { background: #ffffff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .blog-archive .blog-container .blog-item-container:hover { transform: translateY(-5px); box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .blog-archive .blog-container .blog-item-container img { width: 100%; height: 200px; object-fit: cover; } .blog-archive .blog-container .blog-info { padding: 20px; } .blog-archive .blog-container .blog-info .blog-post-headline h4 { font: normal normal 500 20px/28px Jost; letter-spacing: 0px; color: #03005f; margin: 0 0 10px 0; } .blog-archive .blog-container .blog-info .blog-post-headline h4 a { text-decoration: none; color: #03005f; transition: color 0.3s ease; } .blog-archive .blog-container .blog-info .blog-post-headline h4 a:hover { color: #6eaec5; } .blog-archive .blog-meta { font: normal normal normal 14px/20px Jost; color: #666; margin-bottom: 15px; } .blog-archive .blog-meta .blog-date, .blog-archive .blog-meta .blog-author { margin-right: 15px; } .blog-archive .blog-excerpt { font: normal normal normal 15px/22px Jost; color: #333; margin-bottom: 15px; } .blog-archive .read-more-link { text-decoration: none; color: #03005f; font: normal normal 500 15px/20px Jost; display: inline-flex; align-items: center; transition: color 0.3s ease; } .blog-archive .read-more-link:hover { color: #6eaec5; } .blog-archive .read-more-link svg { position: relative; top: 2px; margin-left: 5px; transition: transform 0.3s ease; } .blog-archive .read-more-link:hover svg { transform: translateX(3px); } .blog-archive .blog-pagination { margin-top: 50px; text-align: center; } .blog-archive .blog-pagination .page-numbers { display: inline-block; padding: 10px 15px; margin: 0 5px; background: #f0f0f0; color: #03005f; text-decoration: none; border-radius: 4px; font: normal normal 500 16px/20px Jost; transition: all 0.3s ease; } .blog-archive .blog-pagination .page-numbers:hover, .blog-archive .blog-pagination .page-numbers.current { background: #03005f; color: #ffffff; } /*--======================================== = Blog table of contents and text section = =========================================--*/ .col2-toc-text { width: 100%; margin: auto auto 5px; max-width: 1200px; } .col2-toc-text .container { display: flex; flex-wrap: wrap; justify-content: space-between; } .col2-toc-text .toc-container { width: 300px; float: left; -webkit-transition: all 0.4s; transition: all 0.4s; margin-top: 13px; } .col2-toc-text .toc-container aside span { text-align: left; font: normal normal 500 20px/29px Jost !important; letter-spacing: 0px; color: #03005f; } .col2-toc-text .toc-container aside ul li { margin-bottom: 15px; list-style-image: url(https://www.partnerdialog.dk/wp-content/themes/pdm/css/../img/list-style.png); line-height: 16px; } .col2-toc-text .toc-container aside ul li a { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #03005f; scroll-margin-top: 5em; } .col2-toc-text .left-container h2 { text-align: left; letter-spacing: 0px; color: #03005f; } .col2-toc-text .left-container p { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #000000; } .col2-toc-text .left-container { width: calc(100% - 500px); float: right; line-height: 1.5; color: #363e46; } /*--======================================== = 2 col - img Text = =========================================--*/ .col2-img-text { width: 100%; padding: 55px 40px 55px 40px; } .col2-img-text .container { margin: auto auto 5px; max-width: 1280px; } .col2-img-text .container .inner-container { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; justify-content: center; } .col2-img-text .container .inner-container .left-text { width: 50%; } .col2-img-text .container .inner-container .left-text .images { position: relative; } .col2-img-text .container .inner-container .left-text .images img { width: 377px; height: 523px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); border-radius: 47px; } .col2-img-text .container .inner-container .left-text .images .front { width: 315px; height: 422px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); border-radius: 47px; border-radius: 47px; position: absolute; left: 35%; top: 29%; } .col2-img-text .container .inner-container .left-text .images .front-single { width: 315px; height: 437px; position: relative; left: 35%; top: 29%; } .col2-img-text .container .inner-container .right-text { width: 40%; } .col2-img-text .container .inner-container .right-text span { display: flex; margin-bottom: 20px; } .col2-img-text .container .inner-container .right-text li { font: normal normal normal 16px/21px Jost; width: 60%; } .col2-img-text .container .inner-container .right-text h2 { font: normal normal bold 38px/55px Jost; letter-spacing: 0px; color: #03005f; max-width: 415px; margin-bottom: 20px; } .col2-img-text .container .inner-container .right-text p { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #000000; } .col2-img-text .container .inner-container .right-text .link { margin: 20px 0; } .col2-img-text .container .inner-container .right-text a { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white; text-decoration: none; padding: 15px 20px; font: normal normal 500 19px/24px Jost; } .col2-img-text .container .inner-container .right-text a:hover { background: #92bade 0% 0% no-repeat padding-box; color: #03065f; } .col2-img-text .container .inner-container .right-text a:hover > svg { fill: #03065f !important; } .col2-img-text .container .inner-container .right-text a svg { position: relative; top: 7px; } @media only screen and (max-width: 1146px) { .col2-img-text .container .inner-container { justify-content: center; } .col2-img-text .container .inner-container .right-text { width: 100%; } .col2-img-text .container .inner-container .left-text .images .front-single { display: none; } } @media only screen and (max-width: 1050px) { .col2-img-text .container .inner-container .left-text { width: 100%; } .col2-img-text .container .inner-container { justify-content: start; } .col2-img-text .container .inner-container .left-text .images .back { width: 236px; height: 327px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); border-radius: 47px; } .col2-img-text .container .inner-container .left-text .images .front { width: 197px; height: 273px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); border-radius: 47px; border-radius: 47px; position: absolute; left: 35%; top: 29%; } } @media only screen and (max-width: 764px) { } @media only screen and (max-width: 420px) { } .page-id-18 main { display: none; } .page-id-2494 .hero-sub-section .contact-form { display: none !important; } /*************************************** Main content index ***************************************/ main { } #index_main_content { padding: 55px 0 0 0; max-width: 1200px; } #index_main_content #mainContent { width: calc(100% - 500px); } .mob_h1 { font: normal normal 500 38px/50px Jost; letter-spacing: 0px; color: #03045f; } main nav#subMenu ul li a { font: normal normal normal 20px/21px Jost; letter-spacing: 0px; color: #03045f; } main nav#subMenu ul li ul li a { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: #84b1c6; } main nav#subMenu .current_page_item a { font: normal normal bold 15px/21px Jost; letter-spacing: 0px; color: #03045f; } main nav#subMenu ul li a:hover { color: #03045f; } main nav#subMenu ul li::marker { display: none; } main #mainContent h1 { font: normal normal 500 38px/50px Jost; letter-spacing: 0px; color: #03005f; } main #mainContent h2 { font: normal normal 500 38px/50px Jost; letter-spacing: 0px; color: #03005f !important; } main #mainContent h3 { font: normal normal 500 22px/21px Jost; color: black; } main #mainContent h4 { font: normal normal 500 18px/21px Jost; color: black; } main #mainContent p { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: black; } main #mainContent a { text-decoration: underline; font: normal normal 500 15px/21px Jost; letter-spacing: 0px; color: #03045f; } h1 { font: normal normal 500 38px/50px Jost; letter-spacing: 0px; color: #03005f; } h2 { font: normal normal 500 38px/50px Jost; letter-spacing: 0px; color: #03005f !important; } h3 { font: normal normal 500 22px/21px Jost; color: black; } h4 { font: normal normal 500 18px/21px Jost; color: black; } p { font: normal normal normal 15px/21px Jost; letter-spacing: 0px; color: black; } a { text-decoration: underline; font: normal normal 500 15px/21px Jost; letter-spacing: 0px; color: #03045f; } main #mainContent ul li { font: normal normal normal 15px/21px Jost !important; letter-spacing: 0px; color: black; } @media only screen and (max-width: 1300px) { #index_main_content #mainContent { width: calc(100% - 320px); } } @media only screen and (max-width: 600px) { main #mainContent { width: 100%; float: none; padding: 10px; } #index_main_content #mainContent { width: 100%; } } /*************************************** other ***************************************/ .wp-block-cover, .wp-block-cover-image { justify-content: space-around; } .banner-content { width: 530px !important; } p.lp-top-p { width: 100%; } header { height: auto !important; position: fixed; top: 0; z-index: 501; border-bottom: 0.5px solid #000357; } .formulartilpasning { width: 411px; } .gform_body input, .gform_body li { margin-top: 0px !important; } footer section { width: 25%; } /* Mobile Menu*/ .mobmenu .headertext { display: flex; align-items: center; height: 100%; } .mobmenu-right-panel .mobmenu-right-bt { top: 2px; } .mob-icon-cancel-1:before { content: "×"; font-size: 46px; font-weight: 400; } .mob-icon-menu:before { content: "≡"; font-weight: 400; } /* Kontaktform på kontaktside*/ .contactForm { display: flex; background-color: #d5e5f2; padding: 100px 0; border-radius: 0px 25px 200px 0px; box-shadow: 20px 20px 2px #e5eef4; } .contactForm .text { width: 50%; display: flex; flex-direction: column; align-items: center; } .contactForm .text h2 { padding-top: 0px !important; color: #050252 !important; } .contactForm .text a { color: #050252 !important; } .contactForm .text img { margin-right: 160px; } .contactForm .theForm { width: 50%; } .contactForm .theForm input[type="text"] { background: transparent !important; border: none !important; border-bottom: 1px solid black !important; width: 70% !important; padding-left: 0 !important; } .contactForm .theForm input[type="submit"] { background: #050252 !important; } .contactForm .theForm input[type="submit"]:hover { background: #6eaec5 !important; color: #050252 !important; } /******************** 404 *********************/ #getContacted { height: fit-content; background: #363e46; margin: auto auto 50px; border-radius: 4px; padding: 0 30px; text-align: center; position: relative; margin-top: 118px; } #getContacted .pone { font-size: 23px; font-weight: 700; color: #fff; position: relative; bottom: -13px; left: auto; } #getContacted .ptwo { color: #fff; text-align: center; position: relative; bottom: -25px; } .error404 #gform_wrapper_3 .gform_footer.top_label { display: flex; justify-content: center; } .error404 #gform_wrapper_3.gform_wrapper .gform_footer { margin-bottom: 40px; } .error404 .not-found-wrap { margin-top: -20px; } /************************************************* Media querry **************************************************/ @media only screen and (min-width: 1375px) { .full_width { margin-left: 95px; } nav#mainNav ul { position: relative; left: -54px; } } @media screen and (max-width: 1500px) { nav#mainNav { padding: 0 40px; justify-content: space-between; } .blog-archive .blog-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; } .blog-archive { padding: 55px 40px; } .col2-toc-text { padding: 0 40px; } } @media screen and (max-width: 1375px) { .hero-container .contact-form { padding: 20px; max-height: 265px; left: -100px; } .hero-sub-section .headline { padding: 20px 40px; max-height: 265px; } nav#mainNav ul { margin-right: 125px; } main nav#subMenu { /* margin-left: 40px; */ } #index_main_content #mainContent { /* padding-right: 40px; */ } .col1-text .container { } .col2-text .container { } .contact-section .container { width: 88%; } } @media screen and (max-width: 1150px) { .hero-container .contact-form { left: 0; margin: 0px; max-height: 310px; top: 10px; min-width: 230px; } } @media screen and (max-width: 1050px) { .blog-archive .blog-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px 15px; } } @media screen and (max-width: 960px) { #gform_3 { width: 100%; } #gform_5 { width: 100%; } } @media screen and (max-width: 900px) { .hero-container .contact-form { left: 0; margin: 0px; max-height: 310px; top: 10px; } .col2-toc-text { padding: 0 40px; } .col2-toc-text .toc-container { width: 100%; } .col2-toc-text .left-container { width: 100%; } } @media only screen and (max-width: 830px) { .single-post .hero-sub-section { margin-top: 0px; } .hero-sub-section .headline-text .button { display: none; } .hero-sub-section { min-height: 450px; top: 0; } .hero-sub-section img { min-height: 450px; } .hero-sub-section .headline { flex-direction: column; top: -487px; padding: 20px; } .hero-sub-section .headline .headline-text { max-width: 100% !important; padding: 5% 20px 5% 20px; } .hero-sub-section .contact-form { left: 0; margin: 40px 20px; max-height: 310px; top: -70px; width: 350px !important; } .hero-sub-section .contact-form span { padding: 0; } .hero-sub-section .gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not( [type="file"] ) { line-height: initial; } nav#mainNav { position: relative; top: auto; } header { height: auto !important; position: relative; top: auto; z-index: 501; } .hero-section { top: 0; } #mobmenuright li a { font: normal normal 500 19px/24px Jost; font-family: Jost; } .mobmenur-container i { color: #03005f !important; } .menu-item-583 a { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white !important; text-decoration: none; padding: 15px 20px; font: normal normal 500 19px/24px Jost; text-align: center; } .menu-item-1642 a { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white !important; text-decoration: none; padding: 15px 20px; font: normal normal 500 19px/24px Jost; text-align: center; } #breadcrumbs + #getContacted { margin-top: 30px; } footer section { width: 50%; } #gform_3 .gform_body { width: 100% !important; } #gform_wrapper_3.gform_wrapper .gform_footer { width: 100% !important; } #gform_5 .gform_body { width: 100% !important; } #gform_wrapper_5.gform_wrapper .gform_footer { width: 100% !important; } .mob-standard-logo { display: inline-block; height: 30px !important; width: 190px; } } @media only screen and (max-width: 768px) { .col3-leadership-section .container .inner-container { justify-content: center; } footer { margin-top: 65px; } .mob-menu-header-holder { box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16); } .col3-leadership-section .container .headline .link { top: 15px !important; } .col1-leadership-section { margin-bottom: -50px; } .col2-headline-text { width: 100%; padding: 55px 20px; } .col1-text .container { padding: 40px 40px; } .blog-archive .blog-container { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px 15px; } .blog-archive .blog-container .blog-item-container img { height: 180px; } .blog-archive .blog-info { padding: 15px; } } @media only screen and (max-width: 700px) { .hero-button { display: block; } .hero-section { height: 625px; } .hero-overlay { height: 625px; } .hero-content { max-width: 100% !important; padding: 5% 20px 5% 20px; align-items: center !important; text-align: center !important; } .hero-container { flex-direction: column; top: 0px; } .hero-container .contact-form { left: 0; margin: 40px 20px; max-height: 310px; top: -80px; width: 350px !important; display: none !important; } .hero-container .contact-form h2 { padding: 0; } } @media screen and (max-width: 630px) { footer section { width: 100%; padding: 40px; max-width: 500px; margin: auto; } .contactForm { flex-direction: column; } .contactForm .text { width: 100%; } .contactForm .theForm { width: 100%; display: flex; flex-direction: column; align-items: center; } .contactForm .theForm input[type="text"] { width: 100% !important; } .contactForm .text img { margin-right: 0px; } } @media only screen and (max-width: 600px) { .landingpage-top { display: block !important; width: 100% !important; background-position: 0% !important; } .lp-h1 { font-size: 23px !important; } .wpcf7-form-control { max-width: 90%; } p.lp-p-partner, h2.lp-caption, p.lp-p, p.lp-p-meeting, .wp-block-cover__inner-container { width: 95% !important; } h2.cv-caption { line-height: 1; } h4.cv-h4 { line-height: 1.4; } .wp-block-columns.has-2-columns.lp-collum { max-width: 100%; } .wp-block-image { text-align: center; max-width: 100%; } .partner-h2, .partner-h4, .partner-mail, .wp-block-button { text-align: center; } h2.cv-caption { width: 95%; } .wp-block-cover__inner-container.banner-content { width: 100% !important; display: block; padding: 20px; } .contact-form { display: block; width: 100% !important; } h2 { padding-top: 40px; } .col2-text .container .headline h2 { padding-top: 0; } } @media only screen and (max-width: 500px) { .hero-container .contact-form { width: 290px !important; height: 280px; } .hero-section { height: 640px; margin-bottom: 0; } .hero-overlay { height: 640px; } .hero-container .contact-form .gform_footer input { padding: 5px 20px 5px 20px; } .hero-sub-section .contact-form { top: -55px; } .col1-text .container { padding: 30px 0; } .home .skills { padding: 0 40px 30px 40px; } .col3-leadership-section { padding: 30px 40px 20px 40px; } .col1-text .container { padding: 30px 40px 40px 40px; } .col2-text .container { padding: 0; } .col2-img-text { padding: 30px 40px 30px 40px; } .col2-text { padding: 30px 40px 30px 40px; } .blog-archive { padding: 30px 40px 0px 40px; } .blog-archive .text h2 { padding-top: 0px; } .blog-archive .blog-archive-container { padding: 50px 0px; } } @media screen and (max-width: 425px) { footer section { padding: 40px 20px; } } @media only screen and (max-width: 420px) { /* .hero-section { height: 475px; } .hero-overlay { height: 475px; } */ .skills .container .headline h2 { text-align: center; } .hero-button { font: normal normal 600 14px/24px Jost; padding: 5px 20px 10px 20px; } .hero-sub-section .button { font: normal normal 600 14px/24px Jost; } .our-customers { padding: 0 40px; } .col3-leadership-section { margin-top: 0px; padding: 0px 40px 0 40px; } .col3-leadership-section .container .inner-container .card img { left: 91px; } .col3-leadership-section .container .inner-container .card:last-of-type { margin-bottom: 55px; } .col1-leadership-section .container .inner-container .card-container:last-of-type { margin-bottom: 0; } .hero-content h1 { font: normal normal bold 25px/36px Jost; letter-spacing: 0px; color: #ffffff; } .contact-section .container .headline { text-align: center; } .our-customers .container .headline h2 { font: normal normal 500 20px/29px Jost; letter-spacing: 0px; color: #03005f; } .our-customers .container .headline svg { position: relative; top: 38px; left: auto; } h2 { font: normal normal 500 20px/29px Jost !important; } .contact-section { padding: 0; margin: 0; } .col3-leadership-section .container .headline .link { margin-top: 20px; } .col2-img-text .container .inner-container .right-text li { width: 100%; } .col2-img-text .container .inner-container .left-text .images { margin-bottom: 20px; } .col2-headline-text { padding: 20px 40px 20px 40px; } .hero-sub-section { height: 390px; } .hero-sub-section img { height: 390px; } .hero-sub-section .headline { flex-direction: column; top: -400px; } .hero-sub-section .contact-form { margin: 40px 0; width: 300px !important; left: 15px; } .hero-sub-section .headline h1 { font: normal normal bold 25px/36px Jost; } footer .sectionContainer section:nth-child(1) { margin-left: 10px; padding: 0px 20px; } footer .sectionContainer section:nth-child(3) { padding: 20px 20px; } #index_main_content { padding: 24px 0 0 0; } .col1-text .container { padding: 10px 40px 40px 40px; } .headline a { font: normal normal 600 14px/24px Jost !important; } .right-text a { font: normal normal 600 14px/24px Jost !important; } a svg { top: 9px !important; } .hero-section { margin-bottom: 0; } .col1-leadership-section { margin-top: 60px; } #eapps-logo-showcase-4 { margin-bottom: -70px; } } @media only screen and (max-width: 400px) { .hero-section { height: 585px; } .hero-overlay { height: 585px; } } /* .custom-intro-text { display: none !important; } */ #field_10_5 .ginput_container_consent .gfield_consent_label { color: black !important; } #field_9_5 .ginput_container_consent .gfield_consent_label { color: black !important; } .gform_required_legend { display: none !important; } .custom-intro-text { margin-top: -15px; } .gfield_consent_label a { font: normal normal 500 11px/21px Jost; } /*FILESTART /www/partnerdialog_900/public/wp-content/uploads/dynamic-mobmenu.css */ @media screen and ( min-width: 782px ){ body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay { top: 32px!important; } body.admin-bar .mobmenu-search-holder { top: 82px!important; } } @media screen and ( max-width: 782px ){ body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay { top: 46px!important; } body.admin-bar .mob-menu-header-banner { top: 0px!important; } body.admin-bar .mobmenu-search-holder { top: 96px!important; } body.admin-bar .mob-menu-slideout .mobmenu-search-holder { top: 50px!important; } } @media screen and ( max-width: 479px ) { .mob-menu-overlay .mobmenu-content { padding-top: 5%; } } @media screen and ( max-width: 782px ) { .mob-menu-overlay .mobmenu-content { padding-top: 10%; } } @media screen and ( min-width: 782px ) { #mobmenu-footer li:hover { background-color: ; } #mobmenu-footer li:hover i { color: ; } } @media only screen and (min-width:831px){ .mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel { display: none!important; } } /* Our css Custom Options values */ @media only screen and (max-width:830px){ #mainNav { display:none !important; } } @media only screen and (max-width:830px) { .mobmenur-container i { color: #363e46; } .mobmenul-container i { color: #FFF; } .mobmenul-container img { max-height: 40px; float: left; } .mobmenur-container img { max-height: 50px; float: right; } .mob-expand-submenu i { font-size: 25px; } #mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i { color: #666; } .mob-cancel-button { font-size: 30px!important; } /* 3rd Level Left Menu Items Background color on Hover*/ .mobmenu-content #mobmenuleft .sub-menu .sub-menu li a:hover { color: #ccc; } /* 3rd Level Left Menu Items Background color on Hover*/ .mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover { background-color: #666; } .mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover { background-color: #666; } .mobmenu-content #mobmenuright li:hover { background-color: #ffffff ; } /* 3rd Level Right Menu Items Background color on Hover*/ .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover { background-color: #666; } /* 3rd Level Right Menu Items Background color on Hover*/ .mobmenu-content #mobmenuright .sub-menu .sub-menu li a:hover { color: #ccc; } .mobmenu-content #mobmenuleft .sub-menu { background-color: #3a3a3a ; margin: 0; color: #fff ; width: 100%; position: initial; height: 100%; } .mob-menu-left-bg-holder { opacity: 1; background-attachment: fixed ; background-position: center top ; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .mob-menu-right-bg-holder { opacity: 1; background-attachment: fixed ; background-position: center top ; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .mobmenu-content #mobmenuleft .sub-menu a { color: #fff ; } .mobmenu-content #mobmenuright .sub-menu a { color: #0a0a0a ; } .mobmenu-content #mobmenuright .sub-menu .sub-menu { background-color: inherit; } .mobmenu-content #mobmenuright .sub-menu { background-color: #ffffff ; margin: 0; color: #0a0a0a ; position: initial; width: 100%; } #mobmenuleft li:hover a, #mobmenuleft li:hover i { color: #FFF; } #mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i { color: #222222 ; } #mobmenuright li a:hover { color: #6eaec5 ; } .mobmenul-container { top: 10px; margin-left: 5px; margin-top: 0px; height: 50px; float: left; } .mobmenur-container { top: 0px; margin-right: 0px; margin-top: 0px; } .mob-menu-logo-holder { margin-top: 0px; text-align: left; margin-left: 20px;; margin-right: 0; height: 50px; float:left; } .mob-menu-header-holder { width: 100% ; background-color: #ffffff ; height: 50px ; position:fixed; } body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top { padding-top: 50px; } .mobmenul-container, .mobmenur-container{ position: relative; } .mobmenu-left-panel { background-color:#F7F7F7;; width: 270px; } .mobmenu-right-panel { background-color:#ffffff; width: 270px; } .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay { background: rgba(0, 0, 0, 0.83); } .mob-menu-slideout-top .mobmenu-overlay { display:none!important; } .mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder { -webkit-transform: translateX(270px); -moz-transform: translateX(270px); -ms-transform: translateX(270px); -o-transform: translateX(270px); transform: translateX(270px); } .mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder { -webkit-transform: translateX(-270px); -moz-transform: translateX(-270px); -ms-transform: translateX(-270px); -o-transform: translateX(-270px); transform: translateX(-270px); } .mob-menu-slideout-top .mobmenu-panel { width: 100%; height: 100%; z-index: 1; position: fixed; left: 0px; top: 0px; max-height: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); z-index: 300000; } .mob-menu-slideout-over.show-nav-left .mobmenu-left-panel { overflow: hidden; } .show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel { z-index: 300000; } /* Hides everything pushed outside of it */ .mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel { position: fixed; top: 0; height: 100%; overflow-y: auto; overflow-x: auto; z-index: 10000; opacity: 1; } /*End of Mobmenu Slide Over */ .mobmenu .headertext { color: #0a0a0a ; text-decoration: none; } .headertext span { position: absolute; line-height: 50px; } .mobmenu-search-holder { top: 50px; } /*Premium options */ /* Mobile Menu Frontend CSS Style*/ body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top { overflow-x: hidden; } .mobmenu-left-panel li a, .leftmbottom, .leftmtop{ padding-left: 10%; padding-right: 10%; } .mobmenu-content li > .sub-menu li { padding-left: calc(10*1%); } .mobmenu-right-panel li, .rightmbottom, .rightmtop{ padding-left: 10%; padding-right: 10%; } .mobmenul-container i { line-height: 30px; font-size: 30px; float: left; } .left-menu-icon-text { float: left; line-height: 30px; color: #222; } .mobmenu-left-panel .mobmenu-display-name { color: #666; } .right-menu-icon-text { float: right; line-height: 50px; color: #222; } .mobmenur-container i { line-height: 50px; font-size: 50px; float: right; } .nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide { display: none!important; } .mob-standard-logo { display: inline-block; height:30px!important; } .mob-retina-logo { height:30px!important; } .mobmenu-content #mobmenuleft > li > a:hover { background-color: #666; } .mobmenu-content #mobmenuright > li > a:hover { background-color: #ffffff; } .mobmenu-left-panel .mob-cancel-button { color: #666; } .mobmenu-right-panel .mob-cancel-button { color: #363e46; } } .mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field { font-family:Dosis; font-size:20px; font-weight:inherit; font-style:normal; letter-spacing:normal; text-transform:none; } .left-menu-icon-text { font-family:Dosis; font-size:inherit; font-weight:inherit; font-style:normal; line-height:1.5em; letter-spacing:normal; text-transform:none; } #mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li { font-family:Dosis; font-size:inherit; font-weight:inherit; font-style:normal; line-height:1.5em; letter-spacing:normal; text-transform:none; } .right-menu-icon-text { font-family:Dosis; font-size:inherit; font-weight:inherit; font-style:normal; line-height:1.5em; letter-spacing:normal; text-transform:none; } #mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name { font-family:Montserrat; font-size:20px; font-weight:inherit; font-style:normal; line-height:1.5em; letter-spacing:normal; text-transform:none; } /*FILESTART /www/partnerdialog_900/public/wp-content/plugins/mobile-menu/includes/css/mobmenu-icons.css */ /* Mobile Menu Admin CSS Style*/ @font-face { font-family: 'mobmenu'; src: url('https://www.partnerdialog.dk/wp-content/plugins/mobile-menu/includes/css/font/mobmenu.woff2?31192480') format('woff2'), url('https://www.partnerdialog.dk/wp-content/plugins/mobile-menu/includes/css/font/mobmenu.woff?31192480') format('woff'); font-weight: normal; font-style: normal; } [class^="mob-icon-"]:before, [class*=" mob-icon-"]:before { font-family: "mobmenu"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased mob-icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mob-icon-ok-1:before { content: '\e800'; } /* '' */ .mob-icon-ok:before { content: '\e80f'; } /* '' */ .mob-icon-plus:before { content: '\e810'; } /* '' */ .mob-icon-plus-1:before { content: '\e813'; } /* '' */ .mob-icon-plus-outline:before { content: '\e818'; } /* '' */ .mob-icon-plus-2:before { content: '\e819'; } /* '' */ .mob-icon-align-justify-1:before { content: '\e84f'; } /* '' */ .mob-icon-instagram:before { content: '\e88e'; } /* '' */ .mob-icon-linkedin:before { content: '\e88f'; } /* '' */ .mob-icon-pinterest:before { content: '\e892'; } /* '' */ .mob-icon-twitter:before { content: '\e898'; } /* '' */ .mob-icon-tumblr:before { content: '\e899'; } /* '' */ .mob-icon-vimeo:before { content: '\e89a'; } /* '' */ .mob-icon-star:before { content: '\e8a3'; } /* '' */ .mob-icon-user:before { content: '\e8a4'; } /* '' */ .mob-icon-star-1:before { content: '\e8d3'; } /* '' */ .mob-icon-user-1:before { content: '\e8d4'; } /* '' */ .mob-icon-left-open:before { content: '\e8f6'; } /* '' */ .mob-icon-right-open:before { content: '\e8f7'; } /* '' */ .mob-icon-down-dir:before { content: '\e8fc'; } /* '' */ .mob-icon-right-dir:before { content: '\e8fd'; } /* '' */ .mob-icon-star-empty:before { content: '\e93d'; } /* '' */ .mob-icon-up-dir:before { content: '\e980'; } /* '' */ .mob-icon-left-dir:before { content: '\e981'; } /* '' */ .mob-icon-menu:before { content: '\e9d6'; } /* '' */ .mob-icon-right-open-2:before { content: '\ea32'; } /* '' */ .mob-icon-th:before { content: '\eac3'; } /* '' */ .mob-icon-th-large:before { content: '\eac5'; } /* '' */ .mob-icon-th-list:before { content: '\eac7'; } /* '' */ .mob-icon-minus:before { content: '\e812'; } /* '' */ .mob-icon-minus-1:before { content: '\e9d8'; } /* '' */ .mob-icon-minus-2:before { content: '\eacb'; } /* '' */ .mob-icon-th-list-3:before { content: '\ec71'; } /* '' */ .mob-icon-cancel:before { content: '\ec73'; } /* '' */ .mob-icon-cancel-circle:before { content: '\ec74'; } /* '' */ .mob-icon-cancel-1:before { content: '\ecf2'; } /* '' */ .mob-icon-cancel-2:before { content: '\edf5'; } /* '' */ .mob-icon-cancel-circled-1:before { content: '\edf6'; } /* '' */ .mob-icon-cancel-circled2:before { content: '\edf7'; } /* '' */ .mob-icon-up-open-1:before { content: '\ee59'; } /* '' */ .mob-icon-cancel-3:before { content: '\ee65'; } /* '' */ .mob-icon-cancel-circled-2:before { content: '\ee66'; } /* '' */ .mob-icon-th-large-1:before { content: '\ee68'; } /* '' */ .mob-icon-th-1:before { content: '\ee69'; } /* '' */ .mob-icon-th-list-1:before { content: '\ee6a'; } /* '' */ .mob-icon-up-open-2:before { content: '\ee6b'; } /* '' */ .mob-icon-down-open-2:before { content: '\ee6c'; } /* '' */ .mob-icon-cancel-squared:before { content: '\ee6d'; } /* '' */ .mob-icon-cancel-4:before { content: '\ee6f'; } /* '' */ .mob-icon-up-open-big:before { content: '\ee70'; } /* '' */ .mob-icon-down-open-big:before { content: '\ee71'; } /* '' */ .mob-icon-down-open-mini:before { content: '\ee73'; } /* '' */ .mob-icon-cancel-circled-outline:before { content: '\ee77'; } /* '' */ .mob-icon-cancel-outline:before { content: '\ee79'; } /* '' */ .mob-icon-menu-2:before { content: '\ee7a'; } /* '' */ .mob-icon-menu-outline:before { content: '\ee7b'; } /* '' */ .mob-icon-cancel-circle-1:before { content: '\ee7c'; } /* '' */ .mob-icon-down-open:before { content: '\f004'; } /* '' */ .mob-icon-up-open:before { content: '\f005'; } /* '' */ .mob-icon-menu-3:before { content: '\f008'; } /* '' */ .mob-icon-th-list-2:before { content: '\f009'; } /* '' */ .mob-icon-th-thumb:before { content: '\f00a'; } /* '' */ .mob-icon-th-thumb-empty:before { content: '\f00b'; } /* '' */ .mob-icon-cancel-circled:before { content: '\f06e'; } /* '' */ .mob-icon-menu-1:before { content: '\f0c9'; } /* '' */ .mob-icon-gplus:before { content: '\f0d5'; } /* '' */ .mob-icon-ellipsis:before { content: '\f141'; } /* '' */ .mob-icon-ellipsis-vert:before { content: '\f142'; } /* '' */ .mob-icon-facebook-squared:before { content: '\f308'; } /* '' */ /*FILESTART /www/partnerdialog_900/public/wp-content/plugins/mobile-menu/includes/css/mobmenu.css */ .mob-menu-overlay .mobmenu-panel { opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0s 0.5s; position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .mob-menu-overlay.show-nav-left .mobmenu-panel, .mob-menu-overlay.show-nav-right .mobmenu-panel { opacity: 1; visibility: visible; transition: opacity 0.5s; z-index: 100001; } .mob-menu-overlay .show-panel .mob-cancel-button { position: absolute; right: 0px; top: 0px; padding-top: 8px; overflow: hidden; border: none; outline: none; z-index: 100002; font-size: 30px; line-height: 30px; cursor: pointer; } .mob-retina-logo{ display: none; max-width: 100%; } .mob-cancel-button{ z-index: 99999999!important; position:relative!important; } .mobmenu-content .widget { padding-bottom: 0px; padding: 20px; } .mob-expand-submenu i { position: relative; font-weight: 600; cursor: pointer; } .mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder { width: 100%; height: 100%; position: absolute; z-index: -50; background-repeat: no-repeat; top: 0; left: 0; } .mob-menu-no-scroll{ overflow: hidden; } .mobmenu-content .sub-menu { display: none; opacity: 1; } .mobmenur-container { position: absolute; right: 0px; } .leftmbottom h2 { font-weight: bold; background-color: transparent; color: inherit; } .mob-cancel-button { display:none; z-index: 99999999; } .show-nav-left.mob-menu-overlay .left-menu-icon-text, .show-nav-right.mob-menu-overlay .left-menu-icon-text { display: none; } .show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-cancel-button, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-cancel-button { display: none; } .show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-menu-icon, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-menu-icon { display: block; } .show-panel .mob-cancel-button { display: block; } .mobmenu-content li a { display: block; letter-spacing: 1px; padding: 10px 20px; text-decoration: none; font-size: 14px; } .mobmenu-content li a:active, .mobmenu-content li:active, .mobmenu-content li a .mob-expand-submenu:active{ border-style: outset; border: none; } .mobmenu-left-alignment.show-panel, .mobmenu-right-alignment.show-panel { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mobmenu-left-alignment { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .mobmenu-right-alignment { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel { top: 32px; } #wpadminbar { position: fixed; } .show-nav-left .mob-menu-header-holder, .show-nav-right .mob-menu-header-holder, .mob-menu-header-holder, .mobmenu-panel, .mobmenu-overlay , .show-nav-left .mobmenu-push-wrap, .show-nav-right .mobmenu-push-wrap, .show-nav-left .mob-menu-header-holder, .show-nav-left .mobmenu-left-alignment, .show-nav-right .mobmenu-right-alignment, .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay{ -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; } /* Mobmenu Slide Over */ .mobmenu-overlay { opacity: 0; } .widget img { max-width: 100%; } #mobmenuleft, #mobmenuright { margin: 0; padding: 0; } #mobmenuleft li > ul { display:none; left: 15px; padding-left: 0px; } .rtl .mob-expand-submenu { float: left; } .mob-expand-submenu { position: relative; right: 0px; float: right; } .mobmenu-parent-link .menu-item-has-children { cursor: pointer; } #mobmenuright li > ul { display:none; left: 15px; padding-left: 0px; } .rightmbottom, .rightmtop { padding-left: 10px; padding-right: 10px; } /* Hides everything pushed outside of it */ .mob-menu-slideout .mobmenu-panel { position: fixed; top: 0; height: 100%; z-index: 300000; overflow-y: hidden; overflow-x: hidden; opacity: 1; } .mob-menu-slideout .mobmenu-right-alignment { right: 0; } .mobmenu-content li { list-style: none; visibility: visible; opacity: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); margin: 0; } .mob-menu-slideout .mobmenu-left-alignment, .mob-menu-slideout-over .mobmenu-left-alignment { left: 0; } .mob-menu-slideout .mobmenu-right-alignment, .mob-menu-slideout-over .mobmenu-right-alignment { right: 0; } .mob-menu-header-holder { font-weight:bold; top:0px; right: 0px; color:#000; display: block; z-index: 10000; } /* 2nd Level Menu Items Padding */ .mobmenu .sub-menu li > a { padding-left: 50px; } /* 3rd Level Menu Items Padding */ .mobmenu .sub-menu .sub-menu li a { padding-left: 75px; } .mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt { position: absolute; right: 0px; top: 0px; font-size: 30px; } .mobmenu-content { margin-top: 45px; padding-bottom: 120px; z-index: 1; height: calc( 100% - 45px); overflow: auto; padding-top: 10px; } .mobmenu-parent-link .mob-expand-submenu { cursor: pointer; } #mobmenuright.nomenu li, #mobmenuleft.nomenu li{ padding-left: 7%; padding-right: 7%; } .mob-expand-submenu.show-sub .mob-icon-down-open { display: none; } .mob-expand-submenu.show-sub .mob-icon-up-open { display: block; } .mob-expand-submenu .mob-icon-down-open { display: block; } .mob-expand-submenu .mob-icon-up-open { display: none; } .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay { width: 100%; height: 100%; z-index: 10001; left: 0; top: 0; opacity: 1; position: fixed; cursor: pointer; } /* Search Form Ajax Results */ .mobmenu-ajax-search-results { display: none; opacity: 1; visibility: visible; width: 100%; height: 100%; position: fixed; margin-top: 50px; } [data-panel-target="mobmenu-filter-panel"].mobmenu-trigger-action { float:left; } .mobmenu-content .sub-menu.show-sub-menu { -webkit-transition: height 1s linear 0s; -moz-transition: height 1s linear 0s; -ms-transition: height 1s linear 0s; -o-transition: height 1s linear 0s; transition: height 1s linear 0s; overflow:hidden; } /* No menu assigned warning. */ h4.no-mobile-menu { padding: 22px; text-align: center; width: 90%; background: #fff; margin: auto; font-size: 17px; font-weight: 400; line-height: 29px; } h4.no-mobile-menu a { text-decoration: none; color:#000; } .mobmenu-content li a:focus { outline: none; } .mobmenu-content .widget_media_image { text-align: center; } #_pick_tips_content { border: 0; position: fixed; right: 5px; top: 5px; z-index: 99999999; width: 300px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); border-radius: 4px; background-color: rgba(255, 255, 255, 0.8); font-size: 0; margin: 0; padding: 0; transition: all 0.3s; min-height: 540px; height: auto; display: none; } #_pick_tips_content.on { display: inline-block; } /* cover mode */ #_picker_cover_wrap_box svg { position: fixed; top: 0; left: 0; cursor: crosshair; width: 100%; height: 100%; z-index: 99999998; } #_picker_cover_wrap_box svg>path:first-child { fill: rgba(0, 0, 0, 0); fill-rule: evenodd; } #_picker_cover_wrap_box svg>path+path { stroke: #29c66d; stroke-width: 3.5px; fill: rgb(226 239 232 / 20%); } #_picker_cover_wrap_box { transition: all 0.3s; pointer-events: none; } @keyframes ellipsis { from { width: 2px; } to { width: 15px; } } /* target mode */ ._picker_target_elm { background: transparent; outline: #1dcd1d solid 3px; color: #000; } .mob-menu-slideout #page-container, .mob-menu-slideout-over #page-container { padding-top: 0px!important; } /*FILESTART */ /* 10Web Booster optimized this CSS file */ /*Tilpasning til Kompetencer START*/ /*Dette er punktet hvor den breaker uhensigtsmæssigt (Meget lidt plads mellem kasserne)*/ @media only screen and (min-width: 1335px) { .skills .skill-container { flex-wrap: nowrap; } } /*Min width = Der skifter den normalvis til 2x2 og Max width = Der hvor den breaker uhensigtsmæssigt*/ @media only screen and (min-width: 949px) and (max-width: 1335px) { .skills .skill-container { flex-wrap: nowrap; } .skills .skill-container .col { width:25%; margin:10px; } .skills .skill-container .col .link { bottom: 30px; } } @media only screen and (min-width: 949px) and (max-width:1160px) { .skills .skill-container .col { height: 305px; } } /*Tilpasning til Kompetencer SLUT*/ /*Tilpasning til Ledelse START*/ @media only screen and (min-width: 854px) and (max-width: 1235px) { .col3-leadership-section .container .inner-container { flex-wrap:nowrap; } .col3-leadership-section .container .inner-container .card img { left:50%; transform:translate(-50%); } } @media only screen and (max-width: 1136px) { .col3-leadership-section .container .inner-container .card { height: 320px; justify-content:center; } } @media only screen and (max-width: 1061px) { .col3-leadership-section .container .inner-container .card { height: 385px; justify-content:center; } } @media only screen and (max-width: 925px) { .col3-leadership-section .container .inner-container .card { height: 430px; justify-content:center; } } /*FILESTART */ /* 10Web Booster optimized this CSS file */ .hero-section { background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E#}/wp-content/uploads/2021/11/hero-partnerdialog-1.jpg); background-image: -webkit-image-set(url('data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E#}/wp-content/uploads/2022/03/hero-partnerdialog-1.webp') 1x); } .hero-sub-section .contact-form .gfield_consent_label span { margin-bottom: 10px; color: #ffffff; font: normal normal 500 14px/15px Jost !important; } .hero-content .hero-subheading-mobile { font: normal normal normal 16px/25px Jost; letter-spacing: 0px; color: #ffffff; margin-bottom: 20px; display: none; } .hero-sub-section .headline h1{ font: normal normal bold 40px/55px Jost; } .hero-sub-section .headline{ top: -435px; } .hero-sub-section .button { background: #03065f 0% 0% no-repeat padding-box; border-radius: 5px; color: white; text-decoration: none; padding: 10px 20px 10px 20px; font: normal normal 500 14px/14px Jost; position: relative; z-index: 999; top: 0px; text-transform: uppercase; border:none; } @media only screen and (min-width:1575px) { .full_width { margin-left: 95px; } nav#mainNav ul { position: relative; left: -54px; } } @media only screen and (max-width:1574px) { .full_width { margin-left: 0px; } nav#mainNav ul { position: relative; left: 0px; } } .ginput_container_consent .gfield_consent_label{ font: normal normal normal 11px/16px Jost!important; letter-spacing: 0px!important; color: #FFFFFF!important; } .hero-container .contact-form { left: -160px;; top: 20px; } @media only screen and (max-width: 992px){ nav#mainNav ul{ margin-right:0; } .hero-container .contact-form{ left: -20px; } } @media only screen and (max-width: 830px){ .hero-sub-section .contact-form span{ font: normal normal 500 20px/29px Jost!important; } #input_7_2{ height:30px; } #input_7_3{ height:30px; } #input_8_2{ height:30px; } #input_8_3{ height:30px; } #input_7_5{ height: 30px; } #input_8_5{ height: 30px; } .hero-sub-section { min-height: 450px; height: 650px; top: 0; } .hero-sub-section img { min-height: 450px; height: 100%; display: block; } .hero-sub-section .headline { top: -650px; } } @media only screen and (max-width: 700px){ .hero-container .contact-form { display: none; } .hero-button{ width: 270px; font: normal normal bold 20px/50px Jost; } .hero-content{ align-items: center !important; text-align: center !important; padding-top: 30px; } .hero-content .hero-subheading { display: none; } .hero-content h1 { font: normal normal bold 40px/50px Jost; } .hero-content .hero-subheading-mobile { display: block; margin-bottom:50px; font: normal normal bold 20px/30px Jost !important; } } @media only screen and (max-width: 500px){ .hero-sub-section .headline .headline-text { margin-top: 15px; } .hero-sub-section .headline h1 { font: normal normal bold 25px/36px Jost; } .hero-sub-section .headline { top: -635px; } .menu-item-wpml-ls-3-da{ margin-right: 2px; } .menu-item-wpml-ls-3-en{ margin-left: 2px; } header ul li { margin-left: 2px; margin-right: 2px; } } .page-id-2494 .hero-sub-section .contact-form span{ display: none!important; } .page-id-2494 .hero-sub-section .contact-form .gf_browser_chrome{ display: none!important; } .page-id-2507 .hero-sub-section .contact-form span{ display: none!important; } .page-id-2507 .hero-sub-section .contact-form .gf_browser_chrome{ display: none!important; } #gf_7 .gform_wrapper.gravity-theme .gform_footer { padding: 0px 0px!important; } #gf_8 .gform_wrapper.gravity-theme .gform_footer { padding: 0px 0px!important; } @media only screen and (max-width: 380px){ header ul li { margin-left: 1px; margin-right: 1px; } } /*Magio, Navigation Kontakt Knap*/ @media (max-width: 767px) { span.telefonnummer-cta-navigation { font-size: 12px; display:block; } .menu-item-583 a, .menu-item-1642 a { text-align:left; } } @media (min-width: 768px) and (max-width: 1024px) { span.telefonnummer-cta-navigation { font-size: 12px; display:block; } .menu-item-583 a, .menu-item-1642 a { text-align:left; } } .menu-main-menu-container { width: calc(100% - 275px); } nav#mainNav ul li { margin-left: 30px; } .skills .skill-container .col { width: 535px; } h2#h2id1, h2#h2id2 { text-align: center; } .anmeldelser { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin: 20px 0; } .anmeldelse { background: #ffffff; border: 1px solid #e7e7e7; border-radius: 18px; padding: 28px; box-shadow: 0 12px 30px rgba(0,0,0,0.06); position: relative; } .anmeldelse::before { content: "“"; position: absolute; top: 10px; left: 22px; font-size: 70px; line-height: 1; color: rgba(0,0,0,0.08); font-family: Georgia, serif; } .anmeldelse h3 { position: relative; margin: 20px 0px 22px 0px !important; font-size: 18px; !important; line-height: 1.65 !important; font-weight: 600; color: #1f1f1f; } .anmeldelse p { margin: 0; } .anmeldelse span { display: inline-block; font-size: 15px; font-weight: 700; color: #555; } .anmeldelse span::before { content: "— "; } /* Mobil */ @media (max-width: 767px) { .anmeldelser { grid-template-columns: 1fr; gap: 18px; } .anmeldelse { padding: 24px; } .anmeldelse h3 { font-size: 19px; } } .faq-section { padding: 10px 0; } .faq-section .container { margin: auto auto 0px; max-width: 1280px; padding: 55px 40px; } .faq-wrapper { display: flex; flex-direction: column; gap: 18px; margin-top: 40px; } .faq-item { background: #fff; border: 1px solid #e8e8e8; border-radius: 18px; overflow: hidden; transition: all 0.25s ease; box-shadow: 0 4px 20px rgba(0,0,0,0.03); } .faq-item:hover { border-color: #d9d9d9; transform: translateY(-2px); } .faq-item.active { border-color: #000; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } .faq-question { display: flex; align-items: center; justify-content: space-between; gap: 30px; cursor: pointer; padding: 28px 35px; } .faq-question h3 { margin: 0; font-size: 24px; line-height: 1.3; font-weight: 600; } .faq-icon { width: 42px; height: 42px; min-width: 42px; border-radius: 50%; background: #f4f4f4; position: relative; transition: all 0.25s ease; } .faq-icon::before, .faq-icon::after { content: ""; position: absolute; background: #000; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.25s ease; } .faq-icon::before { width: 16px; height: 2px; } .faq-icon::after { width: 2px; height: 16px; } .faq-item.active .faq-icon { background: #000; } .faq-item.active .faq-icon::before, .faq-item.active .faq-icon::after { background: #fff; } .faq-item.active .faq-icon::after { opacity: 0; } .faq-answer { display: none; padding: 0 35px 35px; } .faq-item.active .faq-answer { display: block; } .faq-answer p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .faq-section { padding: 60px 0; } .faq-question { padding: 22px; gap: 15px; } .faq-question h3 { font-size: 18px; } .faq-answer { padding: 0 22px 22px; } .faq-icon { width: 34px; height: 34px; min-width: 34px; } .menu-main-menu-container { width: 100%; } } /*FILESTART /www/partnerdialog_900/public/wp-content/themes/pdm/css/blog.css */ /* Blog/Single Post Styles */ /* Reset and base styles for blog posts */ .single-post { margin: 0; padding: 0; } .single-post .bbh-outer-wrapper { margin-top: 0; /* No margin when using hero section */ padding: 0; background: #ffffff; } .single-post .hero-sub-section { margin-top: 70px; /* Space for fixed header */ top: 0; } .single-post main { max-width: 1200px; margin: 0 auto; padding: 40px 20px; display: flex; gap: 40px; } .single-post #mainContent { min-width: 0; max-width: 90%; margin: 0 auto; width: 700px; } .single-post .sidebar_disabled #mainContent { flex: 1; max-width: 800px; margin: 0 auto; } /* Post content styling */ .single-post .entry-header { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 2px solid #e0e0e0; } .single-post .entry-title { font: normal normal 500 42px/52px Jost; letter-spacing: 0px; color: #03005f; margin: 0 0 15px 0; } .single-post .entry-meta { font: normal normal normal 14px/20px Jost; color: #fff !important; margin-bottom: 0; } .single-post .entry-meta .posted-on, .single-post .entry-meta .byline { display: inline-block; margin-right: 20px; } .single-post .entry-content p{ font: normal normal normal 19px/31px Jost !important; color: #333 !important; margin-bottom: 40px !important; } .single-post .entry-content h1 { font: normal normal 500 42px/52px Jost !important; color: #03005f !important; margin: 50px 0 25px 0 !important; } .single-post .entry-content h2 { font: normal normal 500 36px/46px Jost !important; color: #03005f !important; margin: 45px 0 22px 0 !important; } .single-post .entry-content h3 { font: normal normal 500 24px/24px Jost !important; color: #000000 !important; margin: 40px 0 20px 0 !important; } .single-post .entry-content h4 { font: normal normal 500 20px/30px Jost !important; color: #000000 !important; margin: 35px 0 18px 0 !important; } .single-post .entry-content h5 { font: normal normal 500 18px/18px Jost !important; color: #000000 !important; margin: 30px 0 15px 0 !important; } .single-post .entry-content h6 { font: normal normal 500 16px/20px Jost !important; color: #000000 !important; margin: 25px 0 12px 0 !important; } .single-post .entry-content p { margin-bottom: 25px; } .single-post .entry-content ul, .single-post .entry-content ol { margin: 25px 0; padding-left: 35px; } .single-post main #mainContent ul li { margin-bottom: 12px; font: normal normal normal 19px/31px Jost !important; } .single-post .entry-content a { color: #03045f; text-decoration: underline; transition: color 0.3s ease; } .single-post .entry-content a:hover { color: #6eaec5; } /* Table styling */ .single-post .table-responsive { width: 100%; overflow-x: auto; margin: 30px 0; } .single-post table { width: 100%; border-collapse: collapse; font: normal normal normal 16px/24px Jost; } .single-post table td, .single-post table th { font-size: 16px; border: 1px solid #dddddd; padding: 12px 15px; text-align: left; } .single-post table tr:first-child th { background-color: #f2f2f2; font-weight: 500; color: #03005f; } .single-post table tr { background-color: white; } .single-post table tr:nth-child(even) { background-color: #f9f9f9; } .single-post .entry-content blockquote { border-left: 4px solid #03005f; padding-left: 25px; margin: 35px 0; font-style: italic; color: #555; font: normal normal normal 17px/29px Jost !important; } .single-post .entry-content img { max-width: 100%; height: auto; margin: 30px 0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .single-post .entry-content .wp-caption { max-width: 100%; margin: 30px 0; } .single-post .entry-content .wp-caption-text { font-size: 16px; color: #666; text-align: center; margin-top: 10px; font: normal normal normal 16px/24px Jost !important; } .single-post .entry-footer { margin-top: 50px; padding-top: 30px; border-top: 2px solid #e0e0e0; font: normal normal normal 14px/20px Jost !important; color: #666; } .single-post .post-categories, .single-post .post-tags { margin-bottom: 15px; } .single-post .post-categories span, .single-post .post-tags span { font-weight: 500; color: #03005f; margin-right: 10px; } .single-post .post-categories a, .single-post .post-tags a { color: #03045f; text-decoration: none; background: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin-right: 8px; margin-bottom: 8px; display: inline-block; transition: all 0.3s ease; } .single-post .post-categories a:hover, .single-post .post-tags a:hover { background: #03045f; color: #ffffff; } /* Sidebar styling */ .single-post aside { width: 280px; flex-shrink: 0; } .single-post .sidebar_disabled aside { display: none; } /* Responsive design */ @media only screen and (max-width: 1024px) { .single-post main { flex-direction: column; gap: 30px; } .single-post aside { width: 100%; order: 2; } .single-post #mainContent { order: 1; } } @media only screen and (max-width: 768px) { .single-post .bbh-outer-wrapper { margin-top: 0; } .single-post .hero-sub-section { margin-top: 50px; } .single-post main { padding: 20px 15px; } .single-post .entry-title { font: normal normal 500 32px/42px Jost; } .single-post .entry-content h1 { font: normal normal 500 28px/38px Jost; } .single-post .entry-content h2 { font: normal normal 500 24px/34px Jost; } .single-post .entry-content h3 { font: normal normal 500 20px/30px Jost; } .single-post .entry-content { font: normal normal normal 16px/27px Jost; } .single-post .entry-content li { font: normal normal normal 16px/27px Jost; } } @media only screen and (max-width: 480px) { .single-post .bbh-outer-wrapper { margin-top: 0; } .single-post .hero-sub-section { margin-top: 40px; } .single-post main { padding: 15px 10px; } .single-post .entry-title { font: normal normal 500 28px/36px Jost; } .single-post .entry-content h1 { font: normal normal 500 24px/32px Jost; } .single-post .entry-content h2 { font: normal normal 500 20px/28px Jost; } .single-post .entry-content { font: normal normal normal 15px/25px Jost; } .single-post .entry-content li { font: normal normal normal 15px/25px Jost; } .single-post table td, .single-post table th { font-size: 14px; padding: 8px 10px; } } /* Related Posts Styling */ .single-post .related-posts { margin-top: 60px; padding-top: 40px; border-top: 2px solid #e0e0e0; } .single-post .related-posts h3 { font: normal normal 500 28px/38px Jost; color: #03005f; margin-bottom: 25px; } .single-post .related-posts-list { list-style: none; padding: 0; margin: 0; } .single-post .related-posts-list li { margin-bottom: 15px; padding-left: 25px; position: relative; } .single-post .related-posts-list li:before { content: "→"; position: absolute; left: 0; color: #03005f; font-weight: bold; } .single-post .related-posts-list li a { font: normal normal normal 18px/28px Jost; color: #03045f; text-decoration: none; transition: color 0.3s ease; } .single-post .related-posts-list li a:hover { color: #6eaec5; text-decoration: underline; } /* Mobile styles for related posts */ @media only screen and (max-width: 768px) { .single-post .related-posts h3 { font: normal normal 500 24px/32px Jost; } .single-post .related-posts-list li a { font: normal normal normal 16px/26px Jost; } } /*FILESTART */ /* 10Web Booster optimized this CSS file */ .cls-2{fill:#fff;}.cls-2{fill:#fff;} /*FILESTART */ /* 10Web Booster optimized this CSS file */ .npf__message{display: none !important} .npf{display: none !important}