/*
Theme Name: Unicon Child Theme
Description: Unicon Child Theme for your Customizations
Author: minti
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");

/** give copyright a little room to breathe **/
#copyright {
    padding-bottom: 40px;
}

/* move "Back to Top" icon to left side of page, so doesn't interfere with ReCaptcha */
#back-to-top {
	right: auto !important;
	left: 0 !important;
	bottom: 15px !important;
	box-shadow: 0 0 6px 0px rgba(255, 255, 255, .5);
}
#back-to-top a {
    border-radius: 0 3px 3px 0 !important;
}


/** Fix social media icon layout **/
.social-icon {
    margin-bottom: 5px!important;
}

/** Improving a11y for top-level main nav items **/
.header-v1 .logo,
#mobile-header .logo {
    margin-top: 0px!important;
}
.header-v1 .logo a,
#mobile-header .logo a {
    display: block;
    margin: 24px 0!important;
}
.header-v1 #navigation > ul > li {
    padding-top: 0!important;
}
.header-v1 #navigation > ul > li > a {
    padding: 35px 15px!important;
}

/** Helping sub-menu drop-downs be visible **/
.header-v1 #navigation .sub-menu {
    border: 1px solid #ddd;
    border-top: 0;
}

/** Fix mobile search appearance **/
#mobile-navigation form,
#mobile-navigation form input {
    background: #fff!important;
    color: #444!important;
}
#mobile-navigation form {
    border: 1px solid #ccc!important;
}

/** Adding highlight to mobile nav top-level **/
#mobile-nav li.current-menu-item > a, 
#mobile-nav li.current-page-ancestor > a, 
#mobile-nav li.current-menu-ancestor > a, 
#mobile-nav li.current-menu-parent > a, 
#mobile-nav li.current_page_ancestor > a {
    color: #14abb9!important;
}

/** Adding highlight to active sub-page in drop-down menu **/
#navigation .sub-menu li.current_page_item > a, 
#navigation .sub-menu li.current_page_item > a:hover, 
#navigation .sub-menu li.current-menu-item > a, 
#navigation .sub-menu li.current-menu-item > a:hover, 
#navigation .sub-menu li.current-page-ancestor > a, 
#navigation .sub-menu li.current-page-ancestor > a:hover, 
#navigation .sub-menu li.current-menu-ancestor > a, 
#navigation .sub-menu li.current-menu-ancestor > a:hover, 
#navigation .sub-menu li.current-menu-parent > a, 
#navigation .sub-menu li.current-menu-parent > a:hover, 
#navigation .sub-menu li.current_page_ancestor > a, 
#navigation .sub-menu li.current_page_ancestor > a:hover,
#mobile-nav .sub-menu li.current_page_item > a, 
#mobile-nav .sub-menu li.current_page_item > a:hover, 
#mobile-nav .sub-menu li.current-menu-item > a, 
#mobile-nav .sub-menu li.current-menu-item > a:hover, 
#mobile-nav .sub-menu li.current-page-ancestor > a, 
#mobile-nav .sub-menu li.current-page-ancestor > a:hover, 
#mobile-nav .sub-menu li.current-menu-ancestor > a, 
#mobile-nav .sub-menu li.current-menu-ancestor > a:hover, 
#mobile-nav .sub-menu li.current-menu-parent > a, 
#mobile-nav .sub-menu li.current-menu-parent > a:hover, 
#mobile-nav .sub-menu li.current_page_ancestor > a, 
#mobile-nav .sub-menu li.current_page_ancestor > a:hover {
    color: #14abb9!important;
}

/** Contact Form 7 **/
/** Changing "success" form submission color from "alert red" to "comforting green"... **/
div.wpcf7-mail-sent-ok {
    background: green!important;
}
.wpcf7-form {
    position: relative!important;
}
.wpcf7-form * {
    font-size: 16px!important;
}
.wpcf7-form br {
    display: none;
}
.wpcf7-form .required {
    position: absolute;
    top: 2px;
    left: -14px;
    color: #f40c24;
}
.wpcf7-form .row {
    margin: 0;
}
@media (min-width: 650px) {
    .wpcf7-form .row {
        display: flex;
        margin: 0;
    }
    .wpcf7-form .width-half,
    .wpcf7-form .with-units > label,
    .wpcf7-form .with-units > span {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
    }
    .wpcf7-form .width-half + .width-half,
    .wpcf7-form .width-half + br + .width-half,
    .wpcf7-form .with-units + .with-units {
        margin-left: 4%!important;
    }
    .wpcf7-form .width-half + br,
    .wpcf7-form .width-half > label > br,
    .wpcf7-form .with-units > br {
        display: none;
    }
}
.wpcf7-form .with-units > span {
    top: 14px;
}
.wpcf7-form input[type="date"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="text"],
.wpcf7-form input[type="url"],
.wpcf7-form select,
.wpcf7-form textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 12px;
    outline: none !important;
    border-radius: 2px;
    font-family: monospace!important;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    margin: 0!important;
    width: 100%!important;
    max-width: 100%;
    display: block;
    color: #262626;
    line-height: 1.6;
    border: 1px solid #ccc;
    background: #f5f3f3;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.wpcf7-form input[type="date"] {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 47px;
}
.wpcf7-recaptcha {
    margin-top: -14px;
}
.wpcf7-form input[type="submit"] {
    background-color: #f40c24!important;
    color: #fff!important;
}
/** have to do placeholders individually **/
.wpcf7-form ::-webkit-input-placeholder {
    opacity: 1;
    font-family: monospace;
    color: #999;
}
.wpcf7-form ::-moz-placeholder {
    opacity: 1;
    font-family: monospace;
    color: #999;
}
.wpcf7-form :-ms-input-placeholder {
    opacity: 1;
    font-family: monospace;
    color: #999;
}
.wpcf7-form ::placeholder {
    opacity: 1;
    font-family: monospace;
    color: #999;
}
.wpcf7-form input[type="date"] {
    opacity: 1;
    font-family: monospace;
    color: #999;
}
.wpcf7-form .simpleselect .placeholder, 
.wpcf7-form .simpleselect .options .option, 
.wpcf7-form .simpleselect .options .optgroup .optgroup-label {
    padding: 8px 4px;
    font-family: monospace;
    color: #262626!important;
    background: #f5f3f3!important;
}
.wpcf7-form .simpleselect .options .option:hover,
.wpcf7-form .simpleselect .options .option.active {
    color: #fff!important;
    background: #666!important;
}
/** sometimes, in overlay, dropdown forgets to open **/
.simpleselect.active .options {
    display: block!important;
    top: 39px!important;
    max-width: 99%!important;
    height: auto!important;
    overflow-y: auto!important;
    opacity: 1!important;
    border-radius: 0;
}
.wpcf7-form .wpcf7-response-output {
    display: none!important;
}
.wpcf7-form.sent > p, 
.wpcf7-form.sent > .row, 
.wpcf7-form.sent > .wpcf7-form-control-wrap {
    display: none;
}
.wpcf7-form.sent .wpcf7-response-output {
    display: block!important;
    margin: 40px 0 100px!important;
    margin: 20vh 0 24vh!important;
}
.wpcf7-form.invalid .wpcf7-response-output {
    display: block!important;
}
.wpcf7-form .wpcf7-spam-blocked, 
.wpcf7-form .wpcf7-validation-errors {
    background: rgba(191, 21, 21, 1) !important;
}
.wpcf7-form .wpcf7-not-valid {
    border-color: rgba(191, 21, 21, 1) !important;
}
/** indicate incomplete, required reCAPTCHA field **/
.wpcf7-form.invalid .wpcf7-form-control-wrap > div > div {
    padding: 2px 0 0 2px;
    background: rgba(191, 21, 21, .15) !important;
    border: 1px solid rgba(191, 21, 21, 1) !important;
}
.wpcf7-form.invalid span.wpcf7-not-valid-tip {
    display: block!important;
    background: #f9bfbf;
    color: rgba(191, 21, 21, 1) !important;
}

/** Cleaning image appearances **/
/** killing image overlay **/
.entry-image .entry-overlay {
    display: none!important;
}
/** killing photo credit on blog channel & permalink page **/
.blog-medium .entry-image .credit,
.blog-medium .entry-image .media-credit{
    display: none!important;
}
/** fixing remaining photo credit on blog permalink page **/
.entry-image .media-credit {
    width: auto!important;
    margin: 3px 0 0 0!important;
}

/** Fixing headline on blog channel page **/
.blog-medium h2 a {
    line-height: 1.3;
}

/** killing H1 link on blog permalink pages **/
.blog-single .post h1 a {
    pointer-events: none;
}

/** Make tables responsive (overflow) **/
.ap-table-wrapper {
    max-width: 100%;
    overflow-x: auto;
}
.ap-table-wrapper table {
    table-layout: fixed;
    display: table;
    width: auto;
    margin: 0 auto;
}
.ap-table-wrapper th,
.ap-table-wrapper td {
    padding: 4px 8px;
}
.ap-table-wrapper tr {
    border-bottom: 1px solid #eee;
}
.ap-table-wrapper th, 
.ap-table-wrapper td {
    border-right: 1px solid #eee;
}
.ap-table-wrapper th {
    background-color: #d6d6d6;
    font-weight: bold;
}

/** add zebra-striping to pricing table **/
.ptsCell:nth-child(even) {
    background-color: #eee!important;
}

/** DSGVO CSS **/
/* User Request layout */
.user-request .wpcf7-list-item {
    width: 48%;
}
/* OneTrust Cookie Settings adjustments */
.optanon-alert-box-wrapper a,
.optanon-alert-box-wrapper a:hover,
.optanon-alert-box-wrapper a:active,
.optanon-alert-box-wrapper a:focus {
    color: white;
    text-decoration: underline;
    margin-left: 6px;
    font-size: 11pt;
}
.optanon-alert-box-wrapper .optanon-alert-box-corner-close {
    display: none;
}
.optanon-alert-box-wrapper .optanon-alert-box-button-container a,
.optanon-alert-box-wrapper .optanon-alert-box-button-container a:hover {
    font-size: 14px;
}
.wpb_wrapper .optanon-show-settings-popup-wrapper {
    height: auto;
}
.wpb_wrapper .optanon-show-settings-left,
.wpb_wrapper .optanon-show-settings-right,
.wpb_wrapper #optanon-show-settings-popup {
    display: none !important;
}
.wpb_wrapper .optanon-show-settings-popup-wrapper .optanon-show-settings-middle {
    background: 0 !important;
    border-top: 0;
    border-bottom: 0;
    float: none;
    height: auto !important;
    padding-top: 0;
}
.wpb_wrapper .optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings {
    color: white !important;
    margin-top: 0 !important;
    font-size: 11px;
}
.wpb_row a.button.blue {
    background: #14abb9;
    color: #ffffff;
    border-color: #14abb9;
}

/* legal list styles */
#legal-list {
  counter-reset: section;
}
#legal-list h2 {
  margin-left: 30px;
  text-indent: -26px;
}
#legal-list h2:before {
  counter-increment: section;
  content: counter(section) ".";
  margin: 0 0.25em 0 0;
}
#legal-list ol {
  counter-reset: clause;
  list-style: none outside none;
  text-indent: -2em;
}
#legal-list ul {
  text-indent: 0;
}
#legal-list ol > li {
  counter-increment: clause;
}
#legal-list ol > li:before {
  content: counter(section) "." counters(clause, ".") ". ";
}
@media (min-width: 768px) {
  #legal-list {
    columns: 2;
  }
}

/* button in main navigation */
#header.header.header-v1 #navigation > ul > li.btn-highlight > a,
#header.header.header-v1 #navigation > ul > li.btn-highlight > a:hover,
#header.header.header-v1 #navigation > ul > li.btn-highlight > a:active {
margin-right: 15px;
margin-left: 15px;
color: #fff!important;
font-weight: bold;
background: #14abb9;
box-shadow: 0 2px 10px rgba(0,0,0,.5);
transition: all 0.1s!important;
padding: 35px 10px 35px!important;
text-transform: uppercase;
}
#header.header.header-v1 #navigation > ul > li.btn-highlight:hover > a,
#header.header.header-v1 #navigation > ul > li.btn-highlight > a:active {
transform: scale3d(1.2, 1.2, 1);
}

/* remove some items from search resuilts */
.search-page .post .entry-type,
.search-page .post .entry-icon {
    display: none!important;
}