:root {
--ssm-darkblue: #273c4e;
--ssm-blue: #195779;
--ssm-lightblue: #A8D6F5;
--ssm-ultralightblue: #DAEDFA;
--ssm-magenta: #E83F4B;
--ssm-green: #008872;
--ssm-darkgreen: #092F25;
--ssm-borderblue: #a1bfd9;
--ssm-hoverblue: #5AAED9;
}
.ssm_hover_underline:hover{
text-decoration: underline;
}
.ssm_custom .style-light .btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus{
color:var(--ssm-darkblue)!important;
}
.ssm_custom .style-dark .btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):not(.icon-animated):focus{
color:#fff;
}
p, li, dt, dd, dl, address, label, small, pre, code {
line-height: 140%;
}
ul{
list-style: disc;
padding-left: 15px;
}
b, strong {
font-weight: 400;
font-family: "Poppins Bold", Helvetica, Arial, sans-serif;
}
::selection {
color: var(--ssm-magenta) !important;
background: #fff;
}
.desktop-hidden{
display:block;
}
.mobile-hidden {
}
.mobile-hidden {
display: hidden;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.radius-top-left {
border-radius: 80px 0 0 0;
}
.radius-top-right {
border-radius: 0 80px 0 0;
}
.radius-bottom-left {
border-radius: 0 0 0 80px;
}
.radius-bottom-right {
border-radius: 0 0 80px 0;
}
.radius-bottom-left > .uncol {
border-radius: 0 0 0 80px;
overflow: hidden !important;
}
.custom-link.btn.btn-circle {
padding: 16px 52px !important;
}
.ssm_custom .custom-link.btn.btn-circle.btn-sm {
padding: 17px 42px !important;
}
.vc_row.radius-bottom-left,
.vc_row.radius-bottom-right,
.vc_row.radius-top-right,
.vc_row.radius-top-left {
margin-top:-70px;
}
.uncode-single-media.radius-top-left,
.uncode-single-media.radius-top-right,
.uncode-single-media.radius-bottom-left,
.uncode-single-media.radius-bottom-right {
overflow: hidden;
}
.pl-3 {
padding-left: 3rem;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 1rem !important;
}
.-mt-1 {
margin-top: -1rem !important;
}
.-mt-5{
margin-top: -5rem !important;
}
.unradius-xl {
border-radius: 0 50px;
}
.ssm_bg_lightblue_70 {
background: #daedfa; background: -moz-linear-gradient(top, #daedfa 0%, #daedfa 70%, #ffffff 70%); background: -webkit-linear-gradient(top, #daedfa 0%,#daedfa 70%,#ffffff 70%); background: linear-gradient(to bottom, #daedfa 0%,#daedfa 70%,#ffffff 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daedfa', endColorstr='#ffffff',GradientType=0 ); }
#ssm_arrow {
position: absolute;
bottom: 90px;
left: 50%;
transform: translateX(-50%);
}
#ssm_stage i {
color: #fff;
font-size: 60px;
}
#ssm_stage .vc_custom_heading_wrap {
margin-top: 0 !important;
}
#ssm_stage .row-parent .row-child {
top: 1rem;
}
#ssm_stage h1 {
line-height: 1;
padding-left: 3rem;
text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
#ssm_stage h1, #ssm_stage p.h1{
line-height: 1;
padding-left: 3rem;
text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
#ssm_stage p.h1{
font-size:100px;
}
.single-portfolio #ssm_stage h1 {
line-height: 1.15;
}
#ssm_stage p {
font-size:60px;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
#ssm_courts .panel-body {
padding-top: 1.25rem;
}
#ssm_courts .panel-body ul {
margin: 0 !important;
}
#ssm_courts .panel-body ul li {
font-size: 16px;
margin-bottom:10px;
}
#ssm_courts .panel-body ul li ul {
margin-top: 10px !important;
}
.panel-title > a{
font-family:"Poppins Medium",sans-serif;
}
.style-dark .panel-group .panel-heading + .panel-collapse .panel-body {
border-color:transparent;
padding: 5px 20px 30px;
}
.style-dark .panel.wpb_accordion_section{
border-color: var(--ssm-darkblue);
}
.style-dark .panel-title > a {
color: var(--ssm-darkblue);
}
.vmenu-left .menu-container .row-inner *{
color: var(--ssm-darkblue);
}
.ssm_custom .custom-link.btn.btn-circle {
padding: 16px 52px !important;
}
body.menu-mobile-centered .menu-smart .style-light .drop-menu .search ::placeholder{
color: var(--ssm-blue);
}
body.menu-mobile-centered .menu-smart .style-light .drop-menu .search ::-webkit-input-placeholder{
color: var(--ssm-blue);
}
body.menu-mobile-centered .menu-smart .style-light .drop-menu .search ::-moz-placeholder{
color: var(--ssm-blue);
}
body.menu-mobile-centered .menu-smart .style-light .drop-menu .search :-ms-input-placeholder{
color: var(--ssm-blue);
}
body.menu-mobile-centered .menu-smart .style-light .drop-menu .search :-moz-placeholder {
color: var(--ssm-blue);
}
body.menu-mobile-centered .menu-smart input[type="search"] {
margin-top: 0;
background: #5aaed95c !important;
padding: 10px 15px 10px 15px !important;
}
.style-dark .btn-container .btn-accent.btn-circle.btn-outline:hover {
background-color: var(--ssm-darkblue) !important;
border-color: var(--ssm-darkblue) !important;
color: #fff!important
}
.style-light .btn-container .btn-color-xsdn.btn-circle.btn-outline:hover {
color: var(--ssm-darkblue) !important;
}
.ssm-team .tmb-meta-size-large.tmb .t-entry p.t-entry-meta span {
font-size: 17px;
}
.ssm-team .tmb-text-space-reduced.tmb .t-entry > :not(hr):not(.t-entry-readmore):not(:first-child).t-entry-excerpt {
margin-top: 10px !important;
font-size: 18px;
}
.ssm-team .tmb-text-space-reduced.tmb .t-entry > :not(hr):not(.t-entry-readmore):not(:first-child).t-entry-excerpt a {
color:#fff!important;
}
.ssm_custom .ssm-team .tmb-text-space-reduced.tmb .t-entry > :not(hr):not(.t-entry-readmore):not(:first-child).t-entry-excerpt a:hover,
.ssm_custom .ssm-team .tmb-text-space-reduced.tmb .t-entry > :not(hr):not(.t-entry-readmore):not(:first-child).t-entry-excerpt a:focus{
font-size:19px;
color:#fff!important;
}
.ssm_custom .style-dark .tmb .t-entry p.t-entry-comments .extras a:hover i,
.ssm_custom .style-dark .tmb .t-entry p.t-entry-comments .extras a:focus i {
color: #fff;
font-size: 25px;
}
.ssm-team .tmb-content-overlay .h1,
.ssm-team .tmb-content-overlay .h2,
.ssm-team .tmb-content-overlay .h3,
.ssm-team .tmb-content-overlay .h4,
.ssm-team .tmb-content-overlay .h5,
.ssm-team .tmb-content-overlay .h6 {
font-size: 26px !important;
}
.ssm-team .tmb-meta-size-large.tmb .t-entry p.t-entry-meta span,
.ssm-team .tmb-meta-size-large.tmb .t-entry p.t-entry-comments,
.ssm-team .tmb-meta-size-large.tmb .t-entry p.t-entry-author span.tmb-username-wrap {
font-size: 24px;
line-height: 1.3;
}
.ssm_hl_neg_top {
top:-80px;
position: relative;
}
.ssm_hl_half_neg_top {
top:-40px;
position: relative;
}
.is_stuck .menu-container {
box-shadow: 0 0 5px rgba(0,0,0,0.25);
}
.error404 .logo-image.logo-dark,
.logo-container.shrinked .logo-image.logo-dark {
display: block !important;
}
.error404 .logo-image.logo-light,
.logo-container.shrinked .logo-image.logo-light {
display:none;
}
.logo-light img.hoa_logo {
height: 80px!important;
margin-top: -1rem !important;
}
.logo-dark img.hoa_logo{
height: 40px!important;
top: -.5rem !important;
position: relative;
}
.uncode_text_column blockquote::after {
content: "";
background: var(--ssm-darkblue);
height: calc(100% - 1rem);
left: 5px;
top: 15px;
width: 8px;
position: absolute;
}
.uncode_text_column blockquote {
padding-left: 25px;
position: relative;
border:0 none !important;
font-size: 16px !important;
line-height: 1.2;
font-family:"Poppins Light", sans-serif;
}
.uncode_text_column blockquote strong {
font-size:20px;
font-family:"Poppins Medium", sans-serif;
line-height: 1.15;
}
.uncode_text_column blockquote p {
font-size: 16px !important;
padding-top: 10px;
}
.uncode_text_column blockquote::before {
content: url(//home-of-athletes.com/wp-content/themes/home-of-athletes/extensions/assets/ssm_quote.svg);
left: 0;
position: absolute;
top:6px;
}
#menu-footer-rechtliches {
list-style: disc;
padding-left: 15px;
margin: 0;
}
#masthead .lines-button .lines,
#masthead .lines-button .lines::before,
#masthead .lines-button .lines::after,
#masthead .lines-button .lines > span {
height: 3px;
width: 60px!important;
background: #fff;
}
.error404 #masthead .lines-button .lines,
.error404 #masthead .lines-button .lines::before,
.error404 #masthead .lines-button .lines::after,
.error404 #masthead .lines-button .lines > span,
#masthead.style-dark-original .lines-button .lines,
#masthead.style-dark-original .lines-button .lines::before,
#masthead.style-dark-original .lines-button .lines::after,
#masthead.style-dark-original .lines-button .lines > span,
#masthead.style-dark-override .lines-button .lines,
#masthead.style-dark-override .lines-button .lines::before,
#masthead.style-dark-override .lines-button .lines::after,
#masthead.style-dark-override .lines-button .lines > span {
background: var(--ssm-darkblue);
}
#masthead .lines-button .lines::before {
top: 10px;
width: 40px!important;
}
#masthead .lines-button .lines::after {
top: -10px;
}
#masthead .lines-button.close .lines::after {
top: 15px;
}
#masthead .lines-button.close .lines::before {
top: -12px;
width: 60px!important;
}
#masthead.menu-light .mobile-additional-icons {
right: 110px;
}
#masthead.menu-light .mobile-additional-icon.mobile-search-icon i {
font-size: 24px;
}
.error404 #masthead .mobile-additional-icon.mobile-search-icon i::before,
#masthead.style-dark-override .mobile-additional-icon.mobile-search-icon i::before {
color:var(--ssm-darkblue);
}
#masthead.menu-light .mobile-additional-icon.mobile-search-icon {
color: #fff!important;
padding-left: 0;
left: 0;
position: relative;
}
#masthead.menu-light.is_stuck .mobile-additional-icon.mobile-search-icon,
#masthead.menu-light.is_stuck .mobile-additional-icon.mobile-search-icon i::before{
color: var(--ssm-darkblue)!important;
}
.style-dark .menu-close-search .lines::before,
.style-dark .menu-close-search .lines::after {
background-color: #fff;
}
#masthead.is_stuck .lines-button .lines,
#masthead.is_stuck .lines-button .lines::before,
#masthead.is_stuck .lines-button .lines::after,
#masthead.is_stuck .lines-button .lines > span {
background: var(--ssm-darkblue);
}
.overlay.overlay-search.open .search-container form {
opacity: 1;
}
.style-dark .owl-element .t-entry-title,
.style-dark .owl-element .t-entry-title a,
.style-dark .owl-element .t-entry-excerpt p{
color:var(--ssm-darkblue)!important;
}
.owl-element .tmb-dark.tmb-bordered.tmb-no-bg.tmb > .t-inside .t-entry-visual {
border: 0;
}
.ssm_custom ul.icons li {
padding-left: 31px;
margin-bottom:20px;
}
.ssm_custom ul.icons li .fa{
margin-left: -31px;
}
footer .wpcf7 {
margin-top: 1rem !important;
}
.style-light #ssm_nl_form input[type="checkbox"]:checked::before,
.style-dark #ssm_nl_form input[type="checkbox"]:checked::before{
color:var(--ssm-darkblue);
top: -2px;
left: -1px;
font-size: 14px;
}
#ssm_acceptance {
margin-top: 15px;
padding: 0 20px;
float: left;
width: 100%;
}
#ssm_nl_form {
margin-left: -15px;
margin-right: -15px;
}
#ssm_nl_form .form-group .wpcf7-text:focus{ border:0 none !important;
}
#ssm_nl_form .form-group .wpcf7-text{
width: 100%;
background: #fff !important;
color: var(--ssm-darkblue);
padding: 14px 170px 15px 20px !important;
border-radius: 30px;
margin-top: 0;
font-size: 16px;
border:0 none !important;
}
#ssm_nl_form .wpcf7-not-valid-tip {
color: var(--ssm-magenta) !important;
}
footer .wpcf7-response-output{
float:left;
margin-top: 4px !important;
}
.form-group ::placeholder{
color: #333 !important;
}
.form-group ::-webkit-input-placeholder{
color: #333 !important;
}
.form-group ::-moz-placeholder{
color: #333 !important;
}
.form-group :-ms-input-placeholder{
color: #333 !important;
}
.form-group :-moz-placeholder{
color: #333 !important;
}
.form-group {
margin-top: 1em;
float: left; width: calc(100% + 30px);
margin-right: -15px;
margin-left: -15px;
}
.form-col-6,
.form-col-12 {
width: 100%;
float: left;
padding: 0 15px;
margin-bottom: 15px;
position: relative;
}
.form-col-6:last-of-type,
.form-col-12:last-of-type {
margin-bottom: 0;
}
.form-col-6 br,
.form-col-12 br{
display: none;
}
span.wpcf7-list-item {
margin-right: 1em;
margin-left: 0;
width: 100%;
}
.wpcf7-acceptance .wpcf7-list-item-label {
font-size: 12px;
font-weight: 400;
line-height: 1.3;
top: 3px;
left: 15px;
position: absolute;
width: calc(100% - 65px);
}
#ssm_nl_form .wpcf7-submit {
position: absolute;
top: 2px;
height: 50px;
background: var(--ssm-darkblue);
line-height: 1;
border: 0;
border-radius: 0 30px 30px 0;
right: 17px;
width: 165px;
padding: 0;
font-size: 16px;
}
#ssm_nl_form .form-group{
margin: 0;
width: 100%;
}
#ssm_nl_form #ssm_acceptance {
}
#ssm_nl_form .wpcf7-spinner {
position: absolute;
right: -45px;
top: 15px;
}
#ssm_form textarea {
border: 2px solid #bfbfbf;
border-radius: 10px;
padding: 20px !important;
color: var(--ssm-darkblue);
height: 240px;
}
#ssm_form input[type="checkbox"]:checked::before {
padding: 0;
font-size: 14px;
}
#ssm_form input[type="checkbox"] {
border: 2px solid #bfbfbf !important;
width: 20px;
height: 20px;
border-radius: 3px;
padding: 2px;
}
#ssm_form small {
margin-top: 20px;
display: block;
}
#ssm_form input[type="file"] {
cursor: pointer;
opacity: 0;
position: absolute;
}
label[for="ssm_fileupload"] {
position: relative;
}
#ssm_form .ssm_fileallowed {
margin: 0 0 0 20px;
font-size: 14px;
}
#ssm_form .ssm_label {
padding: 12px 20px;
background-color: #fff;
color:var(--ssm-darkblue);
border: 2px solid;
border-radius: 50px;
margin-top: 5px;
display: block;
width: 300px;
text-align: center;
position: relative;
z-index: 2;
cursor: pointer;
transition: 0.2s ease-in-out;
}
#ssm_form label[for="ssm_fileupload"]:hover .ssm_label {
background-color: var(--ssm-darkblue);
color: #fff;
}
#ssm_form .wpcf7-submit {
font-size: 18px;
font-weight: 400 !important;
letter-spacing: 0;
border-width: 2px;
padding: 10px 47px !important;
text-transform: initial;
background: var(--ssm-darkblue);
border-color: var(--ssm-darkblue);
border-radius: 50px;
display: block;
margin: 40px 0 0;
color: #fff;
}
.wpcf7 .wpcf7-mail-sent-ok,
.wpcf7 .wpcf7-validation-errors,
.wpcf7 span.wpcf7-not-valid-tip {
margin: 7px 0 0 0;
}
div.wpcf7 form .wpcf7-response-output {
font-size: 16px;
font-family: 'Poppins Medium', Helvetica, Arial, sans-serif;
color: var(--ssm-green);
}
#ssm_form .wpcf7-submit:hover {
background: #fff;
color: var(--ssm-darkblue);
}
#ssm_form .form-group .wpcf7-select,
#ssm_form .form-group .wpcf7-text {
width: 100%;
background: #fff !important;
color: var(--ssm-darkblue);
padding: 14px 20px 14px !important;
border-radius: 10px;
margin-top: 0;
font-size: 16px;
border: 2px solid #bfbfbf;
}
.wpcf7 form .wpcf7-response-output {
border: 0 none;
}
.ssm_competence_box > div {
transition: 0.3s ease-in-out;
}
.ssm_competence_box:hover > div {
transform: scale(1.05);
}
.ssm_competence_box ul li {
margin-bottom: 15px;
}
.ssm_box_court h3,
.ssm_competence_box h3{
transition: 0.3s ease-in-out;
}
.ssm_box_court:hover h3,
.ssm_competence_box:hover h3 {
transform: scale(1);
}
.ssm-scale {
padding: 0 12px 0 5px !important
}
.ssm-scale a {
display: block;
width: 30px;
height: 30px;
text-align: center;
position: relative;
}
.ssm-scale a i{
position: absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
transition: 0.3s;
}
.ssm-scale a:hover i.fa {
font-size: 50px;
}
footer p,
footer li a {
font-size:16px;
font-family: "Poppins Light", Helvetica, Arial, sans-serif;
}
footer .social-icon a i {
font-size: 30px !important;
}
footer #copyright p {
text-transform: uppercase;
}
footer #ssm_fingerprint .icon-media {
top: -6px;
position: relative;
}
footer #ssm_fingerprint .icon-box-content {
padding-left: 0;
}
footer .footer-last{
display:none!important
}
.style-light.footer-scroll-top .scroll-top i {
color: var(--ssm-darkblue) !important;
font-size: 28px;
width: 40px;
height: 40px;
line-height: 1.3;
box-shadow: 0 0 3px rgba(0,0,0,0.15);
background: #f9f9f9 !important;
}
body.ssm_custom .style-dark .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span,
body.ssm_custom .style-dark .t-entry-meta.t-entry-type span,
body.ssm_custom .style-dark .t-entry-title a,
body.ssm_custom .style-dark .t-entry-text p{
color:var(--ssm-darkblue)!important;
}
.ssm_blog .style-dark .t-entry-date {
color: var(--ssm-darkblue) !important;
}
.ssm_blog .style-dark .tmb .t-cat-over {
opacity: 1;
padding: 3px 8px;
}
.ssm_blog .style-dark .t-entry-text-tc.single-block-padding {
padding-top: 15px;
}
.ssm_blog .style-dark .tmb .t-cat-over .t-cat-over-inner a{
color: var(--ssm-darkblue) !important;
background-color: #fff !important;
padding: 0 5px;
}
.ssm_custom.archive .style-dark .tmb .t-entry p.t-entry-comments .extras .extras-wrap,
.ssm_custom.category .style-dark .tmb .t-entry p.t-entry-comments .extras .extras-wrap,
.ssm_blog .style-dark .tmb .t-entry p.t-entry-comments .extras .extras-wrap {
color: var(--ssm-darkblue) !important;
}
.ssm_custom.category .style-dark .t-entry-readmore.btn-container .btn,
.ssm_custom.archive .style-dark .t-entry-readmore.btn-container .btn,
.ssm_blog .style-dark .t-entry-readmore.btn-container .btn {
background: var(--ssm-darkblue) !important;
padding: 10px 40px !important;
font-family: 'Poppins Light', sans-serif !important;
margin-top: 15px !important;
border: 1px solid var(--ssm-darkblue) !important;
border-radius: 30px;
margin-bottom: 1rem;
}
.ssm_custom.category .style-dark .tmb .t-entry p.t-entry-comments .extras a:hover i,
.ssm_custom.archive .style-dark .tmb .t-entry p.t-entry-comments .extras a:hover i,
.ssm_blog .style-dark .tmb .t-entry p.t-entry-comments .extras a:hover i,
.ssm_custom.category .style-dark .tmb .t-entry p.t-entry-comments .extras a:focus i,
.ssm_custom.archive .style-dark .tmb .t-entry p.t-entry-comments .extras a:focus i,
.ssm_blog .style-dark .tmb .t-entry p.t-entry-comments .extras a:focus i{
color: var(--ssm-darkblue);
font-size: 17px;
}
.ssm_custom.archive .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.ssm_custom.category .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.ssm_blog .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.ssm_custom.archive .style-dark .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.ssm_custom.category .style-dark .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.ssm_blog .style-dark .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.ssm_custom.category .style-dark .t-entry-readmore.btn-container .btn:hover,
.ssm_custom.archive .style-dark .t-entry-readmore.btn-container .btn:hover,
.ssm_blog .style-dark .t-entry-readmore.btn-container .btn:hover {
background: #fff !important;
color: var(--ssm-darkblue) !important;
margin-top: 15px !important;
border: 1px solid var(--ssm-darkblue) !important;
}
.ssm_custom.archive .style-dark .tmb-dark.tmb .t-entry-text hr,
.ssm_custom.category .style-dark .tmb-dark.tmb .t-entry-text hr,
.ssm_blog .style-dark .tmb-dark.tmb .t-entry-text hr {
border-color:  var(--ssm-darkblue);
}
.ssm_custom.archive .style-dark .t-entry-meta.t-entry-author a span,
.ssm_custom.category .style-dark .t-entry-meta.t-entry-author a span,
.ssm_blog .style-dark .t-entry-meta.t-entry-author a span{
color: var(--ssm-darkblue) !important;
}   body.ssm_custom.archive.textual-accent-color .post-content > div .style-dark .t-entry-meta span.t-entry-category.t-entry-tax a,
body.ssm_custom.category.textual-accent-color .post-content > div .style-dark .t-entry-meta span.t-entry-category.t-entry-tax a,
body.ssm_blog .post-content > div .style-dark .t-entry-meta span.t-entry-category.t-entry-tax a {
color: #fff !important;
padding: 0 5px;
background-color: var(--ssm-darkblue) !important;
}
html body.ssm_custom.category.textual-accent-color .post-content > div .style-dark .t-entry-meta span.t-entry-category.t-entry-tax a:hover,
html body.ssm_custom.archive.textual-accent-color .post-content > div .style-dark .t-entry-meta span.t-entry-category.t-entry-tax a:hover,
html body.ssm_blog.textual-accent-color .post-content > div .style-dark .t-entry-meta span.t-entry-category.t-entry-tax a:hover {
color:#fff!important;
}
.cleverreach_nl_form .cr_form-block.cr_button {
border: 2px solid var(--ssm-darkblue) !important;
color: #fff;
border-radius: 10em;
padding: 13px 52px !important;
background: var(--ssm-darkblue) !important;
transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.cleverreach_nl_form .cr_form-block.cr_button:hover {
color: var(--ssm-darkblue);
background: #fff !important;
}
.cleverreach_nl_form .cr_form-inputgroup.cr_form-inputgroup--typeemail input {
border: 2px solid var(--ssm-darkblue);
border-radius: 50px;
padding: 10px 20px !important;
display: block;
}
.cleverreach_nl_form  .badge{
display:none!important;
}
.cleverreach_nl_form .musthave br {
display: none !important;
}
.cleverreach_nl_form .editable_content div:nth-child(2) {
margin: 15px 0;
}
.ssm_case_checklist .uncode-wrapper.uncode-list {
margin-top: 15px !important;
}
.ssm_case_checklist h3.h4 {
border-bottom: 2px solid;
padding-bottom: 15px;
}
.post-navigation .nav-back a.btn {
padding: 16px 52px !important;
color: #273c4e !important;
border-radius: 10em;
border: 2px solid #273c4e;
}
.post-navigation .nav-back a.btn:hover {
color: #fff !important;
border-radius: 10em;
background-color:#273c4e;
}
.post-navigation .pagination .page-prev i,
.post-navigation .navigation .page-prev i{
font-size:30px;
top: 50%;
position: absolute;
transform: translateY(-50%);
left:0;
}
.post-navigation .pagination .page-next i,
.post-navigation .navigation .page-next i {
font-size: 30px;
top: 50%;
position: absolute;
transform: translateY(-50%);
right: 0;
}
.navigation .page-prev .btn-link {
padding-left: 25px !important;
}
.navigation .page-next .btn-link {
padding-right: 25px !important;
}
.ssm_custom .post-content iframe {
width: 100%;
height: 100vH;
max-height: 682px!important;
}
.ssm_custom.search-results .style-dark .t-entry-readmore.btn-container a.btn {
border: 2px solid var(--ssm-darkblue) !important;
padding: 13px 40px !important;
border-radius: 10em;
background-color: #fff !important;
color: var(--ssm-darkblue) !important;
font-size: 16px !important;
margin-top: 5px;
}
.ssm_custom.search-results .style-dark .t-entry-readmore.btn-container a.btn:hover {
background-color: var(--ssm-darkblue) !important;
color: #fff !important;
}
.search-no-results .page-content .search-field {
border-bottom: 2px solid var(--ssm-darkblue) !important;
margin-top: 150px;
}
.search-no-results .no-results h1 {
text-transform: uppercase;
}
.search-no-results .search-container-inner i.fa {
margin-top: -14px;
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url]{
padding: 10px 20px !important;
border: 2px solid var(--ssm-borderblue);
border-radius: 10px;
color:var(--ssm-darkblue);
font-size: 1rem;
background-color: rgba(255, 255, 255, 0.5)!important;
} #commentform textarea {
border: 2px solid var(--ssm-borderblue);
border-radius: 10px;
color: var(--ssm-darkblue);
padding: 15px !important;
background-color: rgba(255, 255, 255, 0.5)!important;
}
#commentform input[type=checkbox]{
border: 2px solid var(--ssm-borderblue);
border-radius: 4px;
color:var(--ssm-darkblue);
width: 20px;
height: 20px;
background-color: rgba(255, 255, 255, 0.5)!important;
}
#commentform .form-submit #submit {
border: 2px solid var(--ssm-darkblue) !important;
border-radius: 10em;
padding: 13px 40px !important;
background-color: var(--ssm-darkblue) !important;
color: #fff !important;
font-size: 16px !important;
margin-top: 5px;
}
#commentform .form-submit #submit:hover {
background-color: transparent!important;
color: var(--ssm-darkblue) !important;
}
.comment-content {
padding: 18px 0 0 0;
}
.comment {
margin: 25px 0 0 0;
}
div.comment-meta.post-meta {
margin-left: 1rem;
}
.comment-content .comment-meta p{
font-size:16px;
}
.comment-content .comment-meta .comment-edit-link p.comment-meta-item {
font-size: 12px;
}
.comment-content .comment-meta .comment-edit-link p.comment-meta-item:hover {
text-decoration: underline;
}
.comment-content .logged-in-as {
font-size: 18px;
}
.comment-content .comment-reply-link {
background: var(--ssm-darkblue);
color: #fff;
padding: 0 12px;
border-radius: 20px;
margin-top: 51px;
font-size: 11px;
border: 2px solid var(--ssm-darkblue);
}
.comment-content .comment-reply-link:hover {
color: var(--ssm-darkblue);
background: #fff;
}
.comment-form .comment-figure .clearfix {
font-size: 14px;
}
.post-footer.post-footer-dark.row-container{
background-color:var(--ssm-ultralightblue);
}
.post-wrapper .post-footer.post-footer-dark {
border:none;
}
.widget h2 {
text-transform: uppercase;
margin-bottom: 0.5rem;
font-size: 28px;
}
.widget_search .wp-block-search__button{
border: 2px solid var(--ssm-darkblue) !important;
border-radius: 10em;
padding: 13px 40px !important;
background-color: var(--ssm-darkblue) !important;
color: #fff !important;
font-size: 16px !important;
margin-top: 5px;
}
.widget ul li a,
.widget .wp-block-latest-comments .wp-block-latest-comments__comment a,
.widget .wp-block-categories-list.wp-block-categories a,
.widget .wp-block-archives-list.wp-block-archives a,
.widget .wp-block-latest-posts__list.wp-block-latest-posts a{
color:var(--ssm-darkblue);
}
.widget ul li a:hover,
.widget .wp-block-latest-comments .wp-block-latest-comments__comment a:hover,
.widget .wp-block-categories-list.wp-block-categories a:hover,
.widget .wp-block-archives-list.wp-block-archives a:hover,
.widget .wp-block-latest-posts__list.wp-block-latest-posts a:hover{
text-decoration: underline;
}
.widget_search .wp-block-search__button:hover {
background-color: #fff !important;
color: var(--ssm-darkblue) !important;
}
.single .header-bg::after {
background: linear-gradient(to bottom , rgb(0, 0, 0) 11% , rgba(255, 255, 255, 0) 50%);
opacity: 0.4;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
}
.single .post-title {
text-transform: uppercase;
font-size: 48px;
}
.single .post-content .post-info {
font-size: 16px;
}
.single .post-wrapper .post-footer {
border-top-width: 2px;
}
.crnl_process {
display:none;
}
#ssm_git_nl_form #ssm_nl_email {
max-width: 390px;
border: 2px solid var(--ssm-darkblue);
border-radius: 30px;
padding: 10px 20px 10px 20px !important;
width: 100%;
}
#ssm_git_nl_form .wpcf7-submit {
border: 2px solid var(--ssm-darkblue) !important;
color: #fff;
border-radius: 10em;
padding: 11px 46px;
background: var(--ssm-darkblue) !important;
transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
margin-top: 10px;
max-width: 390px;
}
#ssm_git_nl_form .wpcf7-submit:hover{
color: var(--ssm-darkblue);
background: #fff !important;
}
#ssm_git_nl_form #ssm_acceptance{
padding: 0;
}
#ssm_git_nl_form #ssm_acceptance #ssm_nl_acceptance:checked::before {
font-size: 15px;
}
#ssm_git_nl_form #ssm_acceptance #ssm_nl_acceptance {
border: 2px solid var(--ssm-darkblue);
width: 20px;
height: 20px;
}
#ssm_git_nl_form .wpcf7-acceptance .wpcf7-list-item-label{
max-width: 390px;
}
#ssm_git_nl_form .wpcf7-not-valid-tip {
color:var(--ssm-magenta)!important;
}
#hoa_home_nl_form {
margin-top:18px!important;
}
#hoa_home_nl_form input[type=text],
#hoa_home_nl_form input[type=email], 
#hoa_home_nl_form textarea {
color: #fff;
border-radius: 40px;
border: 2px solid;
width: 100%;
background: rgba(255,255,255,0.3) !important;
font-weight: 700;
padding: 10px 20px 10px 20px !important;
}
#hoa_home_nl_form .form-group ::placeholder {
color: #fff !important;
opacity: 1;
}
#hoa_home_nl_form  #hoa_home_nl_msg {
height: 120px;
padding-top: 20px !important;
}
#hoa_home_nl_form .wpcf7-submit {
border: 2px solid #fff !important;
color: #fff;
border-radius: 10em;
padding: 11px 46px;
background: var(--ssm-darkblue) !important;
transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
margin-top: 10px;
max-width: 390px;
}
#hoa_home_nl_form input[type="checkbox"]:checked::before{
color: var(--ssm-darkblue);
font-size: 14px !important;
margin-top: -3px;
margin-left: -1px;
}
#hoa_home_nl_form input.clever_form_error {
border-color: var(--ssm-magenta) !important;
}
#hoa_home_nl_form  .clever_form_error input[type="checkbox"] {
border-color: var(--ssm-magenta);
} .portfolio-template-default a[title='Our Work'],
.athlet-template-default a[title~=Athletes]{
color: var(--ssm-hoverblue)!important;
}
@media(min-width:1191px){
#main-logo{
left: 0;
}
.off-opened #main-logo {
left: 360px;
transition: left 0.2s 0.7s ease-in-out;
}
.form-col-6 {
width: 50%;
float: left;
position: relative;
margin-bottom: 0;
}
}
@media(max-width:991px){
.logo-container .logo-image.logo-dark {
display: block !important;
}
.logo-container .logo-image.logo-light {
display:none;
}
body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item > a,
body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item > a,
body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart li.menu-item > a,
body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item-link > a,
body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item-link > a,
body.menu-mobile-centered .overlay-menu .navbar-main .menu-sidebar-inner ul.menu-smart li.menu-item-link > a {
font-size: 26px !important;
text-transform: uppercase!important;
}
body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item > ul.drop-menu li a{
text-transform: none!important;
font-size: 20px !important;
}
body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item > ul.drop-menu {
padding: 0 !important;
}
body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart li.menu-item > ul.drop-menu i.menu-icon {
display: inline-block !important;
}
.vmenu-left .menu-container .dropdown-toggle .fa.fa-angle-down.fa-dropdown {
display: block !important;
position: absolute;
top: 6px;
right: 2rem;
font-size: 26px;
}
}
@media(max-width:1024px){
#ssm_stage p {
font-size: 36px;
}
.ssm_kachel_row .radius-bottom-left > .uncol,
.ssm_kachel_row .radius-bottom-left{
border-radius: 0;
}
.ssm_case_checklist h3.h4 {
font-size: 20px;
}
.ssm-case-subheading p {
font-size: 19px;
}
.single .post-title {
font-size: 32px;
}
.post-navigation .nav-back a.btn {
padding: 12px 36px !important;
font-size: 16px;
}
.pagination .page-prev .btn-link, .navigation .page-prev .btn-link,
.pagination .page-next .btn-link, .navigation .page-next .btn-link {
font-size: 14px;
}
.athlet-template-default h1:not([class*="fontsize-"]),
.athlet-template-default .h1:not([class*="fontsize-"]) {
font-size: 60px;
}
}
@media(max-width:959px){
li.search-icon a {
display: none !important;
}
li.search-icon ul {
display: block !important;
}
.vmenu-left .menu-container .row-inner * {
text-align: left;
}
.ssm_custom .submenu-light .menu-accordion .menu-smart ul {
padding-left: 0 !important;
}
}
@media(max-width:800px){
#ssm_stage p {
font-size: 28px;
}
#ssm_stage h1, #ssm_stage p.h1{
padding-left: 1rem;
font-size: 60px;
}
#masthead.menu-light .mobile-menu-button .lines,
#masthead.menu-light .mobile-menu-button .lines > span,
#masthead.menu-light .mobile-menu-button .lines::before,
#masthead.menu-light .mobile-menu-button .lines::after{
background: var(--ssm-darkblue);
}
body.ssm_custom .shift_x_half,
body.ssm_custom .shift_x_single,
body.ssm_custom .shift_x_double,
body.ssm_custom .shift_x_triple,
body.ssm_custom .shift_x_quad {
left: 0 !important;
}
body.ssm_custom .shift_right_x_half,
body.ssm_custom .shift_right_x_single,
body.ssm_custom .shift_right_x_double,
body.ssm_custom .shift_right_x_triple,
body.ssm_custom .shift_right_x_quad {
right: 0 !important;
}
body.ssm_custom .shift_x_neg_half,
body.ssm_custom .shift_x_neg_single,
body.ssm_custom .shift_x_neg_double,
body.ssm_custom .shift_x_neg_triple,
body.ssm_custom .shift_x_neg_quad {
left: 0 !important;
}
body.ssm_custom .shift_right_x_neg_half,
body.ssm_custom .shift_right_x_neg_single,
body.ssm_custom .shift_right_x_neg_double,
body.ssm_custom .shift_right_x_neg_triple,
body.ssm_custom .shift_right_x_neg_quad {
right: 0 !important;
}
body.ssm_custom .shift_y_half,
body.ssm_custom .shift_y_single,
body.ssm_custom .shift_y_double,
body.ssm_custom .shift_y_triple,
body.ssm_custom .shift_y_quad {
margin-top: 0!important
}
body.ssm_custom .shift_y_neg_half,
body.ssm_custom .shift_y_neg_single,
body.ssm_custom .shift_y_neg_double,
body.ssm_custom .shift_y_neg_triple,
body.ssm_custom .shift_y_neg_quad {
margin-top: 0!important
}
body.ssm_custom .shift_y_down_half,
body.ssm_custom .shift_y_down_single,
body.ssm_custom .shift_y_down_double,
body.ssm_custom .shift_y_down_tripple,
body.ssm_custom .shift_y_down_quad {
margin-bottom: 0!important;
}
body.ssm_custom .shift_y_down_neg_half,
body.ssm_custom .shift_y_down_neg_single,
body.ssm_custom .shift_y_down_neg_double,
body.ssm_custom .shift_y_down_neg_tripple,
body.ssm_custom .shift_y_down_neg_quad{
margin-bottom: 0!important;
}
.inverted-device-order .radius-top-right,
.inverted-device-order .radius-bottom-right{
border-radius: 50px 0 0 0;
}
.inverted-device-order .radius-top-right.ssm_mobile_no_radius,
.inverted-device-order .radius-bottom-right.ssm_mobile_no_radius{
border-radius: 0;
}
.ssm_custom .custom-link.btn.btn-circle {
padding: 16px 30px !important;
transition: background-color 0.5s!important;
}
.vmenu-container .main-menu-container > div:only-child:not(.vmenu-wrap-cell) > *,
.vmenu-container .main-menu-container .vmenu-wrap-cell > div:only-child > * {
background-color: #fff!important;
}
.search-icon .drop-menu {
display: block !important;
}
.search-icon .drop-menu > li{
position: relative;
}
.search-icon .drop-menu > li::after {
content: "\e088";
font-family: uncodeicon;
position: absolute;
right: 45px;
top: 20px;
font-size: 20px;
color: var(--ssm-darkblue);
}
.ssm_custom .post-content iframe {
max-height: 385px!important;
}
.ssm_kachel_row {
margin-top: 0 !important;
}
.ssm_kachel_row .wpb_column.pos-top {
padding-top: 0 !important;
}
.ssm_mobile_no_radius{
border-radius: 0!important;
}
}
@media(max-width:640px){
.radius-top-left {
border-radius: 50px 0 0 0;
}
.radius-top-right {
border-radius: 0 50px 0 0;
}
.radius-bottom-left {
border-radius: 0 0 0 50px;
}
.radius-bottom-right {
border-radius: 0 0 50px 0;
}
.radius-bottom-left > .uncol {
border-radius: 0 0 0 50px;
overflow: hidden !important;
}
.mobile-mt-0 {
margin-top: 0 !important;
}
.mobile-pt-0 {
padding-top: 0 !important;
}
h2:not([class*="fontsize-"]),
.h2:not([class*="fontsize-"]) {
font-size: 32px;
}
.ssm_custom .main-container .row-container .single-h-padding{
padding-left: 24px;
padding-right: 24px;
}
.ssm_custom .menu-container .logo-container {
padding: 27px 24px 27px 24px !important;
}
.mobile-hidden {
display: block;
}
#ssm_stage {
padding-top: 200px;
}
#ssm_stage h1 {
padding:5px 1rem 15px;
}
#ssm_stage h1, #ssm_stage p.h1 {
font-size: 36px;
}
#ssm_stage p.h1{
padding:10px 1rem 25px
}
#ssm_stage p {
font-size: 22px;
}
#ssm_stage .row-parent .row-child {
top: 3rem;
}
#ssm_stage .row.loaded-split-word {
padding: 30px;
}
.ssm_competence_box h3:not([class*="fontsize-"]),
.ssm_competence_box .h3:not([class*="fontsize-"]) {
font-size: 36px;
}
#ssm_jobs_accordion .double-block-padding {
padding: 48px 0;
}
#ssm_jobs_accordion .style-dark .panel-group .panel-heading + .panel-collapse .panel-body {
padding: 5px 0 30px;
}
.main-container #row-unique-0.row-container .triple-top-padding {
padding-top: 36px;
}
.style-dark .panel-title > a {
padding-right: 20px;
font-size: 18px;
line-height: 1.4;
}
.wpcf7-acceptance .wpcf7-list-item-label {
line-height: 1.3;
top: -23px;
left: 20px;
position: relative;
display: block;
width: calc(100% - 20px);
}
#ssm_form .wpcf7-submit {
margin: 10px 0 0;
}
#ssm_form small {
margin-top: -20px;
}
#ssm_mobile_carousel .owl-dots span {
background-color: var(--ssm-ultralightblue);
}
#ssm_mobile_carousel .owl-dots {
bottom: -65px;
}
.owl-carousel-wrapper.desktop-hidden {
margin-top: 0 !important;
padding-bottom: 20px;
}
#ssm_mobile_carousel .owl-nav .style-dark .btn-default{
background: rgba(255,255,255,0.5)!important;
}
.ssm_custom .double-block-padding {
padding: 30px;
}
.custom-link.btn.btn-circle {
width: 100%;
transform: none !important;
}
#ssm_nl_form .wpcf7-submit {
width: 130px;
}
footer #copyright p {
font-size: 12px;
}
.ssm_custom .tmb-content-overlay .h1,
.ssm_custom .tmb-content-overlay .h2,
.ssm_custom .tmb-content-overlay .h3,
.ssm_custom .tmb-content-overlay .h4,
.ssm_custom .tmb-content-overlay .h5,
.ssm_custom .tmb-content-overlay .h6 {
font-size: 30px !important;
}
.ssm-team .tmb-meta-size-large.tmb .t-entry p.t-entry-meta span,
.ssm-team .tmb-meta-size-large.tmb .t-entry p.t-entry-author span.tmb-username-wrap {
font-size: 14px;
}
.ssm-team .tmb-meta-size-large.tmb .t-entry p.t-entry-comments .fa-envelope-o {
font-size:18px;
}
.ssm-team .tmb-text-space-reduced.tmb .t-entry > :not(hr):not(.t-entry-readmore):not(:first-child).t-entry-excerpt {
margin-top: 15px !important;
margin-bottom: 10px;
}
.ssm_custom .style-light .owl-nav-container.btn-default{
background-color: rgba(0,0,0,0.2) !important;
}
.ssm_custom .style-dark .owl-nav-container.btn-default {
background-color: rgba(255,255,255,0.2) !important;
}
.ssm_custom .owl-prev i,
.ssm_custom .owl-next i {
font-size: 28px;
} .ssm_case_checklist {
margin-bottom: 3rem;
}
}
@media(max-width:414px){
.ssm_custom .post-content iframe {
max-height: 205px!important;
}
.cleverreach_nl_form .cr_form-inputgroup.cr_form-inputgroup--typeemail input{
width:100%
}
}