.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}:root{
--colorLight: #ffffff;
--colorFont: #808080;
--colorDarkFont: #b8bbc6;
--colorBackground: #f2f2f2;
--colorBorder: #ececec;
--colorDark: #323232;
--colorDarkGrey: #444444;
--colorGrey: #f5f5f5;
--colorMain: #31b3b3;
--colorMain2: #f69732;
--colorMain3: #de2f5f;
--colorMain4: #7968ac;
--c-facebook: #3b5998;
--c-twitter: #1da1f2;
--c-youtube: #ff0000;
--c-instagram: #c13584;
--c-pinterest: #bd081c;
--c-linkedin: #0077b5;
--c-github: #333333;
--c-skype: #00aff0;
}
.svg-icon{
line-height: .8;
}
.svg-icon svg{
max-width: 1em;
max-height: 1em;
fill: var(--colorFont);
}
.svg-icon::before,
.svg-icon::after{
display: none;
}
.social-links{
line-height: 1;
display: flex;
}
.social-links a{
display: inline-block;
}
.social-links a svg{
max-width: 1em;
max-height: 1em;
transition: all .2s ease;
}
.social-links a.social-icon-twitter:hover .svg-icon svg{
fill: #00abef;
}
.social-links a.social-icon-facebook:hover .svg-icon svg{
fill: #507cbe;
}
.social-links a.social-icon-instagram:hover .svg-icon svg{
fill: #c13584;
}
.social-links a.social-icon-linkedin:hover .svg-icon svg{
fill: #3371b7;
}
.social-links a.social-icon-youtube:hover .svg-icon svg{
fill: red;
}
.social-links a.social-icon-pinterest:hover .svg-icon svg{
fill: #e60122;
}
.social-links a.social-icon-github-circle:hover .svg-icon svg{
fill: #24292d;
}
.social-links a.color-icon.social-icon-twitter .svg-icon svg{
fill: #00abef;
}
.social-links a.color-icon.social-icon-facebook .svg-icon svg{
fill: #507cbe;
}
.social-links a.color-icon.social-icon-instagram .svg-icon svg{
fill: #c13584;
}
.social-links a.color-icon.social-icon-linkedin .svg-icon svg{
fill: #3371b7;
}
.social-links a.color-icon.social-icon-youtube .svg-icon svg{
fill: red;
}
.social-links a.color-icon.social-icon-pinterest .svg-icon svg{
fill: #e60122;
}
.social-links a.color-icon.social-icon-github-circle .svg-icon svg{
fill: #24292d;
}
.social-links a.color-icon:hover{
opacity: 1;
}
.social-links a.color-icon:hover .svg-icon svg{
fill: var(--colorDark);
}
.social-links a.border-icon:hover{
opacity: 1;
border-color: var(--colorDarkGrey);
}
.social-links a.bg-icon{
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--colorGrey);
width: 40px;
height: 40px;
opacity: 1 !important;
}
.social-links a.bg-icon.social-icon-twitter .svg-icon svg{
fill: #00abef;
}
.social-links a.bg-icon.social-icon-twitter:hover{
background-color: #00abef;
}
.social-links a.bg-icon.social-icon-twitter:hover .svg-icon svg{
fill: #fff;
}
.social-links a.bg-icon.social-icon-facebook .svg-icon svg{
fill: #507cbe;
}
.social-links a.bg-icon.social-icon-facebook:hover{
background-color: #507cbe;
}
.social-links a.bg-icon.social-icon-facebook:hover .svg-icon svg{
fill: #fff;
}
.social-links a.bg-icon.social-icon-instagram .svg-icon svg{
fill: #c13584;
}
.social-links a.bg-icon.social-icon-instagram:hover{
background-color: #c13584;
}
.social-links a.bg-icon.social-icon-instagram:hover .svg-icon svg{
fill: #fff;
}
.social-links a.bg-icon.social-icon-linkedin .svg-icon svg{
fill: #3371b7;
}
.social-links a.bg-icon.social-icon-linkedin:hover{
background-color: #3371b7;
}
.social-links a.bg-icon.social-icon-linkedin:hover .svg-icon svg{
fill: #fff;
}
.social-links a.bg-icon.social-icon-youtube .svg-icon svg{
fill: red;
}
.social-links a.bg-icon.social-icon-youtube:hover{
background-color: red;
}
.social-links a.bg-icon.social-icon-youtube:hover .svg-icon svg{
fill: #fff;
}
.social-links a.bg-icon.social-icon-pinterest .svg-icon svg{
fill: #e60122;
}
.social-links a.bg-icon.social-icon-pinterest:hover{
background-color: #e60122;
}
.social-links a.bg-icon.social-icon-pinterest:hover .svg-icon svg{
fill: #fff;
}
.social-links a.bg-icon.social-icon-github-circle .svg-icon svg{
fill: #24292d;
}
.social-links a.bg-icon.social-icon-github-circle:hover{
background-color: #24292d;
}
.social-links a.bg-icon.social-icon-github-circle:hover .svg-icon svg{
fill: #fff;
}
.social-links a + a{
margin-left: 10px;
}
.i .social-links a.bg-icon{
background-color: var(--colorLight);
}
.i .social-links a.border-icon:hover{
border-color: rgba(var(--colorLightRGB), 0.8);
}
a.social-icon{
display: inline-block;
line-height: 1;
text-align: center;
vertical-align: middle;
}
a.social-icon i{
font-size: 16px;
}
a.social-icon.border-icon{
width: 40px;
height: 40px;
align-items: center;
border: 1px solid var(--colorBorder);
margin-bottom: 4px;
margin-top: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.widget li.border-icon a{
width: 50px;
height: 50px;
align-items: center;
border: 2px solid var(--colorDark);
display: flex;
align-items: center;
justify-content: center;
}
.widget li.border-icon.rounded-icon a{
border-radius: 50%;
}
a.rounded-icon{
border-radius: 50%;
}
.icon-inline{
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.icon-inline .svg-icon{
margin-right: 10px;
}
.icon-inline .svg-icon:last-child{
margin-right: 0;
}
.icon-inline > strong{
white-space: nowrap;
margin-right: 4px;
}
.entry-footer .icon-inline{
align-items: center;
}
.meta-icons-main .icon-inline .svg-icon svg{
fill: var(--colorMain);
}
.meta-icons-border .icon-inline .svg-icon svg{
fill: var(--colorBorder);
}
.meta-icons-dark .icon-inline .svg-icon svg{
fill: var(--colorDark);
}
.meta-icons-dark-grey .icon-inline .svg-icon svg{
fill: var(--colorGrey);
}
.animation-enabled .animate,
[data-animate*=".column-aside .widget"] .column-aside .widget,
[data-animate*=".footer-top-widgets .widget"] .footer-top-widgets .widget,
[data-animate*=".footer-widgets .widget"] .footer-widgets .widget,
[data-animate*=".hfeed article.post"].hfeed .post,
[data-animate*=".hfeed .post .post-thumbnail img"].hfeed .post .post-thumbnail img{
visibility: hidden;
}
.animated{
visibility: visible !important;
}
.preloader{
position: fixed;
top: 5px;
right: 0;
z-index: 13000;
opacity: 1;
transition: all .35s ease;
}
.no-js .preloader{
display: none;
}
.preloader.cover{
top: 0;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, .95);
height: 100%;
}
.preloader.cover .preloader_css{
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px;
}
.preloader.loaded{
opacity: 0;
z-index: -1;
}
.preloader.loaded .preloader_css{
opacity: 0;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.preloader_css{
width: 30px;
height: 30px;
margin: 10px;
border: 3px solid #f7f7f7;
border-radius: 50%;
border-top-color: #31b3b3;
border-top-color: var(--colorMain);
opacity: 1;
transition: opacity .35s ease;
-webkit-animation: spin .5s infinite linear;
animation: spin .5s infinite linear;
}
@-webkit-keyframes spin {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} html{
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body{
margin: 0;
}
main{
display: block;
}
hr{
box-sizing: content-box;
overflow: visible;
}
pre{
font-family: monospace,monospace;
font-size: 1em;
}
a{
background-color: rgba(0, 0, 0, 0);
}
abbr[title]{
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong{
font-weight: 700;
}
code,
kbd,
samp{
font-family: monospace,monospace;
font-size: 1em;
}
small{
font-size: 80%;
}
sub,
sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub{
bottom: -0.25em;
}
sup{
top: -0.5em;
}
img{
border-style: none;
}
button,
input,
optgroup,
select,
textarea{
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input{
overflow: visible;
}
button,
select{
text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit]{
-webkit-appearance: button;
cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
outline: 1px dotted ButtonText;
}
fieldset{
padding: .35em .75em .625em;
}
legend{
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress{
vertical-align: baseline;
}
textarea{
overflow: auto;
}
[type=checkbox],
[type=radio]{
box-sizing: border-box;
padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
height: auto;
}
[type=search]{
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration{
-webkit-appearance: none;
}
::-webkit-file-upload-button{
-webkit-appearance: button;
font: inherit;
}
details{
display: block;
}
summary{
display: list-item;
}
template{
display: none;
}
[hidden]{
display: none;
}
*{
box-sizing: border-box;
}
:focus{
outline: none !important;
}
html{
scroll-behavior: smooth;
overflow-x: hidden;
width: 100%;
}
html.customize-preview{
scroll-behavior: initial;
}
body{
background-color: #fff;
background-color: var(--colorLight);
text-rendering: optimizeLegibility;
word-break: break-word;
width: 100%;
position: relative;
font-weight: 300;
}
body,
button,
input,
select,
textarea{
color: gray;
color: var(--colorFont);
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,segoe ui,fira sans,sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
iframe{
max-width: 100%;
border: none;
}
figure,
img{
margin: 0;
max-width: 100%;
height: auto;
}
figcaption{
color: var(--colorDarkGrey);
font-size: 1em;
line-height: 1.4;
padding: 20px 0 7px;
text-align: center;
}
table{
width: 100%;
border-collapse: collapse;
}
td,
th{
padding: .8em;
border: 1px solid var(--colorBorder);
word-break: normal;
text-align: center;
}
@media (max-width: 767px) {
td,
th{
padding-left: .6em;
padding-right: .6em;
}
}
th{
text-align: center;
background-color: rgba(0, 0, 0, 0);
color: var(--colorDark);
font-weight: bold;
}
.i th{
color: var(--colorLight);
}
code{
padding: 0 .5rem;
font-size: .85rem;
display: inline-block;
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
pre{
margin: 1em 0;
max-width: 100%;
overflow-x: auto;
font-size: .85rem;
padding: 1em;
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
a{
text-decoration: none;
transition: all .3s ease-in-out 0s;
color: var(--colorMain);
cursor: pointer;
}
a:hover,
a:active,
a:focus{
color: var(--colorDark);
text-decoration: none;
transition: all .15s linear 0s;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
color: var(--colorDark);
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
color: var(--colorFont);
}
a > img{
transition: all .15s ease-in-out 0s;
}
a:hover > img{
opacity: .8;
}
blockquote,
.wp-block-quote{
position: relative;
display: block;
font-family: var(--fontSecondary);
font-size: 29px;
font-style: italic;
font-weight: 600;
line-height: 1.2;
margin: 44px auto;
max-width: 750px;
padding: 0;
text-align: center;
}
blockquote.has-text-align-right,
.wp-block-quote.has-text-align-right{
border-right: 4px solid var(--colorMain);
border-left: 0;
text-align: right;
padding-left: 0;
padding-right: 20px;
}
.i blockquote,
.i .wp-block-quote{
color: var(--colorLight);
}
blockquote .avatar,
.wp-block-quote .avatar{
position: relative;
width: 150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
z-index: 1;
}
blockquote .avatar img,
.wp-block-quote .avatar img{
min-width: 150px;
max-width: 150px;
border-radius: 50%;
margin: 0;
}
.l.m blockquote .avatar img,
.l.m .wp-block-quote .avatar img{
background-color: var(--colorLight);
}
.i blockquote .avatar img,
.i .wp-block-quote .avatar img{
background-color: var(--colorDark);
}
blockquote .item-meta,
blockquote .blockqoute-meta,
.wp-block-quote .item-meta,
.wp-block-quote .blockqoute-meta{
margin-top: 10px;
font-style: normal;
font-size: 14px;
text-transform: uppercase;
}
blockquote footer,
.wp-block-quote footer{
font-weight: 400;
text-transform: none;
font-style: normal;
font-size: 32px;
color: var(--colorFont2);
line-height: 20px;
margin-top: 35px;
}
.i blockquote footer,
.i .wp-block-quote footer{
color: var(--colorLight);
}
blockquote footer:before,
.wp-block-quote footer:before{
display: none;
}
blockquote .author-job,
.wp-block-quote .author-job{
text-transform: none;
font-style: normal;
display: block;
margin-top: 5px;
line-height: 1;
}
.i blockquote .author-job,
.i .wp-block-quote .author-job{
color: var(--colorLight);
}
blockquote .author-name,
blockquote cite,
blockquote cite a,
.wp-block-quote .author-name,
.wp-block-quote cite,
.wp-block-quote cite a{
margin-top: 24px;
color: var(--colorMain);
display: block;
font-family: var(--fontBody);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.1;
padding: 0;
}
blockquote .author-name strong,
blockquote cite strong,
blockquote cite a strong,
.wp-block-quote .author-name strong,
.wp-block-quote cite strong,
.wp-block-quote cite a strong{
display: inline-block;
width: 100%;
}
.wp-block-pullquote cite{
color: var(--colorMain);
font-size: 12px;
}
.header-search{
color: var(--colorDark);
transition: .3s all ease;
}
.header-search:focus,
.header-search:hover{
color: #31b3b3;
color: var(--colorMain);
}
ol,
ul,
dd{
padding-left: 20px;
margin: 0 0 2em;
color: var(--colorDarkGrey);
}
dt{
font-weight: bolder;
}
dd{
margin-left: 0;
}
ol li:not([class]):not([role=presentation]),
ul li:not([class]):not([role=presentation]){
padding: .5em 0;
}
ol ol,
ol ul,
ul ol,
ul ul{
margin: .4em 0 0;
}
ol.styled,
ul.styled{
padding-left: 0;
list-style: none;
}
ol.bordersul,
ul.bordersul{
border-top: 1px solid var(--colorBorder);
border-bottom: 1px solid var(--colorBorder);
}
ol.bordersli li,
ul.bordersli li{
padding: .5em 0;
}
ol.bordersli li + li,
ul.bordersli li + li{
border-top: 1px solid var(--colorBorder);
}
ol.styled{
color: var(--colorDark);
font-weight: 500;
counter-reset: olc;
}
ol.styled li{
counter-increment: olc;
}
ol.styled li:before{
content: counter(olc) ". ";
color: var(--colorMain);
margin-right: 13px;
}
ul.styled{
color: var(--colorDark);
font-weight: 500;
}
ul.styled li:before{
content: "";
display: inline-block;
width: 1.06em;
height: .65em;
margin-right: 24px;
background: url(//pflegeberatung-hessen.de/wp-content/themes/psycheco/assets/img/arrow-right.svg) no-repeat center/cover;
color: var(--colorMain);
position: relative;
bottom: .05em;
}
ul,
ol{
padding-left: 30px;
}
.list1 ol,
ol.list1{
counter-reset: li;
list-style: none outside none;
padding: 0;
margin-bottom: 0;
}
.list1 ol li,
ol.list1 li{
position: relative;
padding: 4px 0 4px 30px;
font-size: 16px;
line-height: 30px;
font-weight: 300;
color: var(--colorDarkGrey);
}
.list1 ol li:after,
ol.list1 li:after{
content: counter(li, decimal-leading-zero) ".";
counter-increment: li;
position: absolute;
left: 2px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-weight: 500;
color: var(--colorMain);
}
.i .list1 ol li,
.i ol.list1 li{
color: var(--colorDarkFont);
}
.list1 ul,
ul.list1{
list-style: none;
padding-left: 10px;
margin-bottom: 20px;
}
.list1 ul li,
ul.list1 li{
position: relative;
padding: 5px 0 5px 5px !important;
font-size: 16px;
line-height: 30px;
font-weight: 300;
color: var(--colorDarkGrey);
}
.i .list1 ul li,
.i ul.list1 li{
color: var(--colorDarkFont);
}
.list1 ul li:before,
ul.list1 li:before{
font-family: "FontAwesome";
font-size: 5px;
content: "";
position: absolute;
left: -10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--colorMain);
}
ul.list-styled:last-child,
ol.list-styled:last-child{
margin-bottom: 0;
}
ul.list-styled,
ol.list-styled{
position: relative;
}
ul.list-styled li:first-child,
ol.list-styled li:first-child{
padding-top: 0;
}
ul.list-styled li:last-child,
ol.list-styled li:last-child{
padding-bottom: 0;
}
.list-styled ul,
ul.list-styled{
list-style: none;
padding: 0;
color: var(--colorFont);
margin-bottom: 23px;
}
.list-styled ul li,
ul.list-styled li{
position: relative;
padding: 7px 0 8px 30px !important;
}
.list-styled ul li:before,
ul.list-styled li:before{
content: "";
font-family: "FontAwesome";
font-size: 14px;
line-height: 1;
position: absolute;
left: 0;
margin-top: 7px;
color: var(--colorMain3);
}
ol.list-styled{
padding: 0;
counter-reset: li;
margin-bottom: 30px;
list-style: none outside none;
}
ol.list-styled li{
padding: 7px 0 8px 30px;
}
ol.list-styled li:before{
content: counter(li, decimal) ".";
counter-increment: li;
position: absolute;
left: 0;
font-weight: 900;
color: var(--colorMain3);
}
nav > ul{
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-weight: 600;
line-height: 1.2;
word-break: break-word;
margin-top: 20px;
margin-bottom: 1.5rem;
color: var(--colorDark);
}
h1{
font-size: 60px;
line-height: 4rem;
}
h2{
font-size: 51px;
line-height: 3.5rem;
}
h3{
font-size: 38px;
line-height: 3rem;
}
h4{
font-size: 30px;
line-height: 3rem;
}
h5{
font-size: 20px;
line-height: 3rem;
}
h6{
font-size: 16px;
line-height: 1.5rem;
}
@media (max-width: 479px) {
h1{
font-size: 2.441rem;
line-height: 1.2;
}
h2{
font-size: 1.953rem;
line-height: 1.2;
}
h3{
font-size: 1.563rem;
line-height: 1.2;
}
h4{
font-size: 1.25rem;
line-height: 1.2;
}
h5{
font-size: 1rem;
line-height: 1;
}
h6{
font-size: .8rem;
line-height: 1.2;
}
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child{
margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child{
margin-bottom: 0;
}
p{
margin-top: 0;
margin-bottom: 24px;
}
.big_text p{
font-size: 20px;
}
p:last-child{
margin-bottom: 0;
}
address{
margin-bottom: 1em;
}
hr{
border: 0;
height: 1px;
background-color: #ececec;
background-color: var(--colorBorder);
}
mark{
color: var(--colorMain3);
background-color: rgba(0, 0, 0, 0);
padding-right: 1em;
white-space: nowrap;
}
.small{
font-size: .92em;
}
.normal{
font-size: 1em;
}
.big{
font-size: 3em;
}
.huge{
font-size: 4.5em;
}
.main .wp-block-image{
margin-bottom: 0;
}
.main .wp-block-image .alignleft{
margin-right: 2em;
margin-bottom: .8em;
}
.main .wp-block-image .alignright{
left: 2em;
margin-bottom: .8em;
}
.dropdown{
position: relative;
}
.dropdown input[type=checkbox]{
display: none;
}
.dropdown label{
margin-bottom: 0;
}
.dropdown ul:not(.topline-menu){
display: none;
position: absolute;
top: -8px;
left: 20px;
list-style: none;
padding: 0;
margin: 0;
}
.dropdown ul:not(.topline-menu) li{
padding: 0;
}
.dropdown ul:not(.topline-menu) li + li{
margin-left: 4px;
}
.dropdown ul:not(.topline-menu) li a{
border: 1px solid var(--colorFont);
background-color: var(--colorLight);
border-radius: 3px;
line-height: 38px;
padding: 0 11px;
text-align: center;
min-width: 40px;
min-height: 40px;
}
.dropdown ul:not(.topline-menu) li a:hover,
.dropdown ul:not(.topline-menu) li a:focus,
.dropdown ul:not(.topline-menu) li a.active{
border-color: var(--colorMain);
color: var(--colorMain);
}
.dropdown ul:not(.topline-menu) li a.fa-twitter:hover{
border-color: #00abef;
color: #00abef;
}
.dropdown ul:not(.topline-menu) li a.fa-facebook:hover{
border-color: #507cbe;
color: #507cbe;
}
.dropdown ul:not(.topline-menu) li a.fa-linkedin:hover{
border-color: #3371b7;
color: #3371b7;
}
.dropdown ul:not(.topline-menu) li a.fa-pinterest:hover{
border-color: #e60122;
color: #e60122;
}
.dropdown ul:not(.topline-menu) li a.fa-paper-plane:hover{
border-color: #2aabee;
color: #2aabee;
}
.dropdown input[type=checkbox]:checked~ul{
display: flex;
}
.form-in-line{
text-align: center;
}
.form-in-line input:not([type=submit]){
width: 100%;
}
@media (min-width: 768px) {
.form-in-line{
text-align: left;
display: flex;
max-width: 660px;
margin: 0 auto;
}
.form-in-line > *:first-child{
flex-grow: 1;
padding-right: 20px;
}
}
.interface-interface-skeleton__body .popover-slot{
position: sticky;
}
.fa-heart-o{
font-family: FontAwesome;
}
.fa-heart-o:before{
content: "";
}
.has-dots-inside .slick-dots li{
width: auto;
height: auto;
}
.has-dots-inside .slick-dots li button{
width: 10px;
height: 10px;
border-radius: 10px;
background-color: var(--colorLight);
border-color: var(--colorLight);
transition: all .3s ease-in-out;
}
.has-dots-inside .slick-dots li button::before{
display: none;
}
.has-dots-inside .slick-dots li button:hover{
border-color: var(--colorMain);
background-color: var(--colorMain);
}
.has-dots-inside .slick-dots li.slick-active button{
background-color: var(--colorMain);
border-color: var(--colorMain);
width: 40px;
height: 10px;
}
.slick-dots li button{
border: 1px solid var(--colorFont);
border-radius: 50%;
background-color: var(--colorFont);
}
.slick-dots li button::before{
color: var(--colorFont) !important;
}
.slick-dots li button:hover{
border-color: var(--colorDark);
background-color: rgba(0, 0, 0, 0);
}
.slick-dots li button:hover::before{
color: var(--colorDark) !important;
}
.slick-dots li.slick-active button{
border-color: var(--colorDark);
background-color: rgba(0, 0, 0, 0);
}
.slick-dots li.slick-active button::before{
color: var(--colorDark) !important;
}
.slick-slider .slick-arrow.slick-prev::before{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 800;
color: var(--colorDark);
font-size: 1.5rem;
}
.slick-slider .slick-arrow.slick-next::before{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 800;
color: var(--colorDark);
font-size: 1.5rem;
}
.several-widgets > *{
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.several-widgets > *:last-child{
padding-bottom: 0 !important;
}
.several-widgets > *:not(:last-child){
margin-bottom: 1em;
}
.gallery-caption{
margin-bottom: 1em;
}
.section-intro,
.intro-section{
background-position: center center;
background-size: cover;
}
.section-intro .container:not([class*=pt-]),
.section-intro .container-fluid:not([class*=pt-]),
.intro-section .container:not([class*=pt-]),
.intro-section .container-fluid:not([class*=pt-]){
padding-top: 65px;
}
.section-intro .container:not([class*=pb-]),
.section-intro .container-fluid:not([class*=pb-]),
.intro-section .container:not([class*=pb-]),
.intro-section .container-fluid:not([class*=pb-]){
padding-bottom: 65px;
}
@media (min-width: 1200px) {
.section-intro.image-left.image-absolute .d-grid,
.intro-section.image-left.image-absolute .d-grid{
height: 610px;
}
.section-intro.image-left.image-absolute .d-grid .column:not(.intro-section-text),
.intro-section.image-left.image-absolute .d-grid .column:not(.intro-section-text){
min-height: 100%;
}
.section-intro.image-left.image-absolute .d-grid .column:not(.intro-section-text) .img-wrap,
.intro-section.image-left.image-absolute .d-grid .column:not(.intro-section-text) .img-wrap{
position: relative;
}
.section-intro.image-left.image-absolute .d-grid .column:not(.intro-section-text) .img-wrap img,
.intro-section.image-left.image-absolute .d-grid .column:not(.intro-section-text) .img-wrap img{
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.section-intro.image-left.image-absolute .d-grid .column.intro-section-text,
.intro-section.image-left.image-absolute .d-grid .column.intro-section-text{
margin-left: 84px;
padding: 20px 0;
}
}
@media (max-width: 1199px)and (min-width: 768px) {
.section-intro.image-left.image-absolute .d-grid .column.intro-section-text,
.intro-section.image-left.image-absolute .d-grid .column.intro-section-text{
margin-left: 30px;
padding: 20px 0;
}
}
.section-intro .intro-pre-heading,
.intro-section .intro-pre-heading{
color: var(--colorDarkGrey);
line-height: 1;
display: inline-block;
}
.section-intro .intro-heading,
.intro-section .intro-heading{
position: relative;
margin-top: 0;
margin-bottom: 0;
font-size: 30px;
line-height: 1;
text-shadow: 0 0 7px rgba(0, 0, 0, .2);
}
@media (min-width: 768px) {
.section-intro .intro-heading,
.intro-section .intro-heading{
font-size: 50px;
}
}
@media (min-width: 1200px) {
.section-intro .intro-heading,
.intro-section .intro-heading{
font-size: 115px;
}
}
.section-intro .intro-description,
.intro-section .intro-description{
font-size: 1em;
}
.section-intro .intro-buttons,
.intro-section .intro-buttons{
margin-top: 1.7em;
padding: 20px 0;
}
.section-intro.text-center .intro-buttons,
.intro-section.text-center .intro-buttons{
justify-content: center;
}
.section-intro.text-right .intro-buttons,
.intro-section.text-right .intro-buttons{
justify-content: flex-end;
}
fieldset{
border-color: #ececec;
border-color: var(--colorBorder);
border-width: 1px;
border-style: solid;
}
input,
label,
select,
button,
textarea{
font-size: inherit;
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
}
label{
cursor: pointer;
margin-bottom: .75em;
color: var(--colorDark);
}
.i label{
color: var(--colorLight);
}
button:focus,
input:focus,
textarea:focus{
outline: 0;
}
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select{
outline: none;
width: 100%;
height: 50px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid var(--colorBorder);
border-radius: 2px;
font-weight: 400;
box-shadow: none;
color: var(--colorDark);
padding: 9px 25px;
font-size: 14px;
line-height: 24px;
}
.white-bg input[type=date],
.white-bg input[type=datetime],
.white-bg input[type=datetime-local],
.white-bg input[type=email],
.white-bg input[type=month],
.white-bg input[type=number],
.white-bg input[type=password],
.white-bg input[type=search],
.white-bg input[type=tel],
.white-bg input[type=text],
.white-bg input[type=time],
.white-bg input[type=url],
.white-bg input[type=week],
.white-bg textarea,
.white-bg select{
background-color: var(--colorLight);
}
.white-border input[type=date],
.white-border input[type=datetime],
.white-border input[type=datetime-local],
.white-border input[type=email],
.white-border input[type=month],
.white-border input[type=number],
.white-border input[type=password],
.white-border input[type=search],
.white-border input[type=tel],
.white-border input[type=text],
.white-border input[type=time],
.white-border input[type=url],
.white-border input[type=week],
.white-border textarea,
.white-border select{
border-color: var(--colorLight);
}
.grey-bg input[type=date],
.grey-bg input[type=datetime],
.grey-bg input[type=datetime-local],
.grey-bg input[type=email],
.grey-bg input[type=month],
.grey-bg input[type=number],
.grey-bg input[type=password],
.grey-bg input[type=search],
.grey-bg input[type=tel],
.grey-bg input[type=text],
.grey-bg input[type=time],
.grey-bg input[type=url],
.grey-bg input[type=week],
.grey-bg textarea,
.grey-bg select{
background-color: var(--colorGrey);
}
.grey-border input[type=date],
.grey-border input[type=datetime],
.grey-border input[type=datetime-local],
.grey-border input[type=email],
.grey-border input[type=month],
.grey-border input[type=number],
.grey-border input[type=password],
.grey-border input[type=search],
.grey-border input[type=tel],
.grey-border input[type=text],
.grey-border input[type=time],
.grey-border input[type=url],
.grey-border input[type=week],
.grey-border textarea,
.grey-border select{
border-color: var(--colorGrey);
}
.color-bg input[type=date],
.color-bg input[type=datetime],
.color-bg input[type=datetime-local],
.color-bg input[type=email],
.color-bg input[type=month],
.color-bg input[type=number],
.color-bg input[type=password],
.color-bg input[type=search],
.color-bg input[type=tel],
.color-bg input[type=text],
.color-bg input[type=time],
.color-bg input[type=url],
.color-bg input[type=week],
.color-bg textarea,
.color-bg select{
background-color: var(--colorMain);
}
.color-border input[type=date],
.color-border input[type=datetime],
.color-border input[type=datetime-local],
.color-border input[type=email],
.color-border input[type=month],
.color-border input[type=number],
.color-border input[type=password],
.color-border input[type=search],
.color-border input[type=tel],
.color-border input[type=text],
.color-border input[type=time],
.color-border input[type=url],
.color-border input[type=week],
.color-border textarea,
.color-border select{
border-color: var(--colorMain);
}
.color2-bg input[type=date],
.color2-bg input[type=datetime],
.color2-bg input[type=datetime-local],
.color2-bg input[type=email],
.color2-bg input[type=month],
.color2-bg input[type=number],
.color2-bg input[type=password],
.color2-bg input[type=search],
.color2-bg input[type=tel],
.color2-bg input[type=text],
.color2-bg input[type=time],
.color2-bg input[type=url],
.color2-bg input[type=week],
.color2-bg textarea,
.color2-bg select{
background-color: var(--colorMain2);
}
.color2-border input[type=date],
.color2-border input[type=datetime],
.color2-border input[type=datetime-local],
.color2-border input[type=email],
.color2-border input[type=month],
.color2-border input[type=number],
.color2-border input[type=password],
.color2-border input[type=search],
.color2-border input[type=tel],
.color2-border input[type=text],
.color2-border input[type=time],
.color2-border input[type=url],
.color2-border input[type=week],
.color2-border textarea,
.color2-border select{
border-color: var(--colorMain2);
}
.form-wrapper.input-big .form-control{
padding: 9px 20px;
height: 60px;
border-radius: 0;
}
.form-wrapper.input-big textarea.form-control{
padding: 20px;
height: auto;
}
.form-wrapper.input-big label+[class*=ico-]+.form-control,
.form-wrapper.input-big label+[class*=fa-]+.form-control{
padding-left: 55px;
}
.fields_with_shadow .form-control{
background-color: rgba(0, 0, 0, 0);
box-shadow: 0 0px 10px 0px rgba(0, 0, 0, .1);
}
textarea{
height: auto;
padding-top: 17px;
}
.wp-block-group.c input[type=date],
.wp-block-group.c input[type=datetime],
.wp-block-group.c input[type=datetime-local],
.wp-block-group.c input[type=email],
.wp-block-group.c input[type=month],
.wp-block-group.c input[type=number],
.wp-block-group.c input[type=password],
.wp-block-group.c input[type=search],
.wp-block-group.c input[type=tel],
.wp-block-group.c input[type=text],
.wp-block-group.c input[type=time],
.wp-block-group.c input[type=url],
.wp-block-group.c input[type=week],
.wp-block-group.c textarea{
background-color: var(--colorLight);
}
.wpcf7-form p{
margin-bottom: 0;
}
.wpcf7-form p + p{
margin-top: 10px;
}
.wpcf7-form .wpcf7-submit{
margin-top: 5px;
}
input[type=number]{
padding-right: 0;
}
select{
height: 50px;
line-height: 50px;
white-space: nowrap;
}
input[type=checkbox],
input[type=radio]{
width: 13px;
height: 13px;
margin-right: .25em;
}
.woocommerce-form__label-for-checkbox{
font-size: 18px;
margin-bottom: 0;
padding: 3px;
}
.comment-form-cookies-consent,
.woocommerce-form__label-for-checkbox{
display: grid;
grid-template-columns: 1em auto;
gap: .5em;
}
.comment-form-cookies-consent input[type=checkbox],
.woocommerce-form__label-for-checkbox input[type=checkbox]{
-webkit-appearance: none;
appearance: none;
margin: 0;
font: inherit;
color: var(--colorDark);
background-color: rgba(0, 0, 0, 0);
border: 1px solid var(--colorBorder);
width: 1em;
height: 1em;
border-radius: 2px;
-webkit-transform: translateY(0.1em);
transform: translateY(0.1em);
display: grid;
place-content: center;
}
.comment-form-cookies-consent input[type=checkbox]::before,
.woocommerce-form__label-for-checkbox input[type=checkbox]::before{
content: "";
width: .65em;
height: .65em;
-webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
transition: 120ms -webkit-transform ease-in-out;
transition: 120ms transform ease-in-out;
transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
box-shadow: inset 1em 1em var(--colorMain);
background-color: CanvasText;
}
.comment-form-cookies-consent input[type=checkbox]:checked::before,
.woocommerce-form__label-for-checkbox input[type=checkbox]:checked::before{
-webkit-transform: scale(1);
transform: scale(1);
}
.comment-form-cookies-consent input[type=checkbox]:focus,
.woocommerce-form__label-for-checkbox input[type=checkbox]:focus{
outline: max(2px, .15em) solid currentColor;
outline-offset: max(2px, .15em);
}
.comment-form-cookies-consent input[type=checkbox]:disabled,
.woocommerce-form__label-for-checkbox input[type=checkbox]:disabled{
color: var(--colorFont);
cursor: not-allowed;
}
.comment-form-cookies-consent label,
.woocommerce-form__label-for-checkbox label{
margin: 0;
}
.woocommerce-form__label-for-checkbox input[type=checkbox]{
display: inline-grid;
}
.login-remember > label,
.wpcf7-checkbox > label{
display: grid;
grid-template-columns: 1em auto;
align-items: center;
gap: .5em;
}
.login-remember > span > label,
.wpcf7-checkbox > span > label{
display: flex;
flex-direction: row-reverse;
gap: .5em;
}
.login-remember .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item{
margin: 0;
}
.login-remember input[type=checkbox],
.wpcf7-checkbox input[type=checkbox]{
-webkit-appearance: none;
appearance: none;
margin: 0;
font: inherit;
color: var(--colorDark);
width: 1em;
height: 1em;
border: 1px solid var(--colorDark);
border-radius: 0;
display: grid;
place-content: center;
}
.login-remember input[type=checkbox]::before,
.wpcf7-checkbox input[type=checkbox]::before{
content: "";
width: .65em;
height: .65em;
-webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
transition: 120ms -webkit-transform ease-in-out;
transition: 120ms transform ease-in-out;
transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
box-shadow: inset 1em 1em var(--colorMain);
background-color: CanvasText;
}
.login-remember input[type=checkbox]:checked::before,
.wpcf7-checkbox input[type=checkbox]:checked::before{
-webkit-transform: scale(1);
transform: scale(1);
}
.login-remember input[type=checkbox]:focus,
.wpcf7-checkbox input[type=checkbox]:focus{
outline: max(2px, .15em) solid currentColor;
outline-offset: max(2px, .15em);
}
.login-remember input[type=checkbox]:disabled,
.wpcf7-checkbox input[type=checkbox]:disabled{
color: var(--colorFont);
cursor: not-allowed;
}
.form-wrapper .phone-input-wrap{
position: relative;
}
.form-wrapper .phone-input-wrap i{
font-size: 16px;
line-height: 60px;
color: var(--colorLight);
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
background-color: var(--colorMain2);
text-align: center;
z-index: 1;
}
.form-wrapper .phone-input-wrap input{
color: var(--colorDark);
font-family: var(--fontSecondary);
font-size: 20px;
padding-left: 80px !important;
}
.form-wrapper .phone-input-wrap input::-webkit-input-placeholder{
font-style: normal;
font-size: .7em;
}
.form-wrapper .phone-input-wrap input::-moz-placeholder{
font-style: normal;
font-size: .7em;
}
.form-wrapper .phone-input-wrap input:-moz-placeholder{
font-style: normal;
font-size: .7em;
}
.form-wrapper .phone-input-wrap input:-ms-input-placeholder{
font-style: normal;
font-size: .7em;
}
input[type=search]{
-webkit-appearance: textfield;
}
::-webkit-search-decoration{
display: none;
}
.btn,
.theme_buttons a,
.theme_button,
.wc-proceed-to-checkout .checkout-button,
.buttons a,
a.wp-block-button__link,
.wp-block-search .wp-block-search__button,
button,
input[type=submit]{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
line-height: 1;
padding: 16px 51px;
border: 2px solid;
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
white-space: normal;
display: inline-block;
transition: all .3s ease-in-out 0s;
}
.btn.round,
.btn.rounded,
.theme_buttons a.round,
.theme_buttons a.rounded,
.theme_button.round,
.theme_button.rounded,
.wc-proceed-to-checkout .checkout-button.round,
.wc-proceed-to-checkout .checkout-button.rounded,
.buttons a.round,
.buttons a.rounded,
a.wp-block-button__link.round,
a.wp-block-button__link.rounded,
.wp-block-search .wp-block-search__button.round,
.wp-block-search .wp-block-search__button.rounded,
button.round,
button.rounded,
input[type=submit].round,
input[type=submit].rounded{
padding: 23px;
line-height: 1;
}
.btn.btn-wide,
.theme_buttons a.btn-wide,
.theme_button.btn-wide,
.wc-proceed-to-checkout .checkout-button.btn-wide,
.buttons a.btn-wide,
a.wp-block-button__link.btn-wide,
.wp-block-search .wp-block-search__button.btn-wide,
button.btn-wide,
input[type=submit].btn-wide{
min-width: 180px;
}
.btn.btn-small,
.theme_buttons a.btn-small,
.theme_button.btn-small,
.wc-proceed-to-checkout .checkout-button.btn-small,
.buttons a.btn-small,
a.wp-block-button__link.btn-small,
.wp-block-search .wp-block-search__button.btn-small,
button.btn-small,
input[type=submit].btn-small{
padding-top: 11px;
padding-bottom: 11px;
}
.btn.btn-big,
.theme_buttons a.btn-big,
.theme_button.btn-big,
.wc-proceed-to-checkout .checkout-button.btn-big,
.buttons a.btn-big,
a.wp-block-button__link.btn-big,
.wp-block-search .wp-block-search__button.btn-big,
button.btn-big,
input[type=submit].btn-big{
padding-top: 21px;
padding-bottom: 21px;
}
form.wpcf7-form button,
form.wpcf7-form input[type=submit]{
padding: 16px 28px;
}
form.wpcf7-form button.btn-big,
form.wpcf7-form input[type=submit].btn-big{
padding-top: 21px;
padding-bottom: 21px;
}
.btn:hover{
cursor: pointer;
}
.btn.focus,
.btn:focus{
box-shadow: none;
}
.btn-secondary{
border-color: var(--colorBorder);
color: var(--colorDark);
}
.btn-maincolor,
.btn-maincolor2,
.btn-maincolor3,
.btn-dark,
.i .btn-maincolor,
.i .btn-maincolor2,
.i .btn-maincolor3,
.i .btn-dark{
color: var(--colorLight);
}
.btn-maincolor:hover,
.btn-maincolor2:hover,
.btn-maincolor3:hover,
.btn-dark:hover,
.i .btn-maincolor:hover,
.i .btn-maincolor2:hover,
.i .btn-maincolor3:hover,
.i .btn-dark:hover{
background-color: rgba(0, 0, 0, 0);
}
.btn-maincolor,
.i .btn-maincolor,
input[type=submit].btn-maincolor{
background-color: var(--colorMain);
border-color: var(--colorMain);
}
.btn-maincolor:hover,
.i .btn-maincolor:hover,
input[type=submit].btn-maincolor:hover{
color: var(--colorMain);
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorMain);
}
.btn-maincolor2,
.i .btn-maincolor2{
background-color: var(--colorMain2);
border-color: var(--colorMain2);
}
.btn-maincolor2:hover,
.i .btn-maincolor2:hover{
color: var(--colorMain2);
border-color: var(--colorMain2);
}
.btn-maincolor3,
.i .btn-maincolor3{
background-color: var(--colorMain3);
border-color: var(--colorMain3);
}
.btn-maincolor3:hover,
.i .btn-maincolor3:hover{
color: var(--colorMain3);
border-color: var(--colorMain3);
}
.btn-dark,
.i .btn-dark{
background-color: var(--colorDark);
border-color: var(--colorDark);
}
.btn-dark:hover,
.i .btn-dark:hover{
color: var(--colorDarkGrey);
}
.btn-outline-maincolor,
.btn-outline-maincolor2,
.btn-outline-maincolor3,
.btn-outline-dark,
.i .btn-outline-maincolor,
.i .btn-outline-maincolor2,
.i .btn-outline-maincolor3,
.i .btn-outline-dark{
background-color: rgba(0, 0, 0, 0);
}
.btn-outline-maincolor:hover,
.btn-outline-maincolor2:hover,
.btn-outline-maincolor3:hover,
.btn-outline-dark:hover,
.i .btn-outline-maincolor:hover,
.i .btn-outline-maincolor2:hover,
.i .btn-outline-maincolor3:hover,
.i .btn-outline-dark:hover{
color: var(--colorLight);
}
.btn-outline-maincolor,
.i .btn-outline-maincolor{
color: var(--colorMain);
border-color: var(--colorMain);
}
.btn-outline-maincolor:hover,
.i .btn-outline-maincolor:hover{
background-color: var(--colorMain);
border-color: var(--colorMain);
}
.btn-outline-maincolor2,
.i .btn-outline-maincolor2{
color: var(--colorMain2);
border-color: var(--colorMain2);
}
.btn-outline-maincolor2:hover,
.i .btn-outline-maincolor2:hover{
background-color: var(--colorMain2);
border-color: var(--colorMain2);
}
.btn-outline-maincolor3{
color: var(--colorMain3);
border-color: var(--colorMain3);
}
.btn-outline-maincolor3:hover{
background-color: var(--colorMain3);
border-color: var(--colorMain3);
}
.btn-outline-dark{
color: var(--colorDark);
border-color: var(--colorDark);
}
.btn-outline-dark:hover{
background-color: var(--colorDark);
border-color: var(--colorDark);
}
.i .btn-dark{
color: var(--colorDark);
background-color: var(--colorLight);
border-color: var(--colorLight);
}
.i .btn-dark:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorLight);
border-color: var(--colorLight);
}
.i .btn-outline-dark{
border-color: var(--colorLight);
color: var(--colorLight);
}
.i .btn-outline-dark:hover{
color: var(--colorDark);
background-color: var(--colorLight);
border-color: var(--colorLight);
}
.c:not(.c2):not(.c3) .btn-maincolor{
background-color: var(--colorLight);
border-color: var(--colorLight);
color: var(--colorDark);
}
.c:not(.c2):not(.c3) .btn-maincolor:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorLight);
border-color: var(--colorLight);
}
.c:not(.c2):not(.c3) .btn-outline-maincolor{
border-color: var(--colorLight);
color: var(--colorLight);
}
.c:not(.c2):not(.c3) .btn-outline-maincolor:hover{
color: var(--colorDark);
background-color: var(--colorLight);
border-color: var(--colorLight);
}
.c.c2 .btn-maincolor2{
background-color: var(--colorLight);
border-color: var(--colorLight);
color: var(--colorDark);
}
.c.c2 .btn-maincolor2:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorLight);
border-color: var(--colorLight);
}
.c.c2 .btn-outline-maincolor2{
border-color: var(--colorLight);
color: var(--colorLight);
}
.c.c2 .btn-outline-maincolor2:hover{
color: var(--colorDark);
background-color: var(--colorLight);
border-color: var(--colorLight);
}
.c.c3 .btn-maincolor3{
background-color: var(--colorLight);
border-color: var(--colorLight);
color: var(--colorDark);
}
.c.c3 .btn-maincolor3:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorLight);
border-color: var(--colorLight);
}
.c.c3 .btn-outline-maincolor3{
border-color: var(--colorLight);
color: var(--colorLight);
}
.c.c3 .btn-outline-maincolor3:hover{
color: var(--colorDark);
background-color: var(--colorLight);
border-color: var(--colorLight);
}
.wp-block-button{
margin-bottom: 10px;
}
.wp-block-button .wp-block-button__link{
border: 2px solid #32373c;
color: var(--colorLight) !important;
}
.wp-block-button .wp-block-button__link:hover{
background-color: rgba(0, 0, 0, 0);
color: #32373c !important;
}
.wp-block-button.is-style-outline .wp-block-button__link{
color: #32373c !important;
border-color: #32373c;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
background-color: #32373c;
color: var(--colorLight) !important;
}
.wp-block-button.is-style-squared a{
border-radius: 0;
}
.btn-link{
font-family: var(--fontSecondary);
color: var(--colorFont);
display: inline-block;
position: relative;
z-index: 1;
}
.btn-link:before{
content: "";
background-color: var(--colorMain2);
position: absolute;
width: 15px;
height: 5px;
bottom: 4px;
left: -5px;
z-index: -1;
transition: all .3s linear;
}
.btn-link:hover{
color: var(--colorFont);
text-decoration: none;
}
.btn-link:hover:before{
width: calc(100% + 10px);
transition: width .6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (max-width: 1199px) {
.btn.small-lg{
padding: 11px 23px;
margin-top: -20px;
}
}
h1>[class*=rt-icon],
h2>[class*=rt-icon],
h3>[class*=rt-icon],
h4>[class*=rt-icon],
h5>[class*=rt-icon],
h6>[class*=rt-icon]{
position: relative;
top: .08em;
padding-right: .1em;
}
p>[class*=rt-icon]{
font-size: 1.1em;
position: relative;
top: .1em;
line-height: 0;
padding: 0 .2em;
}
p>[class*=rt-icon]+[class*=rt-icon]{
margin-left: -0.75em;
}
.theme_buttons a>[class*=rt-icon],
.theme_button>[class*=rt-icon]{
font-size: 1.8em;
line-height: 0;
position: relative;
top: 5px;
padding: 0 3px;
}
.theme_buttons a>[class*=glyphicon],
.theme_buttons a>[class*=fa-],
.theme_button>[class*=glyphicon],
.theme_button>[class*=fa-]{
font-size: 1.5em;
position: relative;
top: 3px;
line-height: 0;
}
.form-inline [type=submit],
.form-inline .btn,
.form-inline .theme_button{
margin-bottom: 0;
}
.btn-group-lg > .btn,
.btn-lg{
padding: 16px 16px;
}
.btn-group-sm > .btn,
.btn-sm{
padding: 5px 10px;
}
.btn-group-xs > .btn,
.btn-xs{
padding: 1px 5px;
}
.simple_link{
font-size: 12px;
font-weight: bold;
letter-spacing: .2em;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.read-more{
display: inline-block;
font-size: 12px;
font-weight: bold;
letter-spacing: .2em;
text-transform: uppercase;
}
.theme_button[type=reset]{
display: none;
}
.b-fs-9 [type=reset],
.b-fs-9 [type=button],
.b-fs-9 [type=submit],
.b-fs-9 .wp-block-button__link{
font-size: 9px;
}
.b-fs-10 [type=reset],
.b-fs-10 [type=button],
.b-fs-10 [type=submit],
.b-fs-10 .wp-block-button__link{
font-size: 10px;
}
.b-fs-11 [type=reset],
.b-fs-11 [type=button],
.b-fs-11 [type=submit],
.b-fs-11 .wp-block-button__link{
font-size: 11px;
}
.b-fs-12 [type=reset],
.b-fs-12 [type=button],
.b-fs-12 [type=submit],
.b-fs-12 .wp-block-button__link{
font-size: 12px;
}
.b-fs-13 [type=reset],
.b-fs-13 [type=button],
.b-fs-13 [type=submit],
.b-fs-13 .wp-block-button__link{
font-size: 13px;
}
.b-fs-14 [type=reset],
.b-fs-14 [type=button],
.b-fs-14 [type=submit],
.b-fs-14 .wp-block-button__link{
font-size: 14px;
}
.b-fs-15 [type=reset],
.b-fs-15 [type=button],
.b-fs-15 [type=submit],
.b-fs-15 .wp-block-button__link{
font-size: 15px;
}
.b-fs-16 [type=reset],
.b-fs-16 [type=button],
.b-fs-16 [type=submit],
.b-fs-16 .wp-block-button__link{
font-size: 16px;
}
.b-fs-17 [type=reset],
.b-fs-17 [type=button],
.b-fs-17 [type=submit],
.b-fs-17 .wp-block-button__link{
font-size: 17px;
}
.b-fs-18 [type=reset],
.b-fs-18 [type=button],
.b-fs-18 [type=submit],
.b-fs-18 .wp-block-button__link{
font-size: 18px;
}
.b-fs-19 [type=reset],
.b-fs-19 [type=button],
.b-fs-19 [type=submit],
.b-fs-19 .wp-block-button__link{
font-size: 19px;
}
.b-fs-20 [type=reset],
.b-fs-20 [type=button],
.b-fs-20 [type=submit],
.b-fs-20 .wp-block-button__link{
font-size: 20px;
}
.b-fs-21 [type=reset],
.b-fs-21 [type=button],
.b-fs-21 [type=submit],
.b-fs-21 .wp-block-button__link{
font-size: 21px;
}
.b-fs-22 [type=reset],
.b-fs-22 [type=button],
.b-fs-22 [type=submit],
.b-fs-22 .wp-block-button__link{
font-size: 22px;
}
.b-fs-24 [type=reset],
.b-fs-24 [type=button],
.b-fs-24 [type=submit],
.b-fs-24 .wp-block-button__link{
font-size: 24px;
}
.b-fs-54 [type=reset],
.b-fs-54 [type=button],
.b-fs-54 [type=submit],
.b-fs-54 .wp-block-button__link{
font-size: 54px;
}
.b-fs-60 [type=reset],
.b-fs-60 [type=button],
.b-fs-60 [type=submit],
.b-fs-60 .wp-block-button__link{
font-size: 60px;
}
.b-fs-100 [type=reset],
.b-fs-100 [type=button],
.b-fs-100 [type=submit],
.b-fs-100 .wp-block-button__link{
font-size: 100px;
}
.b-fs-200 [type=reset],
.b-fs-200 [type=button],
.b-fs-200 [type=submit],
.b-fs-200 .wp-block-button__link{
font-size: 200px;
}
input[type=file]{
display: block;
}
textarea{
vertical-align: top;
overflow: auto;
}
select[multiple]{
vertical-align: top;
}
::-webkit-input-placeholder{
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
font-size: .9em;
font-style: italic;
color: var(--colorFont);
font-weight: 400;
opacity: 1;
}
::-moz-placeholder{
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
font-size: .9em;
font-style: italic;
color: var(--colorFont);
font-weight: 400;
opacity: 1;
}
:-moz-placeholder{
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
font-size: .9em;
font-style: italic;
color: var(--colorFont);
font-weight: 400;
opacity: 1;
}
:-ms-input-placeholder{
-ms-transition: opacity .6s ease;
transition: opacity .6s ease;
font-size: .9em;
font-style: italic;
color: var(--colorFont);
font-weight: 400;
opacity: 1;
}
:focus::-webkit-input-placeholder{
opacity: 0;
}
:focus::-moz-placeholder{
opacity: 0;
}
:focus:-moz-placeholder{
opacity: 0;
}
:focus:-ms-input-placeholder{
opacity: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output{
margin: 40px 0 0;
border-radius: 0;
border-width: 1px;
background-color: var(--colorLight);
padding: 10px 27px;
color: var(--colorFont);
}
form.wpcf7-form .text-center + .wpcf7-response-output{
text-align: center;
}
.mc4wp-response{
position: absolute;
}
.wpcf7-form .form-wrap{
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
}
.wpcf7-form .form-wrap .form-item{
width: 100%;
margin-top: 0;
padding-left: 5px;
padding-right: 5px;
}
@media (min-width: 1200px) {
.wpcf7-form .form-wrap .form-item:nth-child(1),
.wpcf7-form .form-wrap .form-item:nth-child(2){
width: 50% !important;
}
.wpcf7-form .form-wrap .form-item:nth-child(3),
.wpcf7-form .form-wrap .form-item:nth-child(4){
width: 50% !important;
}
}
.wpcf7-form .grid-item{
position: relative;
}
.wpcf7-form .grid-item span+[class*=icon2-],
.wpcf7-form .grid-item span+[class*=ico-],
.wpcf7-form .grid-item span+[class*=fa-]{
position: absolute;
font-size: 16px;
left: auto;
right: 31px;
top: 16px;
width: 14px;
color: var(--colorDarkGrey);
}
.wpcf7-form .input-big .grid-item span+[class*=icon2-],
.wpcf7-form .input-big .grid-item span+[class*=ico-],
.wpcf7-form .input-big .grid-item span+[class*=fa-]{
top: 21px;
}
.wpcf7-spinner{
display: none !important;
}
.form-item.with-icon{
position: relative;
}
.form-item.with-icon input,
.form-item.with-icon textarea{
padding-right: 60px;
}
.form-item.with-icon .wpcf7-form-control-wrap + i{
position: absolute;
top: 22px !important;
left: auto;
right: 23px;
color: var(--colorMain);
font-size: 14px;
z-index: 1;
}
.form-wrap .form-item.with-icon{
position: relative;
}
.form-wrap .form-item.with-icon .wpcf7-form-control-wrap + i{
right: 33px;
}
.mejs-button > button{
padding: 0 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
background: var(--colorMain) !important;
box-shadow: var(--colorMain) 0 1px 3px 0 inset !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
background: var(--colorMain3);
box-shadow: var(--colorMain3) 0 1px 3px 0 inset;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
color: var(--colorMain3);
}
.xdsoft_datetimepicker .xdsoft_year{
width: 54px;
}
.l{
background-color: #fff;
background-color: var(--colorLight);
}
.l button.header-search,
.l .cart-dropdown a.dropdown-toggle,
.l .header-login button{
background-color: var(--colorBackground);
}
.m{
background-color: #f5f5f5;
background-color: var(--colorGrey);
}
.l.m input[type=date],
.l.m input[type=datetime],
.l.m input[type=datetime-local],
.l.m input[type=email],
.l.m input[type=month],
.l.m input[type=number],
.l.m input[type=password],
.l.m input[type=search],
.l.m input[type=tel],
.l.m input[type=text],
.l.m input[type=time],
.l.m input[type=url],
.l.m input[type=week],
.l.m textarea,
.l.m select{
background-color: rgba(0, 0, 0, 0);
}
.l.m .cart-button i:after{
border-color: var(--colorBackground);
}
.l.m .page_header_side .menu-side-click li.active-submenu{
background-color: var(--colorLight);
}
.i{
background-color: #323232;
background-color: var(--colorDark);
color: var(--colorDarkFont);
}
.i strong{
color: var(--colorLight);
}
.i.topline .icon-inline{
color: var(--colorLight);
}
.i .logo .logo-text{
color: var(--colorLight);
}
@media screen and (min-width: 1200px) {
.i .top-menu > li > a{
color: var(--colorLight);
}
}
.i input,
.i select,
.i textarea{
color: var(--colorDarkFont);
border-color: rgba(var(--colorLightRGB), 0.15);
}
.woo .i #reviews #comments ol.commentlist li .comment-text{
border-color: rgba(var(--colorLightRGB), 0.15);
}
.i ::-webkit-input-placeholder{
color: var(--colorDarkFont);
}
.i ::-moz-placeholder{
color: var(--colorDarkFont);
}
.i :-moz-placeholder{
color: var(--colorDarkFont);
}
.i :-ms-input-placeholder{
color: var(--colorDarkFont);
}
.i .select-wrap select,
.i .widget_product_categories .select2 .select2-selection,
.i .woocommerce-input-wrapper .select2 .select2-selection{
border-color: rgba(var(--colorLightRGB), 0.15);
}
.i .select-wrap::after,
.i .widget_product_categories .select2 .select2-selection::before,
.i .woocommerce-input-wrapper .select2 .select2-selection::before{
background-color: var(--colorLight);
}
.i .widget_tag_cloud.special,
.i .wp-block-tag-cloud.special,
.i .widget_text.special,
.i .widget_search.special{
background-color: rgba(0, 0, 0, .2);
}
.i h1,
.i h2,
.i h3,
.i h4,
.i h5,
.i h6{
color: var(--colorLight) !important;
}
@media (min-width: 1200px) {
.i.header.header-2 .top-menu > li.current-menu-item > a,
.i.header.header-2 .top-menu > li.current-menu-ancestor > a,
.i.header.header-2 .top-menu > li:hover > a{
color: var(--colorLight);
}
}
.i .widget.widget_tag_cloud .tagcloud a:hover,
.i .widget.widget_tag_cloud a.tag-cloud-link:hover,
.i .widget_product_tag_cloud .tagcloud a:hover,
.i .widget_product_tag_cloud a.tag-cloud-link:hover{
color: var(--colorLight);
border-color: var(--colorLight);
}
.i .menu-side-click > li a{
color: var(--colorLight);
}
.i .posts-list li h3 a,
.i .posts-list li h4 a{
color: var(--colorLight);
}
.i .entry-meta.post-meta .meta-left > *{
color: var(--colorLight);
}
.i.title .headline-bg{
color: var(--colorLight);
}
.i.title .breadcrumbs a:hover{
color: var(--colorLight);
}
.i.footer-top.footer-top-2 .footer_top-heading{
color: var(--colorLight);
}
.i#footer-top [type=submit]{
color: var(--colorLight);
}
.i.footer-top.footer-top-2 input[type=email]{
background: var(--colorLight);
}
.i.footer .social-links a.social-icon:hover .svg-icon svg{
fill: var(--colorLight);
}
.i figcaption{
color: var(--colorLight);
}
.i a:focus,
.i a:hover{
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
color: #fff;
color: var(--colorLight);
}
.i a.remove:hover::before{
color: var(--colorLight) !important;
}
.i .color-dark{
color: var(--colorLight);
border-color: var(--colorLight);
}
.i .intro-description,
.i .slide-description,
.i .intro-pre-heading,
.i .slide-pre-heading{
color: var(--colorLight);
}
.i .greylinks a{
color: var(--colorFont);
}
.i .greylinks a:hover{
color: var(--colorMain);
}
.i .darklinks a{
color: var(--colorLight);
}
.i .darklinks a:hover{
color: var(--colorMain);
}
.i li.menu-item a{
opacity: 1;
}
.i .copyright-navigation li.menu-item a{
opacity: .4;
}
.i .copyright-navigation li.menu-item a:hover{
opacity: 1;
}
.i a.social-icon.border-icon{
border-color: var(--colorLight);
}
.i .social-links a.color-icon:hover{
opacity: 1;
}
.i .social-links a.color-icon:hover .svg-icon svg{
fill: var(--colorLight);
}
.i .post.post-over .item-content{
background-color: var(--colorDarkGrey);
}
.i h3.entry-title a,
.i h3.entry-title:last-child a,
.i h2.entry-title a,
.i h2.entry-title:last-child a{
color: var(--colorLight);
}
.i .entry-meta.post-meta .meta-left > * a:not(.like_button),
.i .entry-meta.post-meta .entry-categories-wrap a{
color: var(--colorLight);
}
.i .entry-footer,
.i.entry-footer{
color: var(--colorLight);
}
.i .entry-footer.entry-footer-top .sticky-post{
color: var(--colorLight);
}
.i .widget li.border-icon a{
border-color: var(--colorLight);
}
@media (min-width: 1200px) {
.i header.header-2 .top-menu > li::after,
.i header.header-2 .top-menu > li:first-of-type::before{
background-color: var(--colorLight);
}
}
.i .post-nav.post-nav-layout-arrow .post-nav-arrow .svg-icon svg{
fill: var(--colorLight);
}
.i .post-nav.post-nav-layout-arrow .post-nav-word{
color: var(--colorLight);
}
.i .header_right_buttons .cart-dropdown .dropdown-toggle .svg-icon svg,
.i .header_right_buttons .cart-dropdown button .svg-icon svg,
.i .header_right_buttons .cart-dropdown #search_toggle .svg-icon svg,
.i .header_right_buttons .header-login .dropdown-toggle .svg-icon svg,
.i .header_right_buttons .header-login button .svg-icon svg,
.i .header_right_buttons .header-login #search_toggle .svg-icon svg,
.i .header_right_buttons .search-wrap .dropdown-toggle .svg-icon svg,
.i .header_right_buttons .search-wrap button .svg-icon svg,
.i .header_right_buttons .search-wrap #search_toggle .svg-icon svg,
.i .header_right_buttons .header-search button .svg-icon svg,
.i .header_right_buttons .header-search #search_toggle .svg-icon svg{
fill: var(--colorLight);
}
.i .header_right_buttons .icon-inline a.phone{
color: var(--colorLight);
}
.i .cart-button i:after{
border-color: var(--colorDarkGrey);
}
.i.topline .icon-inline a{
color: var(--colorLight);
}
.i.topline .icon-inline a:hover{
color: var(--colorMain);
}
.i .comment::before{
background-color: #414143;
}
.i .comment-list > li.comment:last-child{
border-color: #414143;
}
.i ol.comment-list .comment-meta .comment-metadata a:hover{
color: var(--colorLight);
}
.i.m{
background-color: #444;
background-color: var(--colorDarkGrey);
}
.i.m .cart-button i:after{
border-color: var(--colorDark);
}
.i.m.page_header_side .menu-side-click li.active-submenu{
background-color: var(--colorDarkGrey);
}
.woo .i .cart-cols .cart-collaterals,
.i form.checkout #order_review{
background-color: var(--colorDark);
}
.woo .i ul.cart_list li .woocommerce-Price-amount,
.woo .i ul.product_list_widget li .woocommerce-Price-amount,
.woo .i ul.cart_list li del,
.woo .i ul.product_list_widget li del,
.woocommerce .i .widget_price_filter .price_label{
color: var(--colorLight);
}
.i .search-form::after{
background-color: var(--colorLight);
}
.woo .i .woo div.product div.summary .product_meta > span{
color: var(--colorLight);
}
.i .widget_product_categories .select2,
.i .woocommerce-input-wrapper .select2{
border-color: rgba(var(--colorLightRGB), 0.15);
}
.i .woocommerce-billing-fields .form-row::before,
.i #add_payment_method .checkout .col-2 .notes::before,
.woocommerce-cart .i .checkout .col-2 .notes::before,
.woocommerce-checkout .i .checkout .col-2 .notes::before{
background-color: var(--colorLight);
}
.woo .i .product_meta > span a:hover{
color: var(--colorLight);
}
.woo .i ul.products li.product .product-text-wrap .product-footer-content{
border-color: rgba(var(--colorLightRGB), 0.3);
}
.woo .i strong,
.woo .i bdi{
color: var(--colorLight);
}
.woo .i ul.products li.product .product-text-wrap,
.woo .i ul.products li.product .price del bdi,
.woo .i ul.products li.product .price del{
color: var(--colorDarkFont);
}
.woo .i p.stars a:before,
.woo .i p.stars a:hover ~ a:before{
color: var(--colorLight);
}
.woo .i a.remove:hover{
color: var(--colorLight) !important;
}
.i .table,
.i .table-bordered,
.i .table th,
.i .table td,
.i table th,
.i table td,
.i .cart_totals table th,
.i .cart_totals table td{
border-color: var(--colorBorder) !important;
}
@media (min-width: 991px) {
.i form.checkout #order_review table tbody tr .product-name strong{
color: var(--colorDarkFont);
}
}
.i ol.comment-list .reply a:hover{
color: var(--colorLight);
}
.i .woocommerce-error a.button,
.i .woocommerce-info a.button,
.i .woocommerce-message a.button{
color: var(--colorLight) !important;
}
.i .woocommerce-error a.button:hover,
.i .woocommerce-info a.button:hover,
.i .woocommerce-message a.button:hover{
color: var(--colorMain) !important;
}
.i .reset_variations{
color: var(--colorDarkGrey);
}
.i .reset_variations:hover{
background-color: var(--colorLight);
color: var(--colorDarkGrey);
}
.woo .i ul.cart_list li .star-rating,
.woo .i ul.product_list_widget li .star-rating,
.woo .i .star-rating::before{
color: var(--colorLight);
}
.woo .i .woo div.product div.summary .share_buttons.social_part a.fa-paper-plane:hover{
color: var(--colorLight);
}
.woo .i .woo div.product div.summary .share_buttons.social_part a:hover{
border-color: var(--colorLight);
}
.woo .i div.product .woocommerce-tabs .panel{
background-color: rgba(0, 0, 0, .2);
}
.woo .i .comment-form p.comment-form-author::after,
.woo .i .comment-form p.comment-form-email::after,
.woo .i .comment-form p.comment-form-comment::after{
background-color: var(--colorLight);
}
.woo .i div.product .woocommerce-tabs ul.tabs li{
background-color: rgba(0, 0, 0, .2);
}
.i #add_payment_method table.cart td.actions .coupon .button.apply_coupon,
.woocommerce-cart .i table.cart td.actions .coupon .button.apply_coupon,
.woocommerce-checkout .i table.cart td.actions .coupon .button.apply_coupon,
.woo .i .checkout_coupon button.button:hover,
.i form.checkout #payment #place_order:hover,
.woo .i .cart-cols .cart-collaterals .cart_totals .checkout-button:hover,
.woo .i .return-to-shop a.button,
.woo .i #reviews #comments ol.commentlist li .meta,
.woo .i #review_form_wrapper .comment-reply-title{
color: var(--colorLight);
}
.i .woocommerce-error,
.i .woocommerce-info,
.i .woocommerce-message{
color: var(--colorDarkFont);
}
.woo .i .price del,
.woo .i .price del bdi,
.woo .i #reviews #comments ol.commentlist li .description p{
color: var(--colorDarkFont);
}
.i.c{
background-color: #31b3b3;
background-color: var(--colorMain);
color: var(--colorLight);
}
.i.c.title .breadcrumbs a{
color: var(--colorDarkGrey);
}
.i.c.title .breadcrumbs a:hover{
color: var(--colorLight);
}
@media (min-width: 1200px) {
.i.c.header.header-2 .top-menu > li.current-menu-item > a,
.i.c.header.header-2 .top-menu > li.current-menu-ancestor > a,
.i.c.header.header-2 .top-menu > li:hover > a{
color: var(--colorLight);
}
}
.i.c .menu-side-click > li a::before{
background-color: var(--colorLight);
}
.i.c .menu-side-click .activate_submenu:before{
color: var(--colorLight);
}
.i.c .cart-button i:after{
background-color: var(--colorLight);
border-color: var(--colorMain);
}
.i.c .cart-button .total-price bdi{
color: var(--colorLight);
}
.i.c .cart-dropdown a.dropdown-toggle i{
color: var(--colorMain2);
}
.i.c .cart-dropdown a.dropdown-toggle:hover,
.i.c .cart-dropdown a.dropdown-toggle:focus,
.i.c .cart-dropdown a.dropdown-toggle:active{
background-color: var(--colorMain2);
opacity: 1;
}
.i.c .cart-dropdown a.dropdown-toggle:hover i,
.i.c .cart-dropdown a.dropdown-toggle:focus i,
.i.c .cart-dropdown a.dropdown-toggle:active i{
color: var(--colorLight);
}
.i.c .header_right_buttons .cart-dropdown .dropdown-toggle .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown button .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown #search_toggle .svg-icon svg,
.i.c .header_right_buttons .header-login .dropdown-toggle .svg-icon svg,
.i.c .header_right_buttons .header-login button .svg-icon svg,
.i.c .header_right_buttons .header-login #search_toggle .svg-icon svg,
.i.c .header_right_buttons .header-search .dropdown-toggle .svg-icon svg,
.i.c .header_right_buttons .header-search button .svg-icon svg,
.i.c .header_right_buttons .header-search #search_toggle .svg-icon svg{
fill: var(--colorLight);
}
.i.c .header_right_buttons .cart-dropdown .dropdown-toggle:hover .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown .dropdown-toggle:active .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown .dropdown-toggle:focus .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown button:hover .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown button:active .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown button:focus .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown #search_toggle:hover .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown #search_toggle:active .svg-icon svg,
.i.c .header_right_buttons .cart-dropdown #search_toggle:focus .svg-icon svg,
.i.c .header_right_buttons .header-login .dropdown-toggle:hover .svg-icon svg,
.i.c .header_right_buttons .header-login .dropdown-toggle:active .svg-icon svg,
.i.c .header_right_buttons .header-login .dropdown-toggle:focus .svg-icon svg,
.i.c .header_right_buttons .header-login button:hover .svg-icon svg,
.i.c .header_right_buttons .header-login button:active .svg-icon svg,
.i.c .header_right_buttons .header-login button:focus .svg-icon svg,
.i.c .header_right_buttons .header-login #search_toggle:hover .svg-icon svg,
.i.c .header_right_buttons .header-login #search_toggle:active .svg-icon svg,
.i.c .header_right_buttons .header-login #search_toggle:focus .svg-icon svg,
.i.c .header_right_buttons .header-search .dropdown-toggle:hover .svg-icon svg,
.i.c .header_right_buttons .header-search .dropdown-toggle:active .svg-icon svg,
.i.c .header_right_buttons .header-search .dropdown-toggle:focus .svg-icon svg,
.i.c .header_right_buttons .header-search button:hover .svg-icon svg,
.i.c .header_right_buttons .header-search button:active .svg-icon svg,
.i.c .header_right_buttons .header-search button:focus .svg-icon svg,
.i.c .header_right_buttons .header-search #search_toggle:hover .svg-icon svg,
.i.c .header_right_buttons .header-search #search_toggle:active .svg-icon svg,
.i.c .header_right_buttons .header-search #search_toggle:focus .svg-icon svg{
fill: var(--colorMain2);
}
.i.c .header_right_buttons .icon-inline .svg-icon,
.i.c .cart-dropdown .dropdown-toggle .cart-count{
background-color: var(--colorMain2);
}
.i.c .side_header_inner .widget.widget_nav_menu li.current_page_item a{
color: var(--colorLight);
}
.i.c .side_header_inner .widget.widget_nav_menu li a::before{
border-color: var(--colorLight);
}
@media (min-width: 1200px) {
.i.c .top-menu li.menu-item.current-menu-ancestor > a{
color: var(--colorDarkGrey);
}
.i.c .top-menu > li.current-menu-item > a,
.i.c .top-menu > li.menu-item > a:hover,
.i.c .top-menu > li.menu-item > a:focus,
.i.c .top-menu > li.menu-item > a:active{
color: var(--colorDarkGrey);
opacity: 1;
}
.i.c .top-menu > li.menu-item-has-children:hover > a{
color: var(--colorDarkGrey);
}
}
.i.c input,
.i.c select,
.i.c textarea{
color: var(--colorLight);
}
.i.c button[type=submit]{
color: var(--colorLight);
}
.i.c button[type=submit].search-submit svg{
fill: var(--colorLight);
}
.i.c button[type=submit]:hover{
color: var(--colorLight);
opacity: .8;
}
.i.c ::-webkit-input-placeholder{
color: var(--colorLight);
}
.i.c ::-moz-placeholder{
color: var(--colorLight);
}
.i.c :-moz-placeholder{
color: var(--colorLight);
}
.i.c :-ms-input-placeholder{
color: var(--colorLight);
}
.i.c.gradient a.logo{
color: var(--colorLight);
}
.i.c .btn-maincolor2:hover,
.i.c .btn-maincolor3:hover,
.i.c .btn-darkgrey:hover,
.i.c .btn-outline-maincolor:hover,
.i.c .btn-outline-maincolor2:hover,
.i.c .btn-outline-maincolor3:hover{
color: var(--colorDarkGrey);
}
.i.c .btn-outline-darkgrey:hover{
color: var(--colorLight);
}
.i.c .btn-outline-maincolor,
.i.c .btn-outline-maincolor2,
.i.c .btn-outline-maincolor3,
.i.c .btn-outline-darkgrey{
color: var(--colorLight);
}
.i.c .btn-outline-maincolor{
border-color: var(--colorLight);
}
.i.c .btn-outline-maincolor:hover{
background-color: var(--colorLight);
color: var(--colorDarkGrey);
}
.i.c .btn-maincolor{
color: var(--colorDarkGrey);
border-color: var(--colorLight);
background-color: var(--colorLight);
}
.i.c .btn-maincolor:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorLight);
}
.i.c a{
color: var(--colorLight);
}
.i.c a:focus,
.i.c a:hover,
.i.c a:active{
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
color: #fff;
color: var(--colorLight);
opacity: .8;
}
.i.c.copyright .copyright-text{
color: var(--colorLight);
}
.i.c.c2{
background-color: #f69732;
background-color: var(--colorMain2);
color: var(--colorLight);
}
@media (min-width: 1200px) {
.i.c.c2.header.header-2 .top-menu > li.current-menu-item > a,
.i.c.c2.header.header-2 .top-menu > li.current-menu-ancestor > a,
.i.c.c2.header.header-2 .top-menu > li:hover > a{
color: var(--colorLight);
}
.i.c.c2.header.header-2 .top-menu > li.current-menu-item > a::before,
.i.c.c2.header.header-2 .top-menu > li.current-menu-ancestor > a::before,
.i.c.c2.header.header-2 .top-menu > li:hover > a::before{
background-color: var(--colorMain);
}
}
.i .svg-icon svg{
fill: #fff;
}
.i .l.affix .svg-icon svg{
fill: #444;
fill: var(--colorDarkGrey);
}
.i .section-hr{
background-color: var(--colorLight);
opacity: .1;
}
.i ol,
.i ul,
.i dd{
color: var(--colorLight);
}
.i .grey{
border-color: var(--colorLight);
color: var(--colorLight);
}
.i .with_background{
background-color: rgba(0, 0, 0, .2);
}
.i .with_background .entry-footer-bottom{
background-color: rgba(0, 0, 0, .2);
}
.i .dropdown ul:not(.topline-menu) li a{
background-color: var(--colorDark);
}
.i .nav-links a,
.i .nav-links .dots,
.i .page-links a,
.i .page-links .dots{
color: var(--colorLight);
}
.i .nav-links a .icon-inline .svg-icon svg,
.i .nav-links .dots .icon-inline .svg-icon svg,
.i .page-links a .icon-inline .svg-icon svg,
.i .page-links .dots .icon-inline .svg-icon svg{
fill: var(--colorLight);
}
.i .nav-links a:hover,
.i .nav-links .dots:hover,
.i .page-links a:hover,
.i .page-links .dots:hover{
background-color: var(--colorLight);
border-color: var(--colorLight);
color: var(--colorDarkGrey);
}
.i .nav-links a:hover .icon-inline .svg-icon svg,
.i .nav-links .dots:hover .icon-inline .svg-icon svg,
.i .page-links a:hover .icon-inline .svg-icon svg,
.i .page-links .dots:hover .icon-inline .svg-icon svg{
fill: var(--colorDarkGrey);
}
.i .excerpt{
color: var(--colorLight);
}
.i .woo .comment-reply-title{
color: var(--colorLight);
}
.i .tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-title-link,
.i .tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-datetime-wrapper,
.i .tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-venue,
.i .tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-c-small-cta__price{
color: var(--colorLight);
}
.i .layout-search article{
background-color: rgba(0, 0, 0, .2);
}
.bordered{
border: 1px solid;
border-color: #ececec;
border-color: var(--colorBorder);
}
.i .bordered{
border-color: rgba(255, 255, 255, .3);
}
.bordered .item-media,
.bordered .entry-thumbnail,
.bordered .product-thumbnail-wrap{
margin: -1px -1px -1px -1px;
z-index: 1;
}
.muted{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.l.m .muted{
background-color: #fff;
background-color: var(--colorLight);
}
.i .muted{
background-color: rgba(255, 255, 255, .1);
}
.shadow{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.i .shadow{
box-shadow: 0 0 20px 0 rgba(255, 255, 255, .1);
}
.small-text{
font-size: 14px;
letter-spacing: .1em;
text-transform: uppercase;
}
.d-none{
display: none !important;
}
.extra-padding,
.muted,
.shadow{
padding: 50px;
}
@media (max-width: 500px) {
.extra-padding,
.muted,
.shadow{
padding: 30px;
}
}
.rounded{
border-radius: 10px;
overflow: hidden;
}
.background-overlay{
position: relative;
}
.background-overlay:before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: .5;
}
.background-overlay.overlay-light:before{
background-color: var(--colorLight);
opacity: .93;
}
.background-overlay.overlay-grey:before{
background-color: var(--colorDarkGrey);
opacity: .95;
}
.background-overlay.overlay-main:before{
background-color: var(--colorMain);
opacity: .95;
}
.background-overlay.overlay-main2:before{
background-color: var(--colorMain2);
opacity: .95;
}
.background-overlay.overlay-main3:before{
background-color: var(--colorMain3);
opacity: .95;
}
.background-overlay > *{
position: relative;
}
.background-cover{
background-position: 50% 0;
background-size: cover;
}
.background-cover.cover-center{
background-position: 50% 50%;
}
.background-fixed{
background-attachment: fixed;
}
.dropdown{
position: relative;
}
.color-dark{
color: var(--colorDark);
border-color: var(--colorDark);
}
.color-darkgrey{
color: var(--colorDarkGrey);
}
.color-light{
color: var(--colorLight);
}
.greylinks a{
color: var(--colorFont);
}
.greylinks a:hover,
.greylinks a:focus,
.greylinks a:active{
color: var(--colorMain);
}
.greylinks a.social-icon{
color: rgba(var(--colorFontRGB), 0.6);
}
.greylinks a.social-icon:hover,
.greylinks a.social-icon:focus,
.greylinks a.social-icon:active{
color: var(--colorMain);
}
.darklinks a{
color: var(--colorDarkGrey);
}
.darklinks a:hover{
color: var(--colorMain);
}
.darklinks a.social-icon{
color: var(--colorDarkGrey);
}
.grey{
border-color: var(--colorDarkGrey);
color: var(--colorDarkGrey);
}
.with_background{
background-color: var(--colorGrey);
}
.fs-9{
font-size: 9px;
}
.fs-10{
font-size: 10px;
}
.fs-11{
font-size: 11px;
}
.fs-12{
font-size: 12px;
}
.fs-13{
font-size: 13px;
}
.fs-14{
font-size: 14px;
}
.fs-15{
font-size: 15px;
}
.fs-16{
font-size: 16px;
}
.fs-17{
font-size: 17px;
}
.fs-18{
font-size: 18px;
}
.fs-19{
font-size: 19px;
}
.fs-20{
font-size: 20px;
}
.fs-21{
font-size: 21px;
}
.fs-22{
font-size: 22px;
}
.fs-24{
font-size: 24px;
}
.fs-54{
font-size: 54px;
}
.fs-60{
font-size: 60px;
}
.fs-100{
font-size: 100px;
}
.fs-200{
font-size: 200px;
}
@media (max-width: 1199px) {
.fs-200{
font-size: 52px;
}
}
@media (max-width: 767px) {
.fs-200{
font-size: 48px;
}
}
@media (max-width: 1199px) {
.fs-100{
font-size: 38px;
}
}
@media (max-width: 767px) {
.fs-100{
font-size: 34px;
}
}
@media (max-width: 1199px) {
.fs-54{
font-size: 24px;
}
}
.fw-100{
font-weight: 100;
}
.fw-200{
font-weight: 200;
}
.fw-300{
font-weight: 300;
}
.fw-400{
font-weight: 400;
}
.fw-500{
font-weight: 500;
}
.fw-600{
font-weight: 600;
}
.fw-700{
font-weight: 700;
}
.fw-800{
font-weight: 800;
}
.fw-900{
font-weight: 900;
}
.text-right{
text-align: right;
}
.text-left{
text-align: left !important;
}
.text-center{
text-align: center;
}
@media (min-width: 768px) {
.text-sm-right{
text-align: right;
}
.text-sm-left{
text-align: left;
}
.text-sm-center{
text-align: center;
}
}
@media (min-width: 992px) {
.text-md-right{
text-align: right;
}
.text-md-left{
text-align: left;
}
.text-md-center{
text-align: center;
}
}
@media (min-width: 1200px) {
.text-lg-right{
text-align: right;
}
.text-lg-left{
text-align: left;
}
.text-lg-center{
text-align: center;
}
}
@media (max-width: 767px) {
.text-xs-right{
text-align: right;
}
.text-xs-left{
text-align: left;
}
.text-xs-center{
text-align: center;
}
}
.fw-100{
font-weight: 100;
}
.fw-200{
font-weight: 200;
}
.fw-300,
.thin{
font-weight: 300;
}
.fw-400{
font-weight: 400;
}
.fw-500{
font-weight: 500;
}
.fw-600{
font-weight: 600;
}
.fw-700,
.bolder{
font-weight: 700;
}
.fw-900,
.bold{
font-weight: 900;
}
.w-100{
width: 100%;
}
.border-bottom{
border-bottom: 1px solid var(--colorDark);
}
.m-0{
margin: 0;
}
@media (min-width: 1199px) {
.mt-xl--115{
margin-top: -115px;
z-index: -1;
}
}
@media (min-width: 1199px) {
.mt-xl--320{
margin-top: -320px;
}
}
.overflow-hidden{
overflow: hidden;
}
@-webkit-keyframes pulse-icon-color-main {
70%{
box-shadow: 0 0 0 1em rgba(49, 179, 179, 0), 0 0 0 .5em rgba(49, 179, 179, 0);
}
100%{
box-shadow: 0 0 0 0 rgba(49, 179, 179, 0), 0 0 0 0 rgba(49, 179, 179, 0);
}
}
@media (min-width: 992px) {
.desktop-opacity-none .wp-block-getwid-media-text-slider-slide-content__media-overlay{
opacity: 0 !important;
}
}
@media (min-width: 992px) {
.desktop-section-overlay-none .wp-block-getwid-section__foreground{
opacity: 0 !important;
}
}
.bg-position-section-little-right .wp-block-getwid-section__background{
background-position: 60% center;
}
.bg-position-little-right img{
-o-object-position: 65%;
object-position: 65%;
}
.round-text{
position: absolute;
bottom: 60px;
right: 0;
-webkit-animation: iqrotation 15s infinite linear;
animation: iqrotation 15s infinite linear;
-webkit-animation-play-state: running;
animation-play-state: running;
}
@media (max-width: 1599px) {
.round-text{
right: 15px;
}
}
.round-text img{
position: relative;
max-height: 170px;
}
@-webkit-keyframes iqrotation {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(359deg);
}
}
@keyframes iqrotation {
from{
-webkit-transform: rotate(0deg);
}
to{
-webkit-transform: rotate(359deg);
}
}
@media (max-width: 1199px) {
.round-text{
display: none;
}
}
.color-main{
color: var(--colorMain);
}
.color-main2{
color: var(--colorMain2);
}
.color-main3{
color: var(--colorMain3);
}
.color-main4{
color: var(--colorMain4);
}
.hidden,
.d-none,
.shown-xl,
.shown-lg,
.shown-md,
.shown-sm,
.shown-xs{
display: none;
}
@media (max-width: 1599px) {
.hidden-xl{
display: none;
}
}
@media (max-width: 1199px) {
.hidden-lg{
display: none;
}
}
@media (max-width: 991px) {
.hidden-md{
display: none;
}
}
@media (max-width: 767px) {
.hidden-sm{
display: none;
}
}
@media (max-width: 599px) {
.hidden-xs{
display: none;
}
}
@media (max-width: 1599px) {
.shown-xl{
display: block;
}
}
@media (max-width: 1199px) {
.shown-lg{
display: block;
}
}
@media (max-width: 991px) {
.shown-md{
display: block;
}
}
@media (max-width: 767px) {
.shown-sm{
display: block;
}
}
@media (max-width: 599px) {
.shown-xs{
display: block;
}
}
.inline-block{
display: inline-block !important;
}
.animate.an__fadeInLeft{
-webkit-animation: 5s infinite linear;
animation: 5s infinite linear;
-webkit-animation-play-state: unset;
animation-play-state: unset;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
from{
opacity: 0;
-webkit-transform: translate3d(0, -9%, 0);
transform: translate3d(0, -9%, 0);
}
to{
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from{
opacity: 0;
-webkit-transform: translate3d(0, -9%, 0);
transform: translate3d(0, -9%, 0);
}
to{
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@media (min-width: 992px) {
.with-sidebar.sidebar-left .column-aside{
margin-right: 30px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-10{
margin-right: 10px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-15{
margin-right: 15px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-20{
margin-right: 20px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-30{
margin-right: 30px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-40{
margin-right: 40px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-60{
margin-right: 60px !important;
margin-left: 0 !important;
}
.with-sidebar.sidebar-left .column-aside.m-lg-80{
margin-right: 80px !important;
margin-left: 0 !important;
}
.with-sidebar .column-aside{
margin-left: 30px !important;
}
.with-sidebar .column-aside.m-lg-10{
margin-left: 10px !important;
}
.with-sidebar .column-aside.m-lg-15{
margin-left: 15px !important;
}
.with-sidebar .column-aside.m-lg-20{
margin-left: 20px !important;
}
.with-sidebar .column-aside.m-lg-30{
margin-left: 30px !important;
}
.with-sidebar .column-aside.m-lg-40{
margin-left: 40px !important;
}
.with-sidebar .column-aside.m-lg-60{
margin-left: 60px !important;
}
.with-sidebar .column-aside.m-lg-80{
margin-left: 80px !important;
}
}
.position-relative{
position: relative;
}
.main_bg_color{
background-color: var(--colorMain);
}
.round{
border-radius: 50%;
}
.divider-30{
margin-bottom: 30px;
}
.divider-50{
margin-bottom: 50px;
}
@media (max-width: 767px) {
.divider-50{
margin-bottom: 30px;
}
}
.letter-spacing-4{
letter-spacing: 4px;
}
.letter-spacing-28{
letter-spacing: 14px;
}
@media (min-width: 768px) {
.letter-spacing-28{
letter-spacing: 28px;
}
}
strong{
font-weight: 700;
color: var(--colorDarkGrey);
}
.bg_teaser{
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
position: relative;
overflow: hidden;
}
.single .bg_teaser{
color: var(--colorFont);
}
.highlight{
color: var(--colorMain);
}
@media (min-width: 1200px) {
.before-bg:before{
content: "";
background-color: var(--colorBackground);
width: 230px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: -215px;
z-index: -1;
}
}
.v-center{
justify-content: center;
}
.with_offset_frame{
position: relative;
display: inline-block;
z-index: 1;
}
.with_offset_frame:before{
content: "";
position: absolute;
top: -15px;
right: -15px;
width: 100%;
height: 100%;
border: 7px solid var(--colorMain);
z-index: -1;
}
@media (min-width: 1200px) {
.with_offset_frame:before{
top: -30px;
right: -30px;
border-width: 15px;
}
}
@-webkit-keyframes pulse-icon-color-main {
70%{
box-shadow: 0 0 0 20px rgba(var(--colorMainDarken20RGB), 0), 0 0 0 7px rgba(var(--colorMainDarken20RGB), 0);
}
100%{
box-shadow: 0 0 0 0 rgba(var(--colorMainDarken20RGB), 0), 0 0 0 0 rgba(var(--colorMainDarken20RGB), 0);
}
}
@-webkit-keyframes pulse-icon-color-main3 {
70%{
box-shadow: 0 0 0 20px rgba(222, 47, 95, 0), 0 0 0 7px rgba(222, 47, 95, 0);
}
100%{
box-shadow: 0 0 0 0 rgba(222, 47, 95, 0), 0 0 0 0 rgba(222, 47, 95, 0);
}
}
.excerpt{
font-size: 18px;
color: var(--colorDarkGrey);
font-weight: 300;
}
.excerpt:not(:last-child){
margin-bottom: 35px;
}
.border-r-def{
border-radius: 3px;
}
.container{
position: relative;
max-width: 1520px;
padding: 0 15px;
margin: auto;
}
.container:before,
.container:after{
content: "";
display: block;
clear: both;
}
.container-1520 .main .container,
.container-1520 .title .container,
.container-1520 .header .container,
.container-1520 .toplogo .container,
.container-1520 .topline .container,
.container-1520 .footer-top .container,
.container-1520 .footer .container,
.container-1520 .copyright .container,
.container-1520 .page_slider .container{
max-width: 1520px;
}
.container-1170 .main .container,
.container-1170 .title .container,
.container-1170 .header .container,
.container-1170 .toplogo .container,
.container-1170 .topline .container,
.container-1170 .footer-top .container,
.container-1170 .footer .container,
.container-1170 .copyright .container,
.container-1170 .page_slider .container,
.container-1170 .intro-section .container{
max-width: 1200px;
}
@media (max-width: 1199px) {
.container-1170 .main .container,
.container-1170 .title .container,
.container-1170 .header .container,
.container-1170 .toplogo .container,
.container-1170 .topline .container,
.container-1170 .footer-top .container,
.container-1170 .footer .container,
.container-1170 .copyright .container,
.container-1170 .page_slider .container,
.container-1170 .intro-section .container{
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 767px) {
.container-1170 .main .container,
.container-1170 .title .container,
.container-1170 .header .container,
.container-1170 .toplogo .container,
.container-1170 .topline .container,
.container-1170 .footer-top .container,
.container-1170 .footer .container,
.container-1170 .copyright .container,
.container-1170 .page_slider .container,
.container-1170 .intro-section .container{
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
}
.container-960 .main .container,
.container-960 .title .container,
.container-960 .header .container,
.container-960 .toplogo .container,
.container-960 .topline .container,
.container-960 .footer-top .container,
.container-960 .footer .container,
.container-960 .copyright .container,
.container-960 .page_slider .container{
max-width: 960px;
}
.container-720 .main .container,
.container-720 .title .container,
.container-720 .header .container,
.container-720 .toplogo .container,
.container-720 .topline .container,
.container-720 .footer-top .container,
.container-720 .footer .container,
.container-720 .copyright .container,
.container-720 .page_slider .container{
max-width: 720px;
}
.main.container-1520 > .container,
.title.container-1520 > .container{
max-width: 1520px;
}
.main.container-1170 > .container,
.title.container-1170 > .container{
max-width: 1170px;
}
.main.container-960 > .container,
.title.container-960 > .container{
max-width: 960px;
}
.main.container-720 > .container,
.title.container-720 > .container{
max-width: 770px;
}
.row:before,
.row:after{
content: "";
display: block;
clear: both;
}
.container-fluid{
position: relative;
}
.container-fluid:before,
.container-fluid:after{
content: "";
display: block;
clear: both;
}
.title .container-fluid,
.footer .container-fluid,
.copyright .container-fluid,
.toplogo .container-fluid,
.topline .container-fluid{
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1600px) {
.title .container-fluid,
.toplogo .container-fluid,
.topline .container-fluid{
padding-left: 80px;
padding-right: 80px;
}
}
@media (max-width: 1599px)and (min-width: 1200px) {
.container,
.container-fluid{
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 1199px) {
.container,
.container-fluid{
margin-left: 0;
margin-right: 0;
padding-left: 15px;
padding-right: 15px;
}
.header .container,
.topline .container,
.header .container-fluid,
.topline .container-fluid{
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) {
.container-md-flex{
display: flex;
align-items: center;
}
}
@media (min-width: 768px) {
.container-sm-flex{
display: flex;
align-items: center;
}
}
.container-flex{
display: flex;
align-items: center;
}
.cols-1,
.gallery-columns-1{
display: block;
}
.cols-1 > *,
.cols-1 > .grid-sizer,
.cols-1 > .grid-item,
.gallery-columns-1 > *,
.gallery-columns-1 > .grid-sizer,
.gallery-columns-1 > .grid-item{
width: 100%;
}
.cols-2,
.gallery-columns-2{
display: flex;
flex-wrap: wrap;
}
.cols-2 > *,
.gallery-columns-2 > *{
width: 50%;
}
.cols-3,
.gallery-columns-3{
display: flex;
flex-wrap: wrap;
}
.cols-3 > *,
.gallery-columns-3 > *{
width: 33.333%;
}
.cols-4,
.gallery-columns-4{
display: flex;
flex-wrap: wrap;
}
.cols-4 > *,
.gallery-columns-4 > *{
width: 25%;
}
.cols-5,
.gallery-columns-5{
display: flex;
flex-wrap: wrap;
}
.cols-5 > *,
.gallery-columns-5 > *{
width: 20%;
}
.cols-6,
.gallery-columns-6{
display: flex;
flex-wrap: wrap;
}
.cols-6 > *,
.gallery-columns-6 > *{
width: 16.666%;
}
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9{
display: flex;
flex-wrap: wrap;
}
.gallery-columns-7 > *,
.gallery-columns-8 > *,
.gallery-columns-9 > *{
width: 16.666%;
}
.grid-wrapper{
display: flex;
flex-wrap: wrap;
}
.grid-wrapper .grid-sizer{
display: none;
}
.grid-item .post-title{
font-size: 1.1em;
}
.layout-gap-1 .grid-wrapper,
.layout-gap-1 .masonry{
margin-left: -1px;
margin-right: 0;
}
.layout-gap-1 .grid-item{
padding-right: 0;
padding-left: 1px;
padding-bottom: 1px;
}
.layout-gap-2 .grid-wrapper,
.layout-gap-2 .masonry{
margin-left: -1px;
margin-right: -1px;
}
.layout-gap-2 .grid-item{
padding-right: 1px;
padding-left: 1px;
padding-bottom: 2px;
}
.layout-gap-3 .grid-wrapper,
.layout-gap-3 .masonry{
margin-left: -2px;
margin-right: -1px;
}
.layout-gap-3 .grid-item{
padding-right: 1px;
padding-left: 2px;
padding-bottom: 3px;
}
.layout-gap-4 .grid-wrapper,
.layout-gap-4 .masonry{
margin-left: -2px;
margin-right: -2px;
}
.layout-gap-4 .grid-item{
padding-right: 2px;
padding-left: 2px;
padding-bottom: 4px;
}
.layout-gap-5 .grid-wrapper,
.layout-gap-5 .masonry{
margin-left: -3px;
margin-right: -2px;
}
.layout-gap-5 .grid-item{
padding-right: 2px;
padding-left: 3px;
padding-bottom: 5px;
}
.layout-gap-10 .grid-wrapper,
.layout-gap-10 .masonry{
margin-left: -5px;
margin-right: -5px;
}
.layout-gap-10 .grid-item{
padding-right: 5px;
padding-left: 5px;
padding-bottom: 10px;
}
.layout-gap-15 .grid-wrapper,
.layout-gap-15 .masonry{
margin-left: -8px;
margin-right: -7px;
}
.layout-gap-15 .grid-item{
padding-right: 7px;
padding-left: 8px;
padding-bottom: 15px;
}
.layout-gap-20 .grid-wrapper,
.layout-gap-20 .masonry{
margin-left: -10px;
margin-right: -10px;
}
.layout-gap-20 .grid-item{
padding-right: 10px;
padding-left: 10px;
padding-bottom: 20px;
}
.layout-gap-30 .grid-wrapper,
.layout-gap-30 .masonry{
margin-left: -15px;
margin-right: -15px;
}
.layout-gap-30 .grid-item{
padding-right: 15px;
padding-left: 15px;
padding-bottom: 30px;
}
.layout-gap-40 .grid-wrapper,
.layout-gap-40 .masonry{
margin-left: -20px;
margin-right: -20px;
}
.layout-gap-40 .grid-item{
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
}
.layout-gap-50 .grid-wrapper,
.layout-gap-50 .masonry{
margin-left: -25px;
margin-right: -25px;
}
.layout-gap-50 .grid-item{
padding-right: 25px;
padding-left: 25px;
padding-bottom: 50px;
}
.layout-gap-60 .grid-wrapper,
.layout-gap-60 .masonry{
margin-left: -30px;
margin-right: -30px;
}
.layout-gap-60 .grid-item{
padding-right: 30px;
padding-left: 30px;
padding-bottom: 60px;
}
.grid-sizer,
.grid-item{
width: 100%;
}
@media screen and (min-width: 768px) {
.grid-sizer,
.grid-item{
width: 50%;
}
.layout-cols-1 .grid-item{
width: 100%;
}
}
@media screen and (min-width: 1200px) {
.layout-cols-3 .grid-sizer,
.layout-cols-3 .grid-item{
width: 33.3333%;
}
.layout-cols-4 .grid-sizer,
.layout-cols-4 .grid-item,
.layout-cols-5 .grid-sizer,
.layout-cols-5 .grid-item,
.layout-cols-6 .grid-sizer,
.layout-cols-6 .grid-item{
width: 25%;
}
}
@media screen and (min-width: 1200px) {
.layout-cols-5 .grid-sizer,
.layout-cols-5 .grid-item{
width: 20%;
}
.layout-cols-6 .grid-sizer,
.layout-cols-6 .grid-item{
width: 16.666%;
}
}
@media screen and (min-width: 576px) {
.masonry-grid{
width: calc(100% + 50px);
margin-right: -25px;
margin-left: -25px;
}
.masonry-grid > * > *{
margin: 25px;
}
.masonry-2-cols > * > *,
.masonry-3-cols > * > *,
.masonry-4-cols > * > *{
width: calc(50% - 50px);
}
}
@media screen and (min-width: 1200px) {
.masonry-3-cols > * > *{
width: calc(33.3333% - 50px);
}
.masonry-4-cols > * > *{
width: calc(25% - 50px);
}
}
.section{
margin-left: -100em;
margin-right: -100em;
padding-left: 100em;
padding-right: 100em;
}
.with-sidebar .section{
margin-left: 0;
margin-right: 0;
padding-left: 1.5em;
padding-right: 1.5em;
}
@media (max-width: 1200px) {
.section.alignfull{
padding-left: 0;
padding-right: 0;
}
}
.decor{
position: relative;
z-index: 2;
-webkit-clip-path: inset(-60px 0);
clip-path: inset(-60px 0);
}
.decor:before,
.decor:after{
content: "";
position: absolute;
left: 0;
right: 0;
height: 60px;
top: -59px;
background-color: #fff;
background-color: var(--colorLight);
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
display: none;
}
.decor:after{
top: auto;
bottom: -59px;
-webkit-transform: scaleY(-1) scaleX(-1);
transform: scaleY(-1) scaleX(-1);
}
@media (max-width: 1199px) {
.decor:before,
.decor:after{
height: 30px;
top: -29px;
}
.decor:after{
top: auto;
bottom: -29px;
}
}
.decor.section:before,
.decor.section:after{
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.decor.decor-t-inverse:before{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.decor.decor-b-inverse:after{
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.decor.chev-t:before{
-webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.chev-b:after{
-webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.arr-t:before{
-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
.decor.arr-b:after{
-webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
-webkit-transform: none;
transform: none;
}
.decor.m:before,
.decor.m:after{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.decor.i:before,
.decor.i:after{
background-color: #323232;
background-color: var(--colorDark);
}
.decor.i.m:before,
.decor.i.m:after{
background-color: #444;
background-color: var(--colorDarkGrey);
}
.decor.c:before,
.decor.c:after{
background-color: #31b3b3;
background-color: var(--colorMain);
}
.decor-t:before,
.decor-t-inverse:before,
.arr-t:before,
.chev-t:before,
.decor-b:after,
.decor-b-inverse:after,
.arr-b:after,
.chev-b:after{
display: block;
}
.screen{
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 768px) {
.skew_top{
position: relative;
}
.skew_top::before{
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100vw;
height: 0;
border-top: 100px solid var(--colorLight);
border-left: 100vw solid rgba(0, 0, 0, 0);
}
.skew_bottom{
position: relative;
}
.skew_bottom::after{
content: "";
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100vw;
height: 0;
border-bottom: 100px solid var(--colorLight);
border-right: 100vw solid rgba(0, 0, 0, 0);
}
}
@media (min-width: 768px) {
.skew_left_to_right{
-webkit-clip-path: polygon(0 0, 100% 3%, 100% 100%, 0% 97%);
clip-path: polygon(0 0, 100% 3%, 100% 100%, 0% 97%);
}
.skew_right_to_left{
-webkit-clip-path: polygon(0 3%, 100% 0%, 100% 97%, 0% 100%);
clip-path: polygon(0 3%, 100% 0%, 100% 97%, 0% 100%);
}
}
@media (min-width: 1200px) {
.skew_left_to_right{
-webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 90%);
clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 90%);
}
.skew_right_to_left{
-webkit-clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
}
}
.posts-list{
padding: 0;
margin: 0;
text-align: left;
counter-reset: li !important;
}
.posts-list img{
display: block;
line-height: 1;
}
.posts-list li{
display: flex;
align-items: center;
position: relative;
}
.widget-posts-title-only.text-center .posts-list li{
justify-content: center;
}
.widget-posts-title-only.text-center .posts-list li .icon-inline-wrap{
justify-content: center;
}
.widget-posts-title-only.text-center .posts-list li .icon-inline-wrap .icon-inline{
margin-left: 0;
margin-right: 0;
}
.posts-list li img{
max-width: 70px;
min-width: 70px;
height: auto;
}
.posts-list li h3,
.posts-list li h4{
margin-bottom: .5em;
text-transform: none;
font-size: 14px;
letter-spacing: unset;
}
.posts-list li h3 a,
.posts-list li h4 a{
color: var(--colorDark);
}
.posts-list li h3 a:hover,
.posts-list li h4 a:hover{
color: var(--colorFont);
}
.posts-list li + li{
margin-top: 21px;
}
.posts-list .posts-list-thumbnail{
margin-right: 20px;
width: auto;
}
.posts-list .posts-list-thumbnail img{
transition: .3s all ease;
}
.posts-list .posts-list-thumbnail:hover img{
opacity: .8;
}
.posts-list .item-content{
display: flex;
flex-direction: column;
justify-content: center;
}
.widget_custom_posts .posts-list li{
border: 0 !important;
}
.widget_custom_posts .posts-list li > *{
padding: 0 !important;
}
.widget_custom_posts .posts-list li .post-title{
font-size: 16px;
line-height: 1.3;
margin-bottom: 1px;
text-transform: none;
}
.widget_custom_posts .posts-list li .post-date span{
color: var(--colorMain);
font-size: 13px;
font-weight: 600;
line-height: 25px;
text-transform: uppercase;
}
.i .widget_custom_posts .post-title a{
color: var(--colorLight);
}
.i .widget_custom_posts .post-title a:hover{
color: var(--colorFont);
}
.icon-inline-wrap{
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.icon-inline-wrap .icon-inline.post-comments-number{
color: var(--colorDark);
}
.icon-inline-wrap > span:first-child{
margin-right: 20px;
}
.i .icon-inline.post-comments-number{
color: var(--colorLight);
}
li .post-date.icon-inline{
font-size: 14px;
color: var(--colorDarkGrey) !important;
line-height: 1;
display: inline-block;
border-radius: 3px;
transition: all .3s ease-in-out;
white-space: nowrap;
}
li .post-date.icon-inline svg{
fill: gray;
fill: var(--colorFont);
max-width: 1em;
max-height: 1em;
}
.i li .post-date.icon-inline svg{
fill: #fff;
fill: var(--colorLight);
}
.posts-list-thumbnail{
display: block;
position: relative;
width: 100%;
}
.posts-list-thumbnail img{
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.posts-list-thumbnail .svg-icon{
display: none;
}
.post-title{
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-bottom: 0;
}
.sub-title{
margin-bottom: 3em;
}
@media screen and (max-width: 767px) {
.posts-featured{
margin-bottom: 1em;
}
.posts-featured-item{
margin-bottom: 1em;
}
}
@media screen and (min-width: 768px) {
.posts-wrap .content-absolute{
height: 100%;
}
}
.posts-single-item + .posts-single-item,
.posts-single-item + .posts-side-item,
.posts-side-item + .posts-single-item,
.posts-side-item + .posts-side-item{
margin-top: 2em;
}
.widget-posts-title-only h3.post-title{
margin-top: 0;
}
.widget-posts-title-only li + li{
margin-top: 0;
}
.column-aside .posts-wrap{
display: block;
}
.column-aside .posts-wrap > *{
width: 100%;
}
.column-aside .grid-wrapper{
display: block;
}
.column-aside .grid-wrapper .grid-item{
width: 100%;
}
.column-aside .posts-featured-item{
margin-bottom: 2em;
}
.layout-cols .grid-item:last-child article{
margin-bottom: 0;
}
@media (min-width: 768px) {
.d-grid{
display: grid;
grid-gap: 1em;
}
.d-grid [class*=item-]{
position: relative;
overflow: hidden;
}
.d-grid [class*=item-] img{
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.layout-gap-1 .d-grid{
grid-gap: 1px;
}
.layout-gap-2 .d-grid{
grid-gap: 2px;
}
.layout-gap-3 .d-grid{
grid-gap: 3px;
}
.layout-gap-4 .d-grid{
grid-gap: 4px;
}
.layout-gap-5 .d-grid{
grid-gap: 5px;
}
.layout-gap-10 .d-grid{
grid-gap: 10px;
}
.layout-gap-15 .d-grid{
grid-gap: 15px;
}
.layout-gap-20 .d-grid{
grid-gap: 20px;
}
.layout-gap-30 .d-grid{
grid-gap: 30px;
}
.layout-gap-40 .d-grid{
grid-gap: 40px;
}
.layout-gap-50 .d-grid{
grid-gap: 50px;
}
.layout-gap-60 .d-grid{
grid-gap: 60px;
}
.grid-4-cols,
.grid-2-cols{
grid-template-columns: 1fr 1fr;
}
.grid-2-cols-big-first{
grid-template-columns: 2fr 1fr;
}
.grid-3-cols{
grid-template-columns: 1fr 1fr 1fr;
}
.layout-2-cols-loop .post-grid-item:nth-child(6n-1),
.layout-2-cols-loop .post-grid-item:nth-child(6n+1),
.layout-2-cols-loop .post-grid-item:nth-child(1){
grid-row: auto/span 2;
}
}
@media (min-width: 992px) {
.grid-4-cols{
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.read-all-link{
display: block;
margin-top: 2em;
text-align: right;
}
.text-center .read-all-link{
text-align: center;
}
.widget .widgettitle{
font-size: 30px;
line-height: 39px;
margin-bottom: 30px;
}
.widget-posts-default.layout-slider .posts-list li.list-has-post-thumbnail::before{
display: none;
}
.widget-posts-default.layout-slider .posts-list li img{
max-width: 440px;
max-height: 440px;
}
.widget-posts-default.layout-slider .item-content .author-avatar img{
border-radius: 50%;
}
body.single-post.with-sidebar.sidebar-left .meta-date,
body.single-post.with-sidebar .meta-date,
body.single-post.no-sidebar .meta-date{
margin-top: 0;
}
body.single-post.with-sidebar.sidebar-left .title-wrap,
body.single-post.with-sidebar .title-wrap,
body.single-post.no-sidebar .title-wrap{
position: relative;
text-align: left;
z-index: 0;
}
body.single-post.with-sidebar.sidebar-left .title-wrap .background-author,
body.single-post.with-sidebar .title-wrap .background-author,
body.single-post.no-sidebar .title-wrap .background-author{
font-family: "Kristi";
font-style: normal;
font-weight: normal;
font-size: 150px;
line-height: 120px;
color: var(--colorBackground) !important;
position: absolute;
top: -60px;
z-index: -1;
}
@media (max-width: 767px) {
body.single-post.with-sidebar.sidebar-left .title-wrap .background-author,
body.single-post.with-sidebar .title-wrap .background-author,
body.single-post.no-sidebar .title-wrap .background-author{
font-size: 80px;
line-height: 70px;
top: -35px;
}
}
body.single-post.with-sidebar.sidebar-left .title-wrap .author-post,
body.single-post.with-sidebar .title-wrap .author-post,
body.single-post.no-sidebar .title-wrap .author-post{
color: var(--colorMain2);
margin-bottom: 20px;
font-size: 16px;
line-height: 21px;
font-weight: bold;
}
@media (max-width: 767px) {
body.single-post.with-sidebar.sidebar-left .title-wrap .author-post,
body.single-post.with-sidebar .title-wrap .author-post,
body.single-post.no-sidebar .title-wrap .author-post{
margin-bottom: 10px;
}
}
body.single-post.with-sidebar.sidebar-left .title-wrap .entry-title,
body.single-post.with-sidebar .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title{
font-weight: 500;
font-size: 80px;
line-height: 80px;
color: var(--colorDark);
margin-bottom: 50px;
}
@media (max-width: 767px) {
body.single-post.with-sidebar.sidebar-left .title-wrap .entry-title,
body.single-post.with-sidebar .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title{
font-size: 40px;
line-height: 50px;
margin-bottom: 30px;
}
}
body.single-post.with-sidebar.sidebar-left .i .title-wrap .background-author,
body.single-post.with-sidebar .i .title-wrap .background-author,
body.single-post.no-sidebar .i .title-wrap .background-author{
opacity: .2;
}
body.single-post.with-sidebar.sidebar-left .i .title-wrap .entry-title,
body.single-post.with-sidebar .i .title-wrap .entry-title,
body.single-post.no-sidebar .i .title-wrap .entry-title{
color: var(--colorLight);
}
body.single-post.with-sidebar.sidebar-left figcaption,
body.single-post.with-sidebar figcaption,
body.single-post.no-sidebar figcaption{
color: var(--colorDarkGrey);
}
body.single-post.with-sidebar.sidebar-left .item-content .entry-content + .entry-footer.entry-footer-bottom,
body.single-post.with-sidebar .item-content .entry-content + .entry-footer.entry-footer-bottom,
body.single-post.no-sidebar .item-content .entry-content + .entry-footer.entry-footer-bottom{
margin-top: 1.5em;
}
body.single-post.with-sidebar.sidebar-left .title-wrap + .item-content,
body.single-post.with-sidebar .title-wrap + .item-content,
body.single-post.no-sidebar .title-wrap + .item-content{
padding: 0;
}
body.single-post.no-sidebar .title-wrap{
text-align: center;
}
body.single-post.no-sidebar .title-wrap .background-author{
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.side-item .post-thumbnail{
margin-bottom: 0;
}
.side-item .item-content{
padding-top: 2em;
}
@media screen and (min-width: 768px) {
.side-item{
display: flex;
}
.side-item > *{
flex: 2 1;
}
.side-item > *:first-child{
flex: 2 1;
}
.side-item > *:first-child .post-thumbnail{
height: 100%;
}
.side-item > *:first-child .post-thumbnail img{
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.side-item > *:first-child .flexslider,
.side-item > *:first-child .flex-viewport,
.side-item > *:first-child .slides,
.side-item > *:first-child .flexslider li{
height: 100%;
}
}
.item-media img{
display: block;
}
.content-absolute{
position: relative;
display: flex;
}
.content-absolute .entry-title{
margin-bottom: .3em;
}
.content-absolute .overlap-content{
position: absolute;
padding: 3em 1em 1em;
bottom: 0;
right: 0;
left: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
color: #fff;
color: var(--colorLight);
}
.content-absolute .overlap-content h1,
.content-absolute .overlap-content h2,
.content-absolute .overlap-content h3,
.content-absolute .overlap-content h4{
color: #fff;
color: var(--colorLight);
}
.content-absolute .overlap-content a{
color: #fff;
color: var(--colorLight);
}
.content-absolute .overlap-content a:hover{
color: #fff;
color: var(--colorLight);
opacity: .7;
}
.content-absolute .overlap-content span .svg-icon svg{
fill: #fff;
}
.content-absolute .overlap-content .entry-footer{
padding: 0;
border: none;
margin-top: .5em;
color: rgba(255, 255, 255, .7);
}
.content-absolute .overlap-content .entry-footer a:hover{
color: #31b3b3;
color: var(--colorMain);
}
.content-absolute h2,
.content-absolute h3{
margin-bottom: .15em;
}
.content-absolute p:last-child{
margin-bottom: 0;
}
.abs-link{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.icon-box{
margin-bottom: 2em;
}
.icon-box .icon-box-content{
padding-top: 1em;
}
.icon-box h3{
margin-bottom: .75em;
}
.icon-box .icon-box-media{
display: block;
}
.icon-box .icon-box-media img,
.icon-box .icon-box-media svg{
display: block;
margin-bottom: 1.75em;
}
.icon-box.text-center img,
.icon-box.text-center svg{
margin-left: auto;
margin-right: auto;
}
.icon-box.horizontal{
display: flex;
}
.icon-box.horizontal img,
.icon-box.horizontal svg{
max-width: 100px;
margin-right: 1em;
}
.icon-box.horizontal h3{
margin-bottom: .5em;
}
body{
position: relative;
left: 0;
}
body:after{
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .5);
z-index: 1001;
visibility: hidden;
opacity: 0;
}
body,
body:after,
.page_header_side{
transition: all .6s ease-in-out;
}
body{
transition-property: left, right;
}
body.active-side-header{
left: 320px;
}
body.active-side-header .page_header_side{
left: 0;
}
body.active-side-header:after{
visibility: visible;
opacity: 1;
}
.side_header_inner .logo{
margin-right: 0 !important;
margin-bottom: 40px !important;
}
.side_header_inner .social-links{
margin-top: 43px;
display: flex;
justify-content: center;
}
.page_header_side{
z-index: 1002;
position: fixed;
width: 320px;
left: -320px;
top: 0;
bottom: 0;
}
.page_header_side.active-slide-side-header{
box-shadow: 0 0px 3px 3px rgba(50, 50, 50, .15);
}
.page_header_side ~ * .toggle_menu{
display: none;
}
.page_header_side .site-meta{
margin: 20px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.page_header_side .site-meta strong{
font-size: 1.428571em;
line-height: 1.6;
font-weight: 500;
}
.page_header_side .social-links-wrap{
margin-top: 30px;
}
.page_header_side .social-links-wrap .social-links{
justify-content: center;
}
.page_header_side .social-links-wrap .social-links a + a{
margin-left: 20px;
}
.page_header_side .social-links-wrap .social-links a.social-icon{
color: var(--colorFont);
}
.page_header_side .widget{
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.page_header_side .social-icons{
margin: 0 30px;
}
.page_header_side .header-search{
margin: 60px 0;
padding: 0 30px;
}
.side_header_inner{
padding: 26px 0 60px;
}
@media (max-width: 400px) {
.side_header_inner{
padding-top: 60px;
}
}
.toggle_menu_side{
position: absolute;
top: 0;
right: -60px;
background-color: rgba(0, 0, 0, 0);
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
cursor: pointer;
z-index: 2;
}
.toggle_menu_side:before,
.toggle_menu_side span,
.toggle_menu_side span:before,
.toggle_menu_side span:after{
content: "";
display: block;
width: 30px;
position: absolute;
background-color: var(--colorFont);
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: .3s ease-in-out;
height: 2px;
border-radius: 0;
}
.toggle_menu_side:before,
.toggle_menu_side span{
left: 15px;
top: 50%;
}
.toggle_menu_side span:before{
opacity: 1;
top: -8px;
}
.toggle_menu_side span:after{
opacity: 1;
top: 8px;
}
.toggle_menu_side:hover span:before{
top: -9px;
}
.toggle_menu_side:hover span:after{
top: 9px;
}
.active-slide-side-header .toggle_menu_side:before,
.active-side-header .toggle_menu_side:before{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.active-slide-side-header .toggle_menu_side span,
.active-side-header .toggle_menu_side span{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.active-slide-side-header .toggle_menu_side span:before,
.active-slide-side-header .toggle_menu_side span:after,
.active-side-header .toggle_menu_side span:before,
.active-side-header .toggle_menu_side span:after{
opacity: 0;
}
@media (min-width: 401px) {
.active-slide-side-header .toggle_menu_side:not(.header-slide):before,
.active-side-header .toggle_menu_side:not(.header-slide):before,
.active-slide-side-header .toggle_menu_side:not(.header-slide) span,
.active-side-header .toggle_menu_side:not(.header-slide) span{
background-color: var(--colorLight);
}
}
@media (max-width: 400px) {
.active-slide-side-header .toggle_menu_side,
.active-side-header .toggle_menu_side{
right: 0;
}
}
.page_header_side.page_header_side_sticked .toggle_menu_side{
transition: .6s ease-in-out;
right: -65px;
top: 5px;
}
.admin .page_header_side.page_header_side_sticked .toggle_menu_side{
right: -60px;
top: 0;
}
.admin .page_header_side.page_header_side_sticked.active-slide-side-header .toggle_menu_side{
top: 0;
right: 0;
box-shadow: none;
}
.page_header_side.active-slide-side-header{
left: 0;
}
@media (min-width: 600px) {
.page_header_side.page_header_side_sticked.active-slide-side-header{
left: 0;
}
.page_header_side_sticked ~ *{
transition: margin .6s ease-in-out;
}
.page_header_side_sticked ~ div .page_header{
padding-left: 35px;
}
.page_header_side_sticked.active-slide-side-header ~ div .page_header{
padding-left: 0;
margin-left: 320px;
}
.page_header_side_sticked.active-slide-side-header ~ *{
margin-left: 320px;
}
.boxed .page_header_side_sticked.active-slide-side-header ~ *,
.boxed .page_header_side_sticked.active-slide-side-header ~ div .page_header{
margin-left: 0;
}
.page_header_side_sticked ~ .page_header_wrapper{
margin-left: 0;
}
}
.page_header_side.header_side_right{
left: auto;
right: -320px;
}
.page_header_side.header_side_right.active-slide-side-header{
right: 0;
}
.page_header_side.header_side_right .toggle_menu_side{
right: auto;
left: -60px;
}
@media (max-width: 400px) {
.active-side-header .page_header_side.header_side_right .toggle_menu_side,
.page_header_side.header_side_right.active-slide-side-header .toggle_menu_side{
left: 0;
}
}
body.active-side-header.slide-right{
left: -320px;
}
body.active-side-header.slide-right .page_header_side{
left: auto;
right: 0;
}
.menu-side-click{
padding: 0;
margin: 0;
}
.menu-side-click i{
width: 1em;
text-align: center;
margin-right: 10px;
}
.menu-side-click li.menu-item-has-children{
position: relative;
}
.menu-side-click .activate_submenu{
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: 6px;
right: 20px;
font-size: 8px;
width: 3em;
height: 3em;
opacity: .9;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: .25s ease-in-out;
}
.menu-side-click .activate_submenu:before{
content: "";
font-family: "FontAwesome";
}
.i .menu-side-click .activate_submenu{
color: var(--colorLight);
}
.menu-side-click ul li.active-submenu{
position: relative;
}
.menu-side-click ul li.active-submenu > .activate_submenu{
top: 4px;
}
.menu-side-click .active-submenu > .activate_submenu{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.menu-side-click li{
position: relative;
list-style: none;
}
.menu-side-click > li{
background-color: rgba(0, 0, 0, 0);
transition: .3s ease-in-out;
}
.menu-side-click > li a{
position: relative;
display: block;
padding: 10px 30px;
font-weight: 400;
line-height: 1;
color: var(--colorDarkGrey);
}
.menu-side-click > li a:hover{
background-color: rgba(150, 150, 150, .05);
color: var(--colorMain);
}
.menu-side-click > li.active-submenu > a{
background-color: rgba(150, 150, 150, .05);
}
.menu-side-click > li li{
font-weight: 300;
}
.menu-side-click > li li.active-submenu > a{
background-color: rgba(150, 150, 150, .05);
}
.menu-side-click li.active > a{
color: var(--colorMain);
}
.menu-side-click ul{
opacity: 0;
height: 0;
padding-left: 0;
}
.menu-side-click ul > li a{
padding: 8px 30px 8px 50px;
}
.menu-side-click ul ul{
padding-left: 0;
}
.menu-side-click ul ul > li a{
padding-left: 70px;
}
.menu-side-click .active-submenu > div.mega-menu{
height: auto;
}
.menu-side-click .active-submenu > ul,
.menu-side-click .active-submenu > div.mega-menu > ul{
opacity: 1;
height: auto;
}
.menu-side-click ul,
.menu-side-click div.mega-menu{
margin-top: 0;
margin-bottom: 0;
height: 0;
overflow: hidden;
transition: opacity .6s, margin-top .4s, margin-bottom .4s, height .3s ease-in-out;
}
.menu-side-click ul li.sfHover > .mega-menu ul{
display: block;
height: 100%;
}
.menu-side-click div.mega-menu > ul{
margin-right: 0;
height: auto;
}
.side_header_social{
margin: 30px;
text-align: center;
}
.scroll-wrapper{
overflow: hidden;
padding: 0;
position: relative;
height: 100%;
}
.scroll-wrapper > .scroll-content{
border: none;
box-sizing: content-box;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none;
overflow: scroll;
padding: 0;
position: relative;
top: 0;
width: auto;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{
height: 0;
width: 0;
}
.scroll-wrapper.scroll--rtl{
direction: rtl;
}
.scroll-element{
box-sizing: content-box;
display: none;
}
.scroll-element div{
box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow{
cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible{
display: block;
}
.scrollbar-macosx{
height: 100%;
overflow: hidden;
overflow: scroll;
}
.header.header-11{
padding: 28px 0;
}
.home-absolute .header.header-11.l,
.home-absolute .header.header-11.l.m,
.home-absolute .header.header-11.i,
.home-absolute .header.header-11.i.m,
.home-absolute .header.header-11.i.c,
.header-absolute-wrap .header.header-11.l,
.header-absolute-wrap .header.header-11.l.m,
.header-absolute-wrap .header.header-11.i,
.header-absolute-wrap .header.header-11.i.m,
.header-absolute-wrap .header.header-11.i.c{
background: rgba(0, 0, 0, 0);
}
.header.header-11.affix.l{
background-color: rgba(var(--colorLightRGB), 0.8);
}
.header.header-11.affix.l.m{
background-color: rgba(var(--colorBackgroundRGB), 0.8);
}
.header.header-11.affix.i{
background-color: rgba(var(--colorDarkRGB), 0.8);
}
.header.header-11.affix.i.m{
background-color: rgba(var(--colorDarkGreyRGB), 0.8);
}
.header.header-11.affix.i.c{
background-color: rgba(var(--colorMainRGB), 0.8);
}
.header.header-11 div.container,
.header.header-11 div.container-fluid{
justify-content: space-between;
}
.header.header-11 .logo-wrap{
margin-right: auto;
}
.header.header-11 .toggle_menu_side_special{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.header.header-11 .toggle_menu_side_special::after{
font-family: "FontAwesome";
content: "";
font-size: 20px;
color: var(--colorDarkGrey);
transition: color .2s ease-in-out 0s;
}
.header.header-11 .toggle_menu_side_special:hover::after{
color: var(--colorMain);
}
.header.header-11.i .toggle_menu_side_special::after{
color: var(--colorLight);
}
.header.header-11.i .toggle_menu_side_special:hover::after{
color: var(--colorMain);
}
.header.header-11.i.c .toggle_menu_side_special:hover::after{
color: var(--colorDarkGrey);
}
.page_header_side_special.page_header_side_special-2 .toggle-wrap{
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.page_header_side_special.page_header_side_special-2 .toggle_menu_side_special{
position: static;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.page_header_side_special.page_header_side_special-2 .toggle_menu_side_special span{
display: inline-block;
height: 2px;
width: 17px;
background-color: var(--colorDarkGrey);
margin: 2px 0;
transition: all .3s ease-in-out;
}
.page_header_side_special.page_header_side_special-2 .toggle_menu_side_special span:first-child{
background-color: var(--colorMain);
}
.page_header_side_special.page_header_side_special-2 .toggle_menu_side_special::before{
display: none !important;
}
.page_header_side_special.page_header_side_special-2 .toggle_menu_side_special:hover span:first-child{
opacity: 0;
margin: 0;
}
.page_header_side_special.page_header_side_special-2 .toggle_menu_side_special:hover span:nth-child(2){
-webkit-transform: rotate(-45deg) translateX(-4px);
transform: rotate(-45deg) translateX(-4px);
-webkit-transform-origin: center;
transform-origin: center;
}
.page_header_side_special.page_header_side_special-2 .toggle_menu_side_special:hover span:last-child{
-webkit-transform: rotate(45deg) translateX(-4px);
transform: rotate(45deg) translateX(-4px);
-webkit-transform-origin: center;
transform-origin: center;
}
.page_header_side_special.page_header_side_special-2.i .toggle_menu_side_special span{
background-color: var(--colorLight);
}
.page_header_side_special.page_header_side_special-2.i .toggle_menu_side_special span:first-child{
background-color: var(--colorMain);
}
.page_header_side_special.page_header_side_special-2.i.c .toggle_menu_side_special span{
background-color: var(--colorLight);
}
.page_header_side_special.page_header_side_special-2.i.c .toggle_menu_side_special span:first-child{
background-color: var(--colorDarkGrey);
}
.page_header_side_special.page_header_side_special-2 .side_header_inner{
padding: 30px;
}
.page_header_side_special.page_header_side_special-2.active-slide-side-header-special{
right: 0;
}
.page_header_side_special.page_header_side_special-2 .site-meta strong{
font-size: 2em;
line-height: 1.2;
margin: 0;
padding: 20px 0;
}
.page_header_side_special.page_header_side_special-2 .header-side-menu{
margin-bottom: 30px;
}
.page_header_side_special.page_header_side_special-2 .header-side-menu .nav>li:nth-child(2n+2){
border-bottom: 1px solid rgba(var(--colorBorderRGB), 0.3);
}
.page_header_side_special.page_header_side_special-2 .header-side-menu ul ul li{
padding-left: 0;
text-align: center;
}
.page_header_side_special.page_header_side_special-2 .header-side-menu a{
text-align: center;
padding-left: 25px;
padding-right: 25px;
margin-right: 0;
}
.page_header_side_special.page_header_side_special-2 .header-side-menu a::before{
position: relative;
display: inline-block;
top: auto;
bottom: 3px;
margin-right: 15px;
}
.page_header_side_special.page_header_side_special-2 .header-side-menu a:hover{
color: var(--colorMain);
}
.page_header_side_special.page_header_side_special-2.i.c .header-side-menu a:hover{
color: var(--colorDarkGrey);
}
.page_header_side.vertical_menu_header{
width: 100%;
left: 0;
z-index: 11;
bottom: auto;
transition: none !important;
}
.page_header_side.vertical_menu_header .logo{
padding: 6px 0;
}
.page_header_side.vertical_menu_header.affix{
transition: none;
}
.page_header_side.vertical_menu_header .flex-wrapper{
display: flex;
align-items: center;
min-width: 100%;
position: relative;
}
.page_header_side.vertical_menu_header .flex-wrapper .header-email{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-transform: uppercase;
font-weight: 600;
letter-spacing: .2em;
}
@media (min-width: 1200px) {
.page_header_side.vertical_menu_header .container,
.page_header_side.vertical_menu_header .container-fluid{
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (min-width: 1600px) {
.page_header_side.vertical_menu_header:not(.affix) .container,
.page_header_side.vertical_menu_header:not(.affix) .container-fluid{
transition: all .2s linear 0s;
padding-top: 30px;
padding-bottom: 30px;
}
}
.page_header_side.vertical_menu_header .toggle_menu_side{
z-index: 3;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: .25s ease-in-out;
position: absolute;
display: block;
background-color: rgba(0, 0, 0, 0);
color: var(--colorDarkGrey);
width: 30px;
height: 60px;
text-align: center;
line-height: 60px;
cursor: pointer;
box-shadow: none;
}
@media (min-width: 992px) {
.page_header_side.vertical_menu_header .toggle_menu_side{
position: relative;
top: auto;
right: auto;
-webkit-transform: none;
transform: none;
}
}
.page_header_side.vertical_menu_header .toggle_menu_side:before,
.page_header_side.vertical_menu_header .toggle_menu_side:after{
content: "";
display: block;
width: 30px;
position: absolute;
background-color: var(--colorDarkGrey);
left: 50%;
top: 15px;
margin-left: -15px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: .25s ease-in-out;
height: 2px;
}
.page_header_side.vertical_menu_header .toggle_menu_side:after{
top: auto;
bottom: 17px;
}
.page_header_side.vertical_menu_header .toggle_menu_side > span{
width: auto;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.page_header_side.vertical_menu_header .toggle_menu_side > span:before{
position: absolute;
display: block;
width: 30px;
height: auto;
background-color: rgba(0, 0, 0, 0);
content: "menu";
font-size: 8px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .2em;
line-height: 1em;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
transition: .25s ease-in-out;
}
.page_header_side.vertical_menu_header .toggle_menu_side > span::after{
display: none;
}
.page_header_side.vertical_menu_header .toggle_menu_side:hover{
opacity: .7;
}
.active-slide-side-header .page_header_side.vertical_menu_header .toggle_menu_side:hover:before,
.active-slide-side-header .page_header_side.vertical_menu_header .toggle_menu_side:hover:after,
.active-side-header .page_header_side.vertical_menu_header .toggle_menu_side:hover:before,
.active-side-header .page_header_side.vertical_menu_header .toggle_menu_side:hover:after{
top: 35px;
}
.active-slide-side-header .page_header_side.vertical_menu_header .toggle_menu_side:hover:after,
.active-side-header .page_header_side.vertical_menu_header .toggle_menu_side:hover:after{
top: auto;
bottom: 35px;
}
.page_header_side.vertical_menu_header.active-slide-side-header .toggle_menu_side span:before,
.page_header_side.vertical_menu_header.active-side-header .toggle_menu_side span:before{
opacity: 1;
}
.page_header_side.vertical_menu_header.active-slide-side-header .toggle_menu_side:hover,
.page_header_side.vertical_menu_header.active-side-header .toggle_menu_side:hover{
opacity: .7;
}
.page_header_side.vertical_menu_header.active-slide-side-header .toggle_menu_side:hover span:before,
.page_header_side.vertical_menu_header.active-side-header .toggle_menu_side:hover span:before{
opacity: 0;
}
.page_header_side.vertical_menu_header.active-slide-side-header .toggle_menu_side:hover:before,
.page_header_side.vertical_menu_header.active-slide-side-header .toggle_menu_side:hover:after,
.page_header_side.vertical_menu_header.active-side-header .toggle_menu_side:hover:before,
.page_header_side.vertical_menu_header.active-side-header .toggle_menu_side:hover:after{
left: 50%;
top: 29px;
margin-left: -15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: .25s ease-in-out;
height: 2px;
}
.page_header_side.vertical_menu_header.active-slide-side-header .toggle_menu_side:hover:after,
.page_header_side.vertical_menu_header.active-side-header .toggle_menu_side:hover:after{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: auto;
bottom: 29px;
}
.page_header_side.vertical_menu_header .scroll-wrapper,
.page_header_side.vertical_menu_header .scrollbar-macosx{
position: fixed !important;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 2;
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
transition: all .3s ease 0s;
}
.admin-bar .page_header_side.vertical_menu_header .scroll-wrapper,
.admin-bar .page_header_side.vertical_menu_header .scrollbar-macosx{
top: 46px;
}
@media (min-width: 783px) {
.admin-bar .page_header_side.vertical_menu_header .scroll-wrapper,
.admin-bar .page_header_side.vertical_menu_header .scrollbar-macosx{
top: 32px;
}
}
.page_header_side.vertical_menu_header.active-slide-side-header .scroll-wrapper,
.page_header_side.vertical_menu_header.active-slide-side-header .scrollbar-macosx{
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.page_header_side.vertical_menu_header .side_header_inner{
padding: 0;
}
.page_header_side.vertical_menu_header .side_header_inner .logo{
margin: 0 !important;
}
.page_header_side.vertical_menu_header .side_header_inner .widget_nav_menu{
margin-top: 30px;
margin-bottom: 30px;
}
.page_header_side.vertical_menu_header .activate_submenu{
display: none;
}
.page_header_side.vertical_menu_header .widget_nav_menu{
display: flex;
justify-content: center;
}
.page_header_side.vertical_menu_header .scroll-wrapper,
.page_header_side.vertical_menu_header .scrollbar-macosx{
background-color: var(--colorLight);
}
.page_header_side.vertical_menu_header.l.m .menu-side-click li.active-submenu{
background-color: rgba(0, 0, 0, 0);
}
.page_header_side.vertical_menu_header.m .scroll-wrapper,
.page_header_side.vertical_menu_header.m .scrollbar-macosx{
background-color: var(--colorBackground);
}
.page_header_side.vertical_menu_header.i .scroll-wrapper,
.page_header_side.vertical_menu_header.i .scrollbar-macosx{
background-color: var(--colorDarkGrey);
}
.page_header_side.vertical_menu_header.i .toggle_menu_side::before,
.page_header_side.vertical_menu_header.i .toggle_menu_side::after{
background-color: var(--colorLight);
}
.page_header_side.vertical_menu_header.i .toggle_menu_side,
.page_header_side.vertical_menu_header.i .widget_nav_menu li a{
color: var(--colorLight);
}
.page_header_side.vertical_menu_header.i .widget_nav_menu li a:hover,
.page_header_side.vertical_menu_header.i .widget_nav_menu li a:focus,
.page_header_side.vertical_menu_header.i .widget_nav_menu li a:active{
color: var(--colorMain);
}
.page_header_side.vertical_menu_header.i.m .scroll-wrapper,
.page_header_side.vertical_menu_header.i.m .scrollbar-macosx{
background-color: var(--colorDark);
}
.page_header_side.vertical_menu_header.i.c .scroll-wrapper,
.page_header_side.vertical_menu_header.i.c .scrollbar-macosx{
background-color: var(--colorMain);
}
.page_header_side.vertical_menu_header.i.c .widget_nav_menu li a{
color: var(--colorLight);
}
.page_header_side.vertical_menu_header.i.c .widget_nav_menu li a::after{
color: var(--colorDarkGrey);
}
.page_header_side.vertical_menu_header.i.c .widget_nav_menu li a:hover,
.page_header_side.vertical_menu_header.i.c .widget_nav_menu li a:focus,
.page_header_side.vertical_menu_header.i.c .widget_nav_menu li a:active{
color: var(--colorDarkGrey);
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click{
text-align: center;
font-size: 1.2em;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click li::before{
display: none;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click a{
padding: 5px 0 !important;
text-transform: uppercase;
min-width: 130px;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click a::before{
display: none;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click > li{
padding: 0;
margin: 0;
border: none;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click > li li{
padding: 0;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click > li > a{
padding: 15px 0 !important;
letter-spacing: .1em;
font-size: 1em;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click > li ul{
font-size: 1em;
padding: 0 !important;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click > li ul > li{
margin-bottom: 0;
padding: 0 !important;
border: none;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click > li ul > li:first-child{
margin-top: 30px;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click > li ul > li:last-child{
margin-bottom: 30px;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click .menu-item-has-children > a{
width: 100%;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click .menu-item-has-children > a::after{
content: "+";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
font-size: 16px;
font-weight: 300;
color: var(--colorMain);
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click .menu-item-has-children.active-submenu > a::after{
content: "-";
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click ul{
padding: 0;
margin: 0;
}
.page_header_side.vertical_menu_header .side_header_inner .menu-side-click div.mega-menu{
margin-right: 0;
}
.header.header-12 .logo-wrap{
flex: 1 1;
}
.home-absolute .header.header-12.l,
.home-absolute .header.header-12.l.m,
.home-absolute .header.header-12.i,
.home-absolute .header.header-12.i.m,
.home-absolute .header.header-12.i.c,
.header-absolute-wrap .header.header-12.l,
.header-absolute-wrap .header.header-12.l.m,
.header-absolute-wrap .header.header-12.i,
.header-absolute-wrap .header.header-12.i.m,
.header-absolute-wrap .header.header-12.i.c{
background: rgba(0, 0, 0, 0);
}
.header.header-12.affix.l{
background-color: rgba(var(--colorLightRGB), 0.8);
}
.header.header-12.affix.l.m{
background-color: rgba(var(--colorBackgroundRGB), 0.8);
}
.header.header-12.affix.i{
background-color: rgba(var(--colorDarkRGB), 0.8);
}
.header.header-12.affix.i.m{
background-color: rgba(var(--colorDarkGreyRGB), 0.8);
}
.header.header-12.affix.i.c{
background-color: rgba(var(--colorMainRGB), 0.8);
}
.topline{
position: relative;
line-height: 1.5;
z-index: 1001;
}
.header-absolute-wrap .topline{
background-color: rgba(0, 0, 0, 0);
}
.topline .container,
.topline .container-fluid{
display: flex;
align-items: center;
}
.topline .container > *:first-child,
.topline .container-fluid > *:first-child{
margin-right: auto;
}
.topline .container-fluid{
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1500px) {
.topline .container-fluid{
padding-left: 90px;
padding-right: 90px;
}
}
.topline .topline-login button{
border: none;
color: var(--colorDarkGrey);
background-color: rgba(0, 0, 0, 0);
}
.topline .topline-login button i{
margin-right: .5rem;
}
.topline .topline-login button:hover,
.topline .topline-login button:focus,
.topline .topline-login button:active{
color: var(--colorMain);
background-color: rgba(0, 0, 0, 0);
}
.topline .btn{
margin-left: 1.5rem;
}
.topline .topline-custom-text i{
padding-right: 8px;
}
.topline .icon-inline{
text-transform: uppercase;
font-weight: 500;
color: var(--colorFont);
}
.topline .icon-inline .svg-icon{
position: relative;
margin-right: 8px;
width: .8em;
height: .8em;
}
@media (min-width: 768px) {
.topline .icon-inline + .icon-inline::before{
content: "|";
padding: 0 14px;
}
}
@media (max-width: 767px) {
.topline .icon-inline{
margin: 0 7px;
}
}
@media (max-width: 1199px) {
.topline .container,
.topline .container-fluid{
flex-wrap: wrap;
gap: 8px;
}
.topline .container .site-meta,
.topline .container .header-login,
.topline .container .social-links,
.topline .container .topline-custom-text,
.topline .container .topline-login,
.topline .container-fluid .site-meta,
.topline .container-fluid .header-login,
.topline .container-fluid .social-links,
.topline .container-fluid .topline-custom-text,
.topline .container-fluid .topline-login{
width: 100%;
flex: auto !important;
text-align: center;
margin: 0;
justify-content: center !important;
}
}
@media (max-width: 767px) {
.topline .icon-inline{
height: auto;
justify-content: center;
}
}
.topline.topline-hidden{
display: none !important;
}
.topline.topline-1{
padding-top: 14px;
padding-bottom: 14px;
}
.topline.topline-1 .header-login,
.topline.topline-1 .social-links{
flex: 2 1;
}
.topline.topline-1 .site-meta{
flex: 8 1;
}
.topline.topline-1 .header-login{
text-transform: uppercase;
}
.topline.topline-1 .header-login a:first-of-type::after{
content: "|";
display: inline-block;
padding: 0 7px;
}
.topline.topline-1 .header-login a .svg-icon{
margin-right: 2px;
}
.topline.topline-1 .header-login a .svg-icon svg{
fill: var(--colorMain);
transition: all .3s ease-in-out 0s;
}
.topline.topline-1 .site-meta{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.topline.topline-1 .site-meta a{
color: var(--colorFont);
}
.topline.topline-1 .site-meta a:hover{
color: var(--colorMain);
}
.topline.topline-1 .site-meta .icon-inline:first-child .svg-icon svg{
fill: var(--colorMain);
}
.topline.topline-1 .site-meta .icon-inline:nth-child(2) .svg-icon svg{
fill: var(--colorMain2);
}
.topline.topline-1 .site-meta .icon-inline:nth-child(3) .svg-icon svg{
fill: var(--colorMain3);
}
.topline.topline-1 .site-meta .icon-inline:nth-child(4) .svg-icon svg{
fill: var(--colorMain4);
}
.topline .svg-icon svg,
.toplogo .svg-icon svg{
max-width: .8em;
max-height: .8em;
}
@media (min-width: 1200px) {
.topline .social-links,
.toplogo .social-links{
justify-content: end;
}
}
.topline a.social-icon svg,
.toplogo a.social-icon svg{
min-width: 1.142858em;
min-height: 1.142858em;
}
.topline a.social-icon + a.social-icon,
.toplogo a.social-icon + a.social-icon{
margin-left: 19px;
}
.topline.i .site-meta a,
.toplogo.i .site-meta a{
color: var(--colorLight);
}
.topline.i .site-meta a:hover,
.topline.i .site-meta a:active,
.topline.i .site-meta a:focus,
.toplogo.i .site-meta a:hover,
.toplogo.i .site-meta a:active,
.toplogo.i .site-meta a:focus{
color: var(--colorMain);
}
.topline.i.c .site-meta a,
.topline.i.c2 .site-meta a,
.toplogo.i.c .site-meta a,
.toplogo.i.c2 .site-meta a{
color: var(--colorLight);
}
.topline.i.c .site-meta a:hover,
.topline.i.c .site-meta a:active,
.topline.i.c .site-meta a:focus,
.topline.i.c2 .site-meta a:hover,
.topline.i.c2 .site-meta a:active,
.topline.i.c2 .site-meta a:focus,
.toplogo.i.c .site-meta a:hover,
.toplogo.i.c .site-meta a:active,
.toplogo.i.c .site-meta a:focus,
.toplogo.i.c2 .site-meta a:hover,
.toplogo.i.c2 .site-meta a:active,
.toplogo.i.c2 .site-meta a:focus{
color: var(--colorLight);
opacity: .8;
}
.topline.i.c .header-login a,
.topline.i.c2 .header-login a,
.toplogo.i.c .header-login a,
.toplogo.i.c2 .header-login a{
color: var(--colorLight);
}
.topline.i.c .header-login a:hover,
.topline.i.c2 .header-login a:hover,
.toplogo.i.c .header-login a:hover,
.toplogo.i.c2 .header-login a:hover{
color: var(--colorLight);
opacity: .8;
}
.topline.i.c .header-login a .svg-icon svg,
.topline.i.c2 .header-login a .svg-icon svg,
.toplogo.i.c .header-login a .svg-icon svg,
.toplogo.i.c2 .header-login a .svg-icon svg{
fill: var(--colorDark);
}
.topline.i.c .icon-inline .svg-icon svg,
.topline.i.c2 .icon-inline .svg-icon svg,
.toplogo.i.c .icon-inline .svg-icon svg,
.toplogo.i.c2 .icon-inline .svg-icon svg{
fill: var(--colorDark);
}
.right .dropdown-menu{
right: 0;
}
#topline_dropdown_toggle{
height: 26px;
margin-left: -0.5em;
}
.right #topline_dropdown_toggle{
margin-right: -0.5em;
}
@media screen and (min-width: 992px) {
#topline_dropdown_toggle{
display: none;
}
}
.toplogo{
position: relative;
z-index: 1001;
}
.toplogo .container > *,
.toplogo .container-fluid > *{
flex: 0 0 50%;
max-width: 50%;
}
.toplogo>[class*=container]{
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
@media (min-width: 1200px) {
.toplogo>[class*=container]{
padding-top: 28px;
padding-bottom: 28px;
}
}
.toplogo .container-fluid{
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 1500px) {
.toplogo .container-fluid{
padding-left: 90px;
padding-right: 90px;
}
}
.toplogo .social-links{
justify-content: flex-end;
}
@media (max-width: 767px) {
.toplogo .logo,
.toplogo .social-links{
justify-content: center;
}
.toplogo .container,
.toplogo .container-fluid{
flex-wrap: wrap;
gap: 8px;
}
.toplogo .container > *,
.toplogo .container-fluid > *{
flex: 0 0 100%;
max-width: 100%;
gap: 10px;
}
}
.home .home-absolute{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
}
.bg_icon{
display: flex;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
font-size: 28px;
margin-right: 20px;
}
.meta-icons-main .bg_icon{
background-color: var(--colorMain);
}
.meta-icons-main .bg_icon .svg-icon svg{
fill: var(--colorLight);
}
.meta-icons-border .bg_icon{
background-color: var(--colorBorder);
}
.meta-icons-border .bg_icon .svg-icon svg{
fill: var(--colorMain);
}
.meta-icons-dark .bg_icon{
background-color: var(--colorDark);
}
.meta-icons-dark .bg_icon .svg-icon svg{
fill: var(--colorLight);
}
.meta-icons-font .bg_icon{
background-color: var(--colorFont);
}
.meta-icons-font .bg_icon .svg-icon svg{
fill: var(--colorLight);
}
.search-social-wrap{
display: flex;
align-items: center;
justify-content: center;
}
.header-absolute-wrap{
position: relative;
}
.header-absolute-content{
position: absolute;
top: 0;
left: 0;
right: 0;
}
.header div.container,
.header div.container-fluid,
.header-wrap{
min-height: 60px;
}
.header-wrap.transparent{
background-color: rgba(0, 0, 0, 0);
}
.header-wrap.absolute{
min-height: 0;
}
.header{
top: 0;
left: 0;
right: 0;
position: relative;
transition-property: background-color, -webkit-transform;
transition-property: transform, background-color;
transition-property: transform, background-color, -webkit-transform;
z-index: 1000;
box-shadow: 0 1px 5px rgba(0, 0, 0, .3);
}
.top-menu-active .header{
z-index: 1003;
box-shadow: none;
}
.header .logo-meta{
display: none;
}
.header .logo-meta.show-header-meta{
display: block;
}
@media (max-width: 1199px) {
.header .logo-meta.show-header-meta{
display: none;
}
}
@media (max-width: 1199px) {
.header .logo-wrap{
margin-right: auto;
}
}
.home-absolute .header.l,
.header.absolute.l{
background: rgba(var(--colorLightRGB), 0.4);
}
.home-absolute .header.l.m,
.header.absolute.l.m{
background: rgba(var(--colorBackgroundRGB), 0.4);
}
.home-absolute .header.i,
.header.absolute.i{
background: rgba(var(--colorDarkRGB), 0.4);
}
.home-absolute .header.i.m,
.header.absolute.i.m{
background: rgba(var(--colorDarkGreyRGB), 0.4);
}
.home-absolute .header.i.c,
.header.absolute.i.c{
background: rgba(var(--colorMainRGB), 0.4);
}
.header.transparent,
.header.transparent.l,
.header.transparent.l.m,
.header.transparent.i,
.header.transparent.i.m,
.header.transparent.i.c,
.header.transparent.i.c.c2,
.header.transparent.i.c.gradient.horizontal,
.header.transparent.i.c.gradient{
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.header.affix{
position: fixed;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
background-color: #fff;
background-color: var(--colorLight);
z-index: 1000;
}
@media (min-width: 1200px) {
.header.affix .top-menu > li > a{
padding: 30px 0;
}
}
.header.affix.m{
background-color: #f2f2f2;
background-color: var(--colorBackground);
}
.header.affix.i{
background-color: #323232;
background-color: var(--colorDark);
}
.header.affix.i.m{
background-color: #444;
background-color: var(--colorDarkGrey);
}
.header.affix.i.c{
background-color: #31b3b3;
background-color: var(--colorMain);
}
.header.affix.i.c.gradient{
background: linear-gradient(to right, var(--colorDarkGrey) 50%, var(--colorMain) 50%);
}
.header.affix .section-hr{
opacity: 0;
}
.header.affix.scrolling-down{
transition-timing-function: ease-in;
transition-duration: .25s;
}
.header.affix.scrolling-up{
transition-timing-function: ease-out;
transition-duration: .3s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.header.affix.always-sticky{
-webkit-transform: none;
transform: none;
}
.header div.container,
.header div.container-fluid{
display: flex;
justify-content: center;
align-items: center;
padding: 0 15px;
}
@media (min-width: 1200px) {
.header div.container > *,
.header div.container-fluid > *{
padding: 0 15px;
}
.header div.container div:first-of-type,
.header div.container nav:first-of-type,
.header div.container-fluid div:first-of-type,
.header div.container-fluid nav:first-of-type{
margin-left: -15px;
}
.header div.container div:last-of-type,
.header div.container-fluid div:last-of-type{
margin-right: -15px;
}
}
@media (min-width: 1500px) {
.header div.container-fluid{
padding-left: 90px;
padding-right: 90px;
}
}
.header #nav_toggle{
display: none;
}
@media (min-width: 600px) {
.header .header_right_buttons{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
}
}
#header-image .l:not(.affix),
#header-image .i:not(.affix),
#header-image .m:not(.affix){
background-color: rgba(0, 0, 0, 0);
background-image: none;
}
.inline-content{
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
@media (min-width: 1200px) {
.inline-content{
gap: 40px;
}
}
.header-button{
white-space: nowrap;
margin-bottom: 0;
padding: 10px 13px;
}
@media (min-width: 1200px) {
.header-button{
padding: 16px 35px;
}
}
.header-meta .icon-inline{
font-size: 16px;
margin-left: 10px;
font-weight: 700;
color: var(--colorLight);
}
.header-meta .svg-icon{
padding: 10px;
border-radius: 50%;
margin-right: 4px;
}
.header-meta .svg-icon svg{
fill: var(--colorMain3);
}
#search_dropdown{
z-index: -1;
opacity: 0;
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 0;
-webkit-transform: scale(0);
transform: scale(0);
transition: all .35s ease-in-out;
}
#search_dropdown .search-form{
margin-left: 40px;
}
#search_dropdown .search-form input[type=search]{
background-color: rgba(0, 0, 0, 0);
max-width: none;
color: var(--colorLight);
border-bottom-color: rgba(var(--colorLightRGB), 0.1);
}
#search_dropdown .search-form input[type=search]:-moz-placeholder{
color: rgba(var(--colorLightRGB), 0.8);
opacity: 1;
}
#search_dropdown .search-form input[type=search]::-moz-placeholder{
color: rgba(var(--colorLightRGB), 0.8);
opacity: 1;
}
#search_dropdown .search-form input[type=search]:-ms-input-placeholder{
color: rgba(var(--colorLightRGB), 0.8);
}
#search_dropdown .search-form input[type=search]::-webkit-input-placeholder{
color: rgba(var(--colorLightRGB), 0.8);
}
#search_dropdown .search-form input[type=search]:hover,
#search_dropdown .search-form input[type=search]:focus,
#search_dropdown .search-form input[type=search]:active{
border-top: none;
border-left: none;
border-right: none;
}
#search_dropdown.active{
opacity: 1;
z-index: 10003;
-webkit-transform: scale(1);
transform: scale(1);
margin: 0;
padding: 20px;
background-color: rgba(0, 0, 0, 0);
}
#search_dropdown.active input{
max-width: none;
border-bottom-color: rgba(var(--colorLightRGB), 0.1);
}
#search_dropdown form{
margin: auto;
}
#search_dropdown button .svg-icon svg{
fill: var(--colorLight);
}
#search_dropdown button:hover .svg-icon svg{
fill: var(--colorMain);
}
#search_modal_close{
position: fixed;
left: -50px;
top: 0;
transition: right .6s ease;
width: 50px;
height: 50px;
padding: 0 !important;
min-width: 0 !important;
transition: all .3s ease-in-out;
}
#search_modal_close span,
#search_modal_close span::before,
#search_modal_close span::after{
width: 18px;
height: 2px;
background-color: var(--colorLight);
}
#search_modal_close span::before{
top: 1px;
}
.active + #search_modal_close{
left: 0;
z-index: 100003;
}
#login_modal_close{
background-color: var(--colorLight);
position: fixed;
right: -60px;
top: 5px;
transition: right .6s ease;
z-index: 999;
display: none;
}
.active + #login_modal_close{
right: 0;
z-index: 22;
}
.cart-price{
font-size: 16px;
}
@media (max-width: 575px) {
.cart-price{
display: none;
}
}
.l .cart-price{
color: var(--colorDark);
}
.logo-meta{
line-height: 1.2;
display: inline-block;
padding: 12px 0;
}
@media (max-width: 1399px) {
.logo-meta{
display: none;
}
}
.logo-meta strong{
font-size: 20px;
}
@media (max-width: 1199px) {
.header-1 .logo-wrap{
margin-right: auto;
}
}
@media (min-width: 1200px) {
.thin-header .top-menu > li > a{
padding-bottom: 18px;
padding-top: 19px;
}
}
@media (min-width: 1400px) {
.tall-header .top-menu > li > a{
padding-bottom: 37px;
padding-top: 37px;
}
}
@media (min-width: 1600px) {
.tall-header .top-menu > li > a{
padding-bottom: 55px;
padding-top: 55px;
}
}
@media (min-width: 1400px) {
.tall-header.affix .top-menu > li > a{
padding-bottom: 25px;
padding-top: 25px;
}
}
@media (min-width: 1200px) {
.wide-menu .top-menu > li > a{
margin-left: 25px;
margin-right: 25px;
}
}
@media (min-width: 1600px) {
.wide-menu .container-fluid .top-menu > li > a{
margin-left: 40px;
margin-right: 40px;
}
}
@media (min-width: 1800px) {
.wide-menu .container-fluid .top-menu > li > a{
margin-left: 50px;
margin-right: 50px;
}
}
@media (min-width: 1200px) {
.bordered-items .top-menu > li > a{
margin: 0;
padding: 25px 40px;
}
}
.bordered-items .top-menu > li + li:before{
background-color: var(--colorBorder);
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 1px;
}
@media (max-width: 1199px) {
header.header-1 #nav_toggle,
header.header-2 #nav_toggle{
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
width: 60px;
height: 60px;
padding: 0;
margin: 0;
cursor: pointer;
z-index: 1001;
visibility: visible;
}
}
@media (min-width: 1200px) {
header.header-2 .menu-item-has-children > a::after{
content: "";
font-family: "FontAwesome";
line-height: 14px;
padding-left: 7px;
font-size: 12px;
position: absolute;
top: calc(50% + 2px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
header.header-2 .top-menu a{
font-weight: 400;
letter-spacing: 0;
}
header.header-2 .top-menu > li > a{
padding: 0;
margin-top: 39px !important;
margin-bottom: 39px !important;
position: relative;
}
}
@media (min-width: 1200px)and (min-width: 1500px) {
header.header-2 .top-menu > li > a{
margin: 0 28px;
}
}
@media (min-width: 1200px) {
header.header-2 .top-menu > li > a:before{
content: "";
background-color: var(--colorMain2);
display: block;
position: absolute;
bottom: -7px;
right: calc(100% + 20px);
width: 10px;
height: 2px;
transition: .4s cubic-bezier(0.58, 0.3, 0.005, 1);
opacity: 0;
}
}
@media (min-width: 1200px) {
header.header-2 .top-menu > li.current-menu-item > a,
header.header-2 .top-menu > li.current-menu-ancestor > a,
header.header-2 .top-menu > li:hover > a{
color: var(--colorDarkGrey);
}
header.header-2 .top-menu > li.current-menu-item > a::before,
header.header-2 .top-menu > li.current-menu-ancestor > a::before,
header.header-2 .top-menu > li:hover > a::before{
width: calc(100% + 8px);
right: -4px;
opacity: 1;
}
}
@media (min-width: 1200px) {
header.header-2.affix .top-menu > li > a{
padding: 0;
margin-top: 25px !important;
margin-bottom: 25px !important;
}
}
@media (max-width: 1199px) {
header.header-3 #nav_toggle{
position: absolute;
margin: 0;
right: -30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
header.header-3 .header-button-wrap{
margin-right: auto;
}
}
@media (min-width: 1200px) {
header.header-3 .top-menu > li > a::before{
background-color: var(--colorMain);
bottom: 35px;
content: "";
height: 3px;
left: 0;
position: absolute;
right: 0;
transition: all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
width: 0;
}
header.header-3 .top-menu > li.current-menu-item > a,
header.header-3 .top-menu > li.current-menu-ancestor > a,
header.header-3 .top-menu > li:hover > a{
color: var(--colorMain);
}
header.header-3 .top-menu > li.current-menu-item > a::before,
header.header-3 .top-menu > li.current-menu-ancestor > a::before,
header.header-3 .top-menu > li:hover > a::before{
width: 100%;
}
header.header-3.i.c .top-menu > li.current-menu-item > a,
header.header-3.i.c .top-menu > li.current-menu-ancestor > a,
header.header-3.i.c .top-menu > li:hover > a{
color: var(--colorLight);
}
header.header-3.i.c .top-menu > li.current-menu-item > a::before,
header.header-3.i.c .top-menu > li.current-menu-ancestor > a::before,
header.header-3.i.c .top-menu > li:hover > a::before{
background-color: var(--colorLight);
}
}
@media (min-width: 1200px) {
header.header-1 .top-menu,
header.header-2 .top-menu,
header.header-3 .top-menu{
font-family: var(--fontSecondary);
}
}
.cart-button .total-price bdi{
color: var(--colorMain);
}
.cart-button i{
position: relative;
overflow: visible;
}
.cart-button i:after{
background-color: var(--colorMain);
border: 2px solid var(--colorLight);
border-radius: 50%;
content: "";
height: 10px;
position: absolute;
right: -2px;
top: -3px;
width: 10px;
}
button.header-search,
.cart-dropdown a.dropdown-toggle{
margin: 0;
padding: 0;
min-width: auto;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: var(--colorLight);
color: var(--colorDarkGrey);
border: 0;
border-radius: 50%;
z-index: 100;
transition: color .15s ease-in-out, background-color .15s ease-in-out;
}
button.header-search i,
.cart-dropdown a.dropdown-toggle i{
font-size: 14px;
transition: color .15s ease-in-out;
}
button.header-search:hover,
button.header-search:focus,
button.header-search:active,
.cart-dropdown a.dropdown-toggle:hover,
.cart-dropdown a.dropdown-toggle:focus,
.cart-dropdown a.dropdown-toggle:active{
background-color: rgba(0, 0, 0, 0);
color: var(--colorMain);
}
button.header-search i{
color: var(--colorMain3);
}
button.header-search:hover{
background-color: var(--colorMain3);
}
button.header-search:hover i{
color: var(--colorLight);
}
.cart-dropdown a.dropdown-toggle i{
color: var(--colorMain2);
}
.cart-dropdown a.dropdown-toggle:hover,
.cart-dropdown a.dropdown-toggle:focus,
.cart-dropdown a.dropdown-toggle:active{
background-color: var(--colorMain2);
}
.cart-dropdown a.dropdown-toggle:hover i,
.cart-dropdown a.dropdown-toggle:focus i,
.cart-dropdown a.dropdown-toggle:active i{
color: var(--colorLight);
}
@media (max-width: 1199px) {
.toplogo .header_right_buttons .cart-dropdown{
display: none;
}
}
@media (min-width: 1200px) {
.bordered_items .top-menu.menu-low-items > li > a{
padding-right: 40px;
padding-left: 41px;
}
}
.admin-bar .side_header_inner{
margin-top: 32px;
}
.admin-bar#body .page_header_side:not(.header-12) .toggle_menu_side,
.admin-bar#body .page_header_side.active-slide-side-header:not(.header-12) .toggle_menu_side{
top: 52px;
}
.logo-wrap{
text-align: left;
}
.logo-link{
display: inline-block;
}
@media (max-width: 1199px) {
.toplogo .logo.with-image{
padding-left: 0;
}
}
.logo{
display: flex;
align-items: center;
line-height: 1;
white-space: nowrap;
padding: 5px 0;
}
.logo:hover{
text-decoration: none;
opacity: .8;
}
.logo.px{
padding-left: 1.5em;
padding-right: 1.5em;
}
.logo .logo-text{
padding: 0 15px;
font-weight: 200;
font-size: 24px;
line-height: 1.2;
color: var(--colorDarkGrey);
}
@media (min-width: 1200px) {
.logo .logo-text{
font-size: 30px;
}
}
.logo .logo-text .logo-text-secondary{
font-size: 14px;
line-height: 1;
}
@media (min-width: 1200px) {
.container .logo.no-image .logo-text{
margin: 0;
}
}
#header .logo{
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 1199px) {
#header .logo{
margin-right: 30px;
}
}
@media (min-width: 1200px) {
#header.menu-center.has-menu .logo{
margin-right: 30px;
}
}
@media (min-width: 600px) {
#toplogo.header-tall .logo{
padding-top: .5em;
padding-bottom: .5em;
}
}
#header.header-tall:not(.affix) .logo{
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 1200px) {
#header.header-tall:not(.affix) .logo{
padding-top: 1em;
padding-bottom: 1em;
}
}
.logo.logo-left{
text-align: left;
}
.logo.logo-left > span > span{
display: block;
}
.logo.logo-vertical{
display: inline-block;
text-align: center;
}
.logo.logo-vertical span{
display: block;
}
.logo.logo-between span{
padding: 0 1em;
}
.logo.logo-between.no-image{
padding: 0 .25em;
}
.logo.logo-between.no-image span{
padding: 0 .25em;
}
.logo img{
max-height: 60px;
width: auto;
display: inline;
}
@media (max-width: 1199px) {
.logo img{
max-height: 46px;
}
}
@media (min-width: 1200px) {
.header_logo_center .logo_wrapper{
position: absolute;
left: 0;
right: 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.header_logo_center .logo_wrapper a.logo{
margin: 0 !important;
padding: 0;
}
}
.section-hr{
box-sizing: border-box;
position: absolute;
margin: 0 auto;
padding: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ececec;
background-color: var(--colorBorder);
width: 100%;
}
.container .section-hr,
.section-hr.container{
left: 0;
right: 0;
max-width: 1520px;
}
.section-hr:first-child{
bottom: auto;
top: 0;
}
#box{
display: flex;
flex-direction: column;
min-height: 100vh;
}
#box.box-fade-in{
transition: opacity .35s ease-out;
opacity: 0;
}
.window-loaded #box.box-fade-in{
opacity: 1;
}
@media (min-width: 1200px) {
#box.boxed{
padding-left: 60px;
padding-right: 60px;
}
#box.boxed .header{
box-shadow: none;
}
#box.boxed .header.affix{
padding-left: 60px;
padding-right: 60px;
}
#box.boxed .topline .container-fluid,
#box.boxed .toplogo .container-fluid,
#box.boxed .header .container-fluid{
padding-left: 0;
padding-right: 0;
}
#box.boxed + #to-top{
right: 60px;
}
}
.title{
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.title.polygon{
-webkit-clip-path: polygon(0% 0%, 0% 75%, 50% 100%, 100% 75%, 100% 0%);
clip-path: polygon(0% 0%, 0% 75%, 50% 100%, 100% 75%, 100% 0%);
}
}
.title .container:not([class*=pt-]),
.title .container-fluid:not([class*=pt-]){
padding-top: 40px;
}
@media (max-width: 1199px) {
.title .container:not([class*=pt-]),
.title .container-fluid:not([class*=pt-]){
padding-top: 25px;
}
}
.title .container:not([class*=pb-]),
.title .container-fluid:not([class*=pb-]){
padding-bottom: 55px;
}
@media (max-width: 1199px) {
.title .container:not([class*=pb-]),
.title .container-fluid:not([class*=pb-]){
padding-bottom: 25px;
}
}
@media (min-width: 1600px) {
.title div.container-fluid{
padding-left: 80px;
padding-right: 80px;
}
}
@media (min-width: 1200px) {
.title div.container-fluid{
padding-left: 60px;
padding-right: 60px;
}
}
.title h1{
font-size: 30px;
word-wrap: break-word;
position: relative;
margin: 0;
}
@media (min-width: 992px) {
.title h1{
font-size: 40px;
margin-bottom: 13px;
}
}
.title .breadcrumbs{
margin: 0;
color: var(--colorDarkGrey);
}
.title .breadcrumbs a,
.title .breadcrumbs .breadcrumb_last,
.title .breadcrumbs span.breadcrumbs_item:last-child{
display: inline-block;
float: none;
transition: all .3s ease-in-out;
font-family: var(--fontSecondary);
line-height: 1.6;
}
.title .breadcrumbs a{
color: var(--colorMain);
}
.title .breadcrumbs a:hover{
color: var(--colorDarkGrey);
}
.title .breadcrumbs > span span{
display: inline-block;
margin: 0 6px;
}
@media (min-width: 1400px) {
.title .breadcrumbs > span span{
margin: 0 21px;
}
}
.title .breadcrumbs > span span:first-child{
margin-left: 0;
}
.title .breadcrumbs > span span:last-child{
margin-right: 0;
}
.title.separator-img .breadcrumbs{
font-size: 0;
}
.title.separator-img .breadcrumbs span span{
font-size: 14px;
}
.title.separator-img span span:not(:last-child){
padding-right: 30px;
position: relative;
}
.title.separator-img span span:not(:last-child)::after{
content: "";
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: block;
width: 20px;
height: 7px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
-webkit-filter: brightness(0);
filter: brightness(0);
}
.title.separator-img.i span span:not(:last-child)::after{
-webkit-filter: grayscale(1) brightness(1000%);
filter: grayscale(1) brightness(1000%);
}
.title .search-form button.search-submit svg{
fill: var(--colorMain);
}
.title .search-form{
margin: 1em 0;
max-width: 400px;
}
.title.text-center .search-form{
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.title.title-inline>[class*=container]{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.title.title-inline h1{
margin-bottom: 0;
}
.title.title-inline h1 + nav{
margin-left: 30px;
padding-left: 30px;
border-left: 1px solid var(--colorBorder);
}
.title.title-inline .search-form{
margin-left: 2em;
margin-right: 2em;
}
}
.title.title-2 .container:not([class*=pt-]),
.title.title-2 .container-fluid:not([class*=pt-]){
padding-top: 55px;
}
@media (min-width: 768px) {
.title.title-2 .container:not([class*=pt-]),
.title.title-2 .container-fluid:not([class*=pt-]){
padding-top: 100px;
}
}
@media (min-width: 1199px) {
.title.title-2 .container:not([class*=pt-]),
.title.title-2 .container-fluid:not([class*=pt-]){
padding-top: 155px;
}
}
.title.title-2 .container:not([class*=pb-]),
.title.title-2 .container-fluid:not([class*=pb-]){
padding-bottom: 55px;
}
@media (min-width: 768px) {
.title.title-2 .container:not([class*=pb-]),
.title.title-2 .container-fluid:not([class*=pb-]){
padding-bottom: 100px;
}
}
@media (min-width: 1199px) {
.title.title-2 .container:not([class*=pb-]),
.title.title-2 .container-fluid:not([class*=pb-]){
padding-bottom: 140px;
}
}
.title.title-2 h1{
margin-bottom: 15px;
}
@media (min-width: 992px) {
.title.title-2 h1{
margin-bottom: 35px;
}
}
@media (min-width: 768px) {
.title.title-2 h1{
margin-right: auto;
width: 100%;
}
.title.title-2 h1 + nav{
border-left: 0;
margin-left: 0;
padding-left: 0;
}
}
.title.title-2 .page_title_heading{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 70%;
background-color: var(--colorMain);
-webkit-clip-path: polygon(0 0, 67% 0, 90% 100%, 0% 100%);
clip-path: polygon(0 0, 67% 0, 90% 100%, 0% 100%);
pointer-events: none;
}
@media (min-width: 768px) {
.title.title-2 .page_title_heading{
width: 56%;
}
}
.title.title-2 .page_title_heading p{
font-family: var(--fontBody);
color: var(--colorLight);
font-size: 100px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
position: absolute;
top: -23px;
left: -11px;
opacity: .03;
}
@media (max-width: 767px) {
.title.title-2 .page_title_heading p{
display: none;
}
}
@media (min-width: 992px) {
.title.title-2 .page_title_heading p{
font-size: 110px;
}
}
@media (min-width: 1200px) {
.title.title-2 .page_title_heading p{
font-size: 148px;
}
}
.title .section_bg_header{
text-transform: uppercase;
text-align: center;
line-height: 1em;
white-space: nowrap;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 100px;
margin: 0;
z-index: 1;
color: rgba(var(--colorDarkGreyRGB), 0.04) !important;
}
@media (max-width: 767px) {
.title .section_bg_header{
display: none;
}
}
@media (min-width: 1200px) {
.title .section_bg_header{
font-size: 160px;
}
}
@media (min-width: 1600px) {
.title .section_bg_header{
font-size: 200px;
}
}
.title.i .breadcrumbs{
color: var(--colorLight);
}
.title.i .section_bg_header{
color: rgba(var(--colorLightRGB), 0.025) !important;
}
.title.i.c h1{
color: var(--colorDarkGrey) !important;
}
.title.i.c .breadcrumbs{
color: var(--colorDarkGrey);
}
.title.i.c .breadcrumbs span:last-child{
color: var(--colorDarkGrey);
}
@media (min-width: 768px) {
.title.title-4 h1{
margin-right: auto;
}
.title.title-4 h1 + nav{
border-left: 0;
}
}
@media (min-width: 768px) {
.title.title-5 h1{
margin-bottom: 0;
}
.title.title-5 .breadcrumbs{
position: absolute;
right: 20px;
bottom: 0;
padding: 4px 20px 10px;
}
}
.header-absolute-wrap .header-absolute-content + .title.title-3 h1{
padding-top: 28px;
}
@media (max-width: 767px) {
.header-absolute-wrap .header-absolute-content + .title.title-3 h1{
padding-top: 50px;
}
}
.intro{
position: relative;
}
@media (min-width: 768px) {
.intro .d-grid{
align-items: center;
}
.intro.image-right .d-grid > *:first-child{
order: 2;
}
}
@media (max-width: 767px) {
.intro .d-grid .intro-section-text{
padding-top: 2em;
text-align: center;
}
}
.intro.image-top .intro-section-text{
margin-top: 3em;
}
.intro.image-bottom .intro-section-text{
margin-bottom: 3em;
}
.intro .intro-social-links{
display: none;
}
@media (max-width: 1364px) {
.intro .intro-social-links{
display: block;
}
}
.intro .intro-social-links .social-links{
margin-bottom: 1em;
}
@media (max-width: 767px) {
.intro .intro-social-links .social-links{
justify-content: center;
}
}
.intro .intro-social-links-absolute{
display: none;
}
@media (min-width: 1365px) {
.intro .intro-social-links-absolute{
display: block;
position: absolute;
top: 50%;
left: 2%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.intro .intro-social-links-absolute .social-links{
flex-direction: column;
}
.intro .intro-social-links-absolute .social-links a{
margin: 10px;
}
@media (min-width: 1400px) {
.intro.image-scale .intro-image{
margin: 20% 0;
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
}
.intro-buttons{
margin-top: 2em;
display: flex;
flex-wrap: wrap;
gap: 30px;
}
#main{
position: relative;
flex-grow: 1;
overflow: hidden;
}
.with-sidebar #main{
overflow: visible;
}
.column-aside{
margin: 4em 0 0;
}
@media (max-width: 767px) {
.column-aside{
margin: 40px 0 0;
}
}
.column-aside .widgets-wrap.sticky{
position: sticky;
top: 40px;
}
.column-aside .widgets-wrap > * + *{
margin-top: 52px;
}
@media screen and (min-width: 768px)and (max-width: 991px) {
.column-aside{
max-width: none;
}
.column-aside .widgets-wrap{
display: flex;
flex-wrap: wrap;
}
.column-aside .widgets-wrap > *{
margin-top: 0;
margin-bottom: 3em;
flex: 1 1 100%;
}
.column-aside .widgets-wrap > *:nth-child(odd):last-child{
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.column-aside{
max-width: none;
}
.column-aside .widgets-wrap{
display: flex;
flex-wrap: wrap;
}
.column-aside .widgets-wrap > *{
margin-top: 0;
margin-bottom: 30px;
flex: 1 1 100%;
}
.column-aside .widgets-wrap > *:nth-child(odd):last-child{
margin-bottom: 0;
}
}
@media screen and (min-width: 992px) {
.with-sidebar .main-columns{
display: flex;
}
.with-sidebar .column-main{
width: 66.666%;
padding-right: 0;
}
.with-sidebar .sidebar-gap-1 .column-main{
padding-right: 1rem;
}
.with-sidebar .sidebar-gap-2 .column-main{
padding-right: 2rem;
}
.with-sidebar .sidebar-gap-3 .column-main{
padding-right: 3rem;
}
.with-sidebar .sidebar-gap-4 .column-main{
padding-right: 4rem;
}
.with-sidebar .column-aside{
margin-top: 0;
width: 33.333%;
}
.with-sidebar .sidebar-25 .column-main{
width: 75%;
}
.with-sidebar .sidebar-25 .column-aside{
width: 25%;
}
.with-sidebar .sidebar-30 .column-main{
width: 69.5%;
}
.with-sidebar .sidebar-30 .column-aside{
width: 30.5%;
}
.sidebar-left .column-aside{
order: 1;
}
.sidebar-left .column-main{
order: 2;
padding-right: 0 !important;
padding-left: 0;
}
.sidebar-left .sidebar-gap-1 .column-main{
padding-left: 1em;
}
.sidebar-left .sidebar-gap-2 .column-main{
padding-left: 2em;
}
.sidebar-left .sidebar-gap-3 .column-main{
padding-left: 3em;
}
.sidebar-left .sidebar-gap-4 .column-main{
padding-left: 4em;
}
}
.sidebar-home > *{
margin-bottom: 4em;
}
@media screen and (min-width: 767px) {
.sidebar-home{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 3em;
}
.sidebar-home > *{
margin-bottom: 0;
}
.sidebar-home > .widget-fullwidth{
grid-column: 1/span 3;
}
}
.sidebar-home-before{
margin-bottom: 4em;
}
.sidebar-home-after{
margin-top: 4em;
}
.footer-top{
position: relative;
}
.footer-top .container:not([class*=pt-]),
.footer-top .container-fluid:not([class*=pt-]){
padding-top: 60px;
}
.footer-top .container:not([class*=pb-]),
.footer-top .container-fluid:not([class*=pb-]){
padding-bottom: 30px;
}
.footer-top.footer-top-2 .footer_top-heading{
margin-top: 20px;
font-style: normal;
font-weight: 500;
font-size: 60px;
line-height: 1;
color: var(--colorDark);
}
@media (max-width: 767px) {
.footer-top.footer-top-2 .footer_top-heading{
font-size: 40px;
margin-top: 0;
}
}
.footer-top.footer-top-2 .footer_top-shortcode{
margin-top: 50px;
}
@media (max-width: 767px) {
.footer-top.footer-top-2 .footer_top-shortcode{
margin-top: 30px;
}
}
.footer-top.footer-top-2 input[type=email]{
width: 740px;
min-height: 60px;
background: var(--colorBackground);
border-radius: 5px;
padding: 15px 30px;
border: none;
text-align: center;
}
@media (max-width: 991px) {
.footer-top.footer-top-2 input[type=email]{
width: 280px;
}
}
.footer-top.footer-top-2 input[type=email]::-webkit-input-placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top.footer-top-2 input[type=email]:-ms-input-placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top.footer-top-2 input[type=email]::placeholder{
color: var(--colorFont);
font-size: 18px;
}
.footer-top.footer-top-2 button[type=submit]{
border-color: var(--colorMain);
}
.footer-top.footer-top-2 button[type=submit]:hover{
background-color: var(--colorMain);
}
@media (min-width: 768px) {
.footer-top.footer-top-2 form.mc4wp-form label{
margin-bottom: 32px;
}
}
.footer-top .grid-wrapper{
align-items: center;
}
.footer{
position: relative;
overflow: hidden;
}
.footer.footer-8{
overflow: visible;
}
.footer .container:not([class*=pt-]),
.footer .container-fluid:not([class*=pt-]){
padding-top: 90px;
}
@media (max-width: 1199px) {
.footer .container:not([class*=pt-]),
.footer .container-fluid:not([class*=pt-]){
padding-top: 75px;
}
}
@media (max-width: 767px) {
.footer .container:not([class*=pt-]),
.footer .container-fluid:not([class*=pt-]){
padding-top: 50px;
}
}
.footer .container:not([class*=pb-]),
.footer .container-fluid:not([class*=pb-]){
padding-bottom: 50px;
}
@media (max-width: 1199px) {
.footer .container:not([class*=pb-]),
.footer .container-fluid:not([class*=pb-]){
padding-bottom: 45px;
}
}
@media (max-width: 767px) {
.footer .container:not([class*=pb-]),
.footer .container-fluid:not([class*=pb-]){
padding-bottom: 20px;
}
}
.footer.i{
color: var(--colorDarkFont);
}
.footer p{
line-height: 23px;
}
.footer.footer-1 .footer-widgets > *{
margin-top: 10px;
margin-bottom: 10px;
}
.footer.footer-8 [class*=widget-]+[class*=widget-]{
margin-top: 40px;
}
.footer.footer-5 .footer-widgets .widget_media_image{
line-height: .5;
}
.footer.footer-10{
border-radius: 60vw / 5vw;
-moz-border-radius: 60vw / 5vw;
-webkit-border-radius: 60vw / 5vw;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.footer.footer-11 .container:not([class*=pt-]),
.footer.footer-11 .container-fluid:not([class*=pt-]){
padding-top: 0;
}
@media (max-width: 1199px) {
.footer.footer-11 .container:not([class*=pt-]),
.footer.footer-11 .container-fluid:not([class*=pt-]){
padding-top: 100px;
}
}
@media (max-width: 767px) {
.footer.footer-11 .container:not([class*=pt-]),
.footer.footer-11 .container-fluid:not([class*=pt-]){
padding-top: 60px;
}
}
.footer.footer-11 .container:not([class*=pb-]),
.footer.footer-11 .container-fluid:not([class*=pb-]){
padding-bottom: 0;
}
@media (max-width: 1199px) {
.footer.footer-11 .container:not([class*=pb-]),
.footer.footer-11 .container-fluid:not([class*=pb-]){
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.footer.footer-11 .container:not([class*=pb-]),
.footer.footer-11 .container-fluid:not([class*=pb-]){
padding-bottom: 0;
}
}
@media (min-width: 1200px) {
.footer.footer-11 .footer-widgets > *{
padding-top: 128px;
padding-bottom: 154px;
}
.footer.footer-11 .footer-widgets > *:first-child{
padding-top: 0;
padding-bottom: 0;
}
.footer.footer-11 .footer-widgets > *:first-child > div{
padding-top: 126px;
padding-bottom: 154px;
}
}
@media (min-width: 992px) {
.footer .special-title .widget-title{
margin-top: 84px;
}
}
@media (min-width: 768px) {
.footer .left_part{
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
width: 50%;
height: 150px;
position: absolute;
top: -30px;
left: 0;
-webkit-transform: skewY(3deg);
transform: skewY(3deg);
}
.footer .right_part{
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
width: 50%;
height: 150px;
position: absolute;
top: -30px;
right: 0;
-webkit-transform: skewY(-3deg);
transform: skewY(-3deg);
}
}
.footer-widgets > *{
margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
.footer-widgets.one-half-only{
width: 50%;
margin-left: auto;
margin-right: auto;
}
.footer-widgets.one-half-first-75 .grid-item{
width: 50%;
}
.footer-widgets.one-half-first-75 .grid-item:first-child{
width: 50%;
}
}
@media screen and (min-width: 1200px) {
.footer-widgets.one-half-first > *:first-child{
width: 50%;
}
.footer-widgets.one-half-first-alt > *:first-child{
width: 33.333333%;
}
.footer-widgets.one-half-first-alt > *:first-child > div{
background-color: rgba(var(--colorDarkRGB), 0.3);
padding-left: 50px;
padding-right: 50px;
height: 100%;
}
.footer-widgets.one-half-first-alt > *:nth-child(2){
width: 16.666667%;
}
.footer-widgets.one-half-first-75 .grid-item{
width: 25%;
}
.footer-widgets.one-half-first-75 .grid-item:first-child{
width: 75%;
}
.footer-widgets.one-half-second > *:nth-child(2){
width: 50%;
}
.footer-widgets.second-third-narrow > *:nth-child(2),
.footer-widgets.second-third-narrow > *:nth-child(3){
width: 16.666%;
}
}
.footer-widgets-fullwidth > * + *{
margin-top: 3em;
}
footer > h3,
footer > h5,
footer .widget-title,
footer .widget .widget-title{
font-size: 30px;
margin-bottom: 30px;
}
.copyright{
position: relative;
}
.copyright .container:not([class*=pt-]),
.copyright .container-fluid:not([class*=pt-]){
padding-top: 30px;
}
.copyright .container:not([class*=pb-]),
.copyright .container-fluid:not([class*=pb-]){
padding-bottom: 30px;
}
.copyright .copyright-text{
text-transform: uppercase;
}
.copyright .copyright-menu{
margin: .5em 0;
padding: 0;
list-style: none;
}
.copyright .copyright-menu li{
display: inline-block;
margin: 0;
}
.copyright .copyright-menu li a:hover{
color: var(--colorLight);
}
.copyright .copyright-menu li:not(:last-child)::after{
content: "|";
position: relative;
left: .5em;
}
.copyright .copyright-menu li + li{
margin-left: 10px;
}
.copyright .cols-2{
align-items: center;
}
@media screen and (max-width: 767px) {
.copyright .cols-2{
display: block;
text-align: center;
}
.copyright .cols-2 > *{
width: auto;
}
}
.copyright .cols-2 > *:last-child{
display: block;
}
@media screen and (min-width: 768px) {
.copyright .cols-2 > *:last-child:not(:only-child){
margin-top: 0;
text-align: right;
}
}
.copyright .cols-2 .social-links{
display: flex;
justify-content: end;
}
@media (max-width: 767px) {
.copyright .cols-2 .social-links{
justify-content: center;
}
}
.copyright .cols-3{
align-items: center;
justify-content: center;
}
.copyright .cols-3 .social-links{
justify-content: center;
}
.copyright .cols-3 .copyright-navigation{
text-align: right;
}
@media (max-width: 991px) {
.copyright .cols-3{
flex-wrap: wrap;
}
.copyright .cols-3 .copyright-text{
width: 100%;
text-align: center;
}
.copyright .cols-3 .social-links{
width: 100%;
justify-content: center;
}
.copyright .cols-3 .copyright-navigation{
width: 100%;
text-align: center;
}
}
#to-top{
line-height: 40px;
text-align: center;
transition: all .25s ease-in-out;
z-index: 1000;
bottom: -40px;
right: 0;
width: 60px;
height: 40px;
overflow: hidden;
position: fixed;
text-decoration: none;
font-size: 0;
color: var(--colorLight);
background-color: var(--colorMain);
box-shadow: 0 0px 10px 0px rgba(0, 0, 0, .25);
opacity: .7;
}
#to-top.visible{
bottom: 0;
}
#to-top:before{
content: "";
font-family: "FontAwesome";
font-size: 12px;
color: var(--colorLight);
transition: all .25s ease-in-out;
}
#to-top:hover{
bottom: 10px;
opacity: 1;
}
#overlay{
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 1010;
opacity: 0;
visibility: hidden;
background-color: #000;
opacity: .5;
transition: all .25s ease-in-out;
}
.side-menu-active #overlay,
.login-dropdown-active #overlay,
.search-dropdown-active #overlay,
.register-dropdown-active #overlay{
background-color: #000;
opacity: .9;
visibility: visible;
}
.embed-responsive{
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.pswp__zoom-wrap .embed-responsive{
max-width: 90%;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 1200px) {
.pswp__zoom-wrap .embed-responsive{
max-width: 50%;
}
}
#login_dropdown,
#register_dropdown{
display: flex;
opacity: 0;
z-index: -20;
position: absolute;
left: 50%;
top: -50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 770px;
width: calc(100% - 30px);
max-height: 520px;
height: 100%;
margin-left: auto;
margin-right: auto;
overflow-y: auto;
background-color: var(--colorLight);
transition: all .5s ease-in-out;
}
#login_dropdown.active,
#register_dropdown.active{
opacity: 1;
z-index: 99999;
top: 100px;
}
@media (max-width: 767px) {
#login_dropdown.active,
#register_dropdown.active{
height: 100vh;
max-height: 518px;
top: 30px;
}
}
.modal{
display: flex;
width: 100%;
}
@media (max-width: 767px) {
.modal{
height: 518px;
max-height: 518px;
}
}
.modal > *{
padding: 55px 60px;
}
@media (max-width: 767px) {
.modal > *{
padding: 15px;
}
}
.modal .form-section{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
width: 100%;
}
.modal .form-section #loginform > p:first-child,
.modal .form-section #registerform > p:first-child{
margin-top: 0;
}
.modal .form-section form,
.modal .form-section input:not([type=submit]):not([type=checkbox]){
width: 100%;
margin-bottom: 10px;
}
.modal .form-section .login-remember{
max-width: -webkit-max-content;
max-width: max-content;
margin: 20px auto;
}
.modal .img-section{
flex-shrink: 0;
width: 38%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.modal .img-section::before{
content: "";
width: 100%;
height: 100%;
background-color: var(--colorGrey);
opacity: .81;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.modal .img-section p{
margin-bottom: 0;
}
.modal .img-section h4{
margin-top: .3em;
margin-bottom: 1em;
}
.modal .img-section > *{
z-index: 1;
}
#footer.l a{
color: var(--colorFont);
}
#footer.l a:hover{
color: var(--colorMain);
}
ul a:not([href]):empty{
display: none;
}
.nav-btn{
width: 60px;
height: 60px;
border: none;
padding: 0;
text-align: center;
position: relative;
cursor: pointer;
}
.nav-btn[id]{
background: rgba(0, 0, 0, 0);
}
.nav-btn:hover,
.nav-btn:focus{
background: rgba(0, 0, 0, 0) !important;
}
.nav-btn span,
.nav-btn span:before,
.nav-btn span:after{
width: 30px;
height: 2px;
margin: auto;
left: 0;
display: block;
position: relative;
content: "";
background: #323232;
background: var(--colorDark);
transition: .25s all ease-in-out;
}
.i .nav-btn span,
.i .nav-btn span:before,
.i .nav-btn span:after{
background: #fff;
background: var(--colorLight);
}
.i .l.affix .nav-btn span,
.i .l.affix .nav-btn span:before,
.i .l.affix .nav-btn span:after{
background: #323232;
background: var(--colorDark);
}
.nav-btn[aria-expanded=true] span{
background: rgba(0, 0, 0, 0) !important;
}
.nav-btn span:before{
top: -8px;
}
.nav-btn span:after{
top: 6px;
}
.nav-btn[aria-expanded=true] span:before{
top: 1px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-btn[aria-expanded=true] span:after{
top: -1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-btn.type-dots{
width: 28px;
height: 28px;
}
.nav-btn.type-dots span,
.nav-btn.type-dots span:before,
.nav-btn.type-dots span:after{
height: 3px;
width: 3px;
border-radius: 50%;
}
.nav-btn.type-dots span:before{
bottom: 6px;
}
.nav-btn.type-dots span:after{
top: 3px;
}
.nav-btn.type-dots[aria-expanded=true] span,
.nav-btn.type-dots[aria-expanded=true] span:before,
.nav-btn.type-dots[aria-expanded=true] span:after{
width: 22px;
height: 2px;
border-radius: 0;
}
.nav-btn.type-dots[aria-expanded=true] span:after{
top: -1px;
}
[class*=container]>.nav-btn:first-child{
margin: 0 .5em;
}
[class*=container]>.nav-btn:last-child{
margin: 0 .5em;
}
.top-nav{
position: relative;
flex: 1 1;
}
.top-nav a,
.top-nav a:hover{
text-decoration: none;
}
@media screen and (min-width: 1200px) {
.top-nav{
position: relative;
flex: 1 1;
display: flex;
align-items: center;
}
.menu-center .top-nav{
justify-content: center;
}
.menu-right .top-nav{
justify-content: flex-end;
}
* + .top-nav,
.top-nav + *{
padding-left: 15px;
padding-right: 15px;
}
.no-logo .top-menu > li:first-child{
margin-left: 0;
}
.container .top-menu > li > a{
margin: 0 10px;
}
.top-menu{
display: flex;
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
}
.top-menu li.current-menu-ancestor > a::before{
width: 100%;
opacity: 1;
}
.menu-right .top-menu{
justify-content: flex-end;
}
.menu-center .top-menu{
justify-content: center;
}
.top-menu ~ .nav-btn{
display: none;
}
.top-menu ul{
list-style: none;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
transition: all .2s ease-in;
margin-top: 10px;
background-color: var(--colorLight);
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
border: none;
border-radius: 0;
min-width: 12em;
*width: 12em;
padding: 16px 5px;
text-align: center;
}
.top-menu ul li{
padding: 0 15px;
}
.top-menu ul li a{
font-size: inherit;
display: inline-block;
padding: 10px 0;
white-space: nowrap;
font-size: 14px;
font-weight: 600;
letter-spacing: .2em;
}
.top-menu ul.sub-menu a{
color: #444;
color: var(--colorDarkGrey);
}
.top-menu ul.sub-menu a:hover,
.top-menu ul.sub-menu a:focus{
color: #31b3b3;
color: var(--colorMain);
}
.top-menu ul.sub-menu .current-menu-item > a{
color: #31b3b3;
color: var(--colorMain);
}
.top-menu li{
position: relative;
}
.top-menu li a{
opacity: 1;
}
.top-menu li.menu-item.current-menu-ancestor > a{
color: var(--colorMain);
border-color: var(--colorMain);
}
.top-menu li.menu-item-has-children li.menu-item-has-children > a::after{
position: absolute;
content: "";
font-family: "FontAwesome";
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--colorMain);
padding-left: 15px;
}
.top-menu li.current-menu-item > a{
color: var(--colorMain);
border-color: var(--colorMain);
}
.top-menu li:hover,
.top-menu li:focus,
.top-menu li:focus-within{
overflow: visible;
}
.top-menu li:hover > ul,
.top-menu li:hover > .menu-padding-wrap > ul,
.top-menu li:focus > ul,
.top-menu li:focus > .menu-padding-wrap > ul,
.top-menu li:focus-within > ul,
.top-menu li:focus-within > .menu-padding-wrap > ul{
z-index: 2;
display: block;
opacity: 1;
margin-top: 0;
}
.top-menu .menu-padding-wrap{
position: absolute;
top: -16px;
left: 100%;
padding-left: 20px;
transition: all .2s ease-in;
min-width: 13em;
*width: 13em;
}
.top-menu .menu-padding-wrap > ul{
position: relative;
}
.top-menu .menu-padding-wrap .menu-padding-wrap{
position: absolute;
top: -30px;
right: 100%;
left: auto;
padding-right: 10px;
transition: all .2s ease-in;
min-width: 13em;
*width: 13em;
}
.top-menu .menu-padding-wrap .menu-padding-wrap > ul{
position: relative;
}
.top-menu ul ul li.menu-item-has-children:after{
position: absolute;
right: 1em;
top: .5em;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.top-menu ul ul ul{
min-width: 0;
top: 0;
left: 50%;
margin-top: 0;
opacity: 0;
position: relative;
display: block;
box-shadow: none;
min-width: 20em;
box-shadow: 4px 0 30px 0 rgba(0, 7, 46, .06);
}
.top-menu > li{
margin: 0;
overflow: hidden;
}
.top-menu > li:hover{
overflow: visible;
}
.top-menu > li:first-of-type a{
margin-left: 0;
}
.top-menu > li:last-of-type a{
margin-right: 0;
}
.top-menu > li > a{
position: relative;
font-weight: 600;
letter-spacing: .2em;
padding: 48px 0;
display: inline-block;
margin: 0 10px;
color: var(--colorDarkGrey);
transition-duration: .15s;
transition: all .3s ease-in-out;
}
}
@media screen and (min-width: 1200px)and (min-width: 1500px) {
.top-menu > li > a{
margin: 0 38px;
}
}
@media screen and (min-width: 1200px) {
.top-menu > li > a:hover{
color: var(--colorMain);
}
}
@media screen and (min-width: 1200px) {
.top-menu > li:last-of-type a::after{
display: none;
}
}
@media screen and (min-width: 1200px) {
.top-menu > li.menu-item-has-children:hover > a{
color: var(--colorMain);
}
}
@media screen and (min-width: 1200px) {
.top-menu > .current_page_parent > a,
.top-menu > .current-menu-parent > a,
.top-menu > .current-menu-item > a{
overflow: visible;
}
.top-menu > .current_page_parent > a:before,
.top-menu > .current-menu-parent > a:before,
.top-menu > .current-menu-item > a:before{
width: 100%;
opacity: 1;
}
}
@media screen and (max-width: 1199px) {
.top-menu-active{
height: 100%;
overflow: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.top-nav{
position: fixed;
width: 100%;
left: -100%;
top: 0;
bottom: 0;
overflow: auto;
z-index: 1005;
transition: all .25s ease-out 0s;
height: 100vh;
word-wrap: break-word;
background: #444;
background: var(--colorDarkGrey);
display: block;
padding: 80px 30px 20px 30px;
text-align: left;
opacity: 0;
}
.top-nav::before{
content: "";
display: block;
width: 100%;
height: 60px;
background-color: #111;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.top-nav.active{
left: 0;
opacity: 1;
}
.top-nav ul.top-menu{
margin: 0;
padding: 0;
list-style: none;
}
.top-nav ul.top-menu ul li{
position: relative;
}
.top-nav ul.top-menu ul li a{
text-transform: none;
font-weight: 500;
}
.top-nav ul.top-menu ul li a::before{
content: "";
margin-right: 10px;
display: inline-block;
background-color: var(--colorLight);
width: 6px;
height: 2px;
position: relative;
bottom: 3px;
}
.top-nav .top-menu > li{
padding: 0;
}
.top-nav .top-menu > li:before{
display: none;
}
.top-nav .top-menu > li > a{
display: inline-block;
padding: 10px 15px;
}
.top-nav .top-menu a{
color: #fff;
color: var(--colorLight);
font-size: 1.1em;
z-index: 2;
display: block;
padding: 10px 15px;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .2em;
}
.top-nav .top-menu a:hover{
color: #31b3b3;
color: var(--colorMain);
}
.top-nav .nav-btn{
position: fixed;
right: 0;
top: 0;
padding: 0;
min-width: 0;
width: 60px;
height: 60px;
background-color: #111;
}
.top-nav .nav-btn span,
.top-nav .nav-btn span:before,
.top-nav .nav-btn span:after{
height: 4px;
background: #fff;
background: var(--colorLight);
}
.top-nav .nav-btn span:after{
top: -3px;
}
.top-nav .nav-btn#nav_close{
position: absolute;
margin: 0;
}
#header #nav_toggle{
display: block;
box-shadow: none;
min-width: 0;
}
#header.no-logo #nav_toggle{
margin-left: auto;
}
}
.topline-menu{
list-style: none;
padding: 0;
margin: 0;
}
@media screen and (max-width: 991px) {
.topline-menu li + li{
margin-top: .7em;
}
}
@media screen and (min-width: 992px) {
.topline-menu li{
margin: 0 .5em;
display: inline-block;
}
.topline-menu li:first-child{
margin-left: 0;
}
.topline-menu li:last-child{
margin-right: 0;
}
}
.top-nav.active .menu-many-items{
padding: 0;
}
.top-nav.active .menu-many-items i{
width: 1em;
text-align: center;
margin-right: 10px;
}
.top-nav.active .menu-many-items .toggle_submenu{
cursor: pointer;
position: absolute;
right: 5px;
top: 10px;
font-size: 20px;
text-align: center;
opacity: 1;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: all .4s ease-out 0s;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
background-color: #111;
z-index: 1;
}
.top-nav.active .menu-many-items .toggle_submenu:before{
position: relative;
top: 1px;
line-height: 30px;
content: "";
font-family: "FontAwesome";
font-size: 20px;
color: var(--colorDarkFont);
}
.top-nav.active .menu-many-items ul{
padding: 0;
}
.top-nav.active .menu-many-items li{
position: relative;
list-style: none;
padding: 0;
width: 100%;
}
.top-nav.active .menu-many-items > li{
transition: .3s ease-in-out;
}
.top-nav.active .menu-many-items a{
display: block;
padding: 10px 10px;
}
.top-nav.active .menu-many-items a:hover{
background-color: rgba(0, 0, 0, 0);
}
.top-nav.active .menu-many-items li.menu-item-has-children > a{
padding-right: 3em;
}
.top-nav.active .menu-many-items .active-submenu > a{
line-height: 30px;
color: var(--colorDark);
background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 1199px) {
.top-nav.active .menu-many-items .active-submenu > a{
color: var(--colorMain);
background-color: rgba(0, 0, 0, 0);
}
}
.top-nav.active .menu-many-items .active-submenu > .toggle_submenu{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.top-nav.active .menu-many-items li.active > a{
color: #31b3b3;
}
.top-nav.active .menu-many-items ul{
opacity: 0;
height: 0;
}
.top-nav.active .menu-many-items ul a{
padding-top: 8px;
padding-bottom: 8px;
padding-left: 50px;
}
.top-nav.active .menu-many-items ul ul a{
padding-left: 60px;
}
.top-nav.active .menu-many-items ul ul ul a{
padding-left: 30px;
}
.top-nav.active .menu-many-items ul ul ul ul a{
padding-left: 80px;
}
.top-nav.active .menu-many-items .active-submenu > div.mega-menu{
height: auto;
}
.top-nav.active .menu-many-items .active-submenu > ul,
.top-nav.active .menu-many-items .active-submenu > div.mega-menu > ul,
.top-nav.active .menu-many-items .active-submenu > div.menu-padding-wrap > ul{
opacity: 1;
height: auto;
}
.top-nav.active .menu-many-items ul,
.top-nav.active .menu-many-items div.mega-menu{
height: 0;
overflow: hidden;
transition: opacity .6s, margin-top .4s, margin-bottom .4s, height .3s ease-in-out;
}
.top-nav.active .menu-many-items ul li.sfHover > .mega-menu ul{
display: block;
height: 100%;
}
.top-nav.active .menu-many-items div.mega-menu > ul{
margin-right: 0;
height: auto;
}
.top-nav.active ul.sub-menu li.menu-item-has-children::after{
display: none;
}
.top-nav.active ul.sub-menu li a{
display: block;
margin-bottom: 0;
padding: 10px 10px 10px 20px;
line-height: 30px;
}
.top-nav.active ul ul li:before{
left: 20px;
}
.top-nav.active ul.sub-menu li a:hover{
color: var(--colorMain);
}
.top-nav.active ul.sub-menu .sub-menu li a{
margin-left: 10px;
}
.top-nav.active ul.sub-menu .sub-menu li::before{
left: 40px;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail{
max-width: 100%;
height: auto;
display: block;
}
.wp-caption{
margin-bottom: 1em;
}
.wp-caption-text{
margin-bottom: 1em;
}
.sticky{
display: block;
position: relative;
}
.screen-reader-text{
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus{
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.gallery-item{
margin-bottom: 1em;
}
.bypostauthor{
display: block;
}
.alignleft{
max-width: 50%;
float: left;
margin-top: 5px;
margin-right: 30px;
margin-bottom: 15px;
margin-left: 0;
clear: both;
}
.alignright{
max-width: 50%;
float: right;
margin-top: 5px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 30px;
clear: both;
}
.aligncenter{
text-align: center;
clear: both;
margin-left: auto;
margin-right: auto;
}
.search-form{
position: relative;
}
.search-form input[type=search]{
padding-right: 55px;
background-color: var(--colorLight);
}
.search-form input[type=search]::-webkit-input-placeholder{
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
font-size: .9em;
font-style: italic;
color: var(--colorFont);
font-weight: 400;
opacity: 1;
}
.search-form input[type=search]::-moz-placeholder{
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
font-size: .9em;
font-style: italic;
color: var(--colorFont);
font-weight: 400;
opacity: 1;
}
.search-form input[type=search]:-moz-placeholder{
-moz-transition: opacity .6s ease;
transition: opacity .6s ease;
font-size: .9em;
font-style: italic;
color: var(--colorFont);
font-weight: 400;
opacity: 1;
}
.search-form input[type=search]:-ms-input-placeholder{
-ms-transition: opacity .6s ease;
transition: opacity .6s ease;
font-size: .9em;
font-style: italic;
color: var(--colorFont);
font-weight: 400;
opacity: 1;
}
.search-form input[type=search]:focus::-webkit-input-placeholder{
opacity: 0;
}
.search-form input[type=search]:focus::-moz-placeholder{
opacity: 0;
}
.search-form input[type=search]:focus:-moz-placeholder{
opacity: 0;
}
.search-form input[type=search]:focus:-ms-input-placeholder{
opacity: 0;
}
.search-form button{
text-align: center;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin: 0 !important;
border: none;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: var(--colorMain);
opacity: 1;
min-width: unset;
transition: all .3s ease-in-out 0s;
}
.search-form button .svg-icon svg{
fill: var(--colorLight);
transition: all .3s ease-in-out 0s;
}
.search-form button:hover .svg-icon svg{
opacity: .5;
}
.search-form button.search-submit{
font-size: 0;
}
.search-form button.search-submit svg{
font-size: 21px;
fill: var(--colorLight);
}
.search-form button.search-submit:hover svg{
opacity: .5;
}
.c:not(.c2) .search-form button{
background-color: var(--colorMain2);
}
.widget_search.special{
background-color: var(--colorDark);
background-image: url(//pflegeberatung-hessen.de/wp-content/themes/psycheco/assets/img/texture.png);
background-size: cover;
padding: 20px;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.widget_search.special{
padding: 35px 40px 35px 40px;
}
}
.widget_search.special:before{
display: block;
content: url(//pflegeberatung-hessen.de/wp-content/themes/psycheco/assets/img/search_icon_bg.png);
position: absolute;
right: -20px;
top: -20px;
}
.widget_search.special .widget-title{
margin-top: 0;
margin-bottom: 22px;
color: var(--colorLight);
}
.widget_search.special input[type=search],
.widget_search.special .form-control{
background-color: var(--colorLight);
}
.category-description{
margin-bottom: 4em;
}
.grid-item .layout-default .has-post-thumbnail > .item-content{
padding-top: 2em;
}
.layout-default .has-post-thumbnail > .item-content.content-narrow{
padding-top: 2.5em;
}
@media (min-width: 992px) {
.no-sidebar .content-narrow{
margin-left: 8.773%;
margin-right: 8.773%;
}
.no-sidebar .wordpress-helpdesk .content-narrow{
margin-left: 0;
margin-right: 0;
}
}
.post-thumbnail{
position: relative;
font-size: 0;
overflow: hidden;
text-align: center;
line-height: 1;
}
.post-thumbnail a::before{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0;
transition: all .2s linear;
}
.post-thumbnail.mb-2{
margin-bottom: 40px;
}
.post-thumbnail .svg-icon.icon-video{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 30px;
transition: all .3s ease-in-out;
}
.post-thumbnail .svg-icon.icon-video svg{
fill: var(--colorLight);
transition: all .3s ease-in-out;
}
.post-thumbnail .svg-icon.icon-video:hover svg{
opacity: .4;
}
.has-post-thumbnail:not(.format-gallery):hover .post-thumbnail a::before{
opacity: .3;
}
.has-post-thumbnail .post-thumbnail-wrap,
.has-post-thumbnail .post-thumbnail{
position: relative;
}
.has-post-thumbnail .post-thumbnail-wrap + .entry-categories-wrap.icon-inline,
.has-post-thumbnail .post-thumbnail + .entry-categories-wrap.icon-inline{
position: absolute;
top: 30px;
right: 30px;
padding-left: 30px;
padding-bottom: 30px;
z-index: 4;
}
.entry-header .sticky-post{
float: right;
font-size: 14px;
line-height: 1;
}
.entry-header + .entry-footer{
margin-top: -1em;
}
.entry-header.entry-header-small + .entry-footer{
margin-top: -0.5em;
}
.blog article,
.single article{
position: relative;
border-radius: 0;
margin: 0 auto;
}
.blog article.post.with_shadow,
.single article.post.with_shadow{
box-shadow: 0 5px 10px 1px rgba(0, 0, 0, .05);
}
.blog article.sticky,
.single article.sticky{
border: 2px solid var(--colorMain1);
}
.blog article .sticky-post,
.single article .sticky-post{
position: absolute;
top: 7px;
right: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
color: var(--colorLight);
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.blog article .sticky-post::before,
.single article .sticky-post::before{
content: "";
display: block;
position: absolute;
top: -14px;
left: -35px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 40px 40px 40px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--colorMain) rgba(0, 0, 0, 0);
}
.blog article .sticky-post .svg-icon,
.single article .sticky-post .svg-icon{
margin: 0;
margin-right: 5px;
z-index: 2;
}
.blog article .sticky-post .svg-icon svg,
.single article .sticky-post .svg-icon svg{
fill: var(--colorLight);
}
.blog article .sticky-post span:not(.svg-icon),
.single article .sticky-post span:not(.svg-icon){
display: none;
}
h3.entry-title,
h3.entry-title:last-child,
h2.entry-title,
h2.entry-title:last-child{
width: 100%;
font-size: 20px;
font-weight: 900;
line-height: 1.35;
margin-bottom: 21px;
margin-top: 0;
text-transform: none;
}
h3.entry-title a,
h3.entry-title:last-child a,
h2.entry-title a,
h2.entry-title:last-child a{
color: var(--colorDark);
}
h3.entry-title a:hover,
h3.entry-title a:focus,
h3.entry-title a:active,
h3.entry-title:last-child a:hover,
h3.entry-title:last-child a:focus,
h3.entry-title:last-child a:active,
h2.entry-title a:hover,
h2.entry-title a:focus,
h2.entry-title a:active,
h2.entry-title:last-child a:hover,
h2.entry-title:last-child a:focus,
h2.entry-title:last-child a:active{
color: var(--colorFont);
}
.meta-cat + .entry-content{
margin-top: 18px;
}
.entry-content + .share_buttons{
margin-top: 1em;
}
.dropdown-menu{
background-color: rgba(0, 0, 0, 0);
z-index: 2;
border: none;
position: fixed;
right: -40px;
top: 50%;
left: auto;
min-width: 40px;
width: 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
box-shadow: none;
transition: right .5s;
}
.dropdown-menu.show{
right: 0;
}
.share_buttons a{
display: block;
font-size: 14px;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
}
.share_buttons a.bg-icon{
color: var(--colorLight);
}
.share_buttons a.bg-icon.ico-x-twitter{
background-color: #000;
}
.share_buttons a.bg-icon.fa-facebook{
background-color: #507cbe;
}
.share_buttons a.bg-icon.fa-paper-plane{
background-color: #00abef;
}
.share_buttons a.bg-icon.fa-linkedin{
background-color: #3371b7;
}
.share_buttons a.bg-icon.fa-pinterest{
background-color: #e60122;
}
.share_buttons a.bg-icon:hover{
background-color: var(--colorMain);
}
.entry-content{
margin-top: 21px;
}
.entry-content:after{
content: "";
display: block;
clear: both;
}
.entry-content p:last-child:not([class*=mb-]){
margin-bottom: 0;
}
.read-more{
clear: both;
}
.entry-footer{
word-break: initial;
position: relative;
clear: both;
display: flex;
flex-wrap: wrap;
align-items: center;
color: #444;
color: var(--colorDarkGrey);
}
.text-center .entry-footer{
justify-content: center;
}
.entry-footer > *{
display: inline-flex;
margin-right: 25px;
margin-top: 0;
line-height: 1.6;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .2em;
font-weight: 600;
}
.entry-footer > *.hidden{
display: none;
}
.entry-footer .icon-inline .svg-icon{
margin-right: 5px;
}
.entry-footer .icon-inline .svg-icon svg{
max-width: 14px;
max-height: 14px;
}
.entry-footer .like_button:not(.like_active_button){
color: var(--colorMain);
}
.entry-footer .like_button{
margin-right: 5px;
}
.entry-footer.with-padding{
padding: 10px 20px;
}
@media (min-width: 768px) {
.entry-footer.with-padding{
padding: 15px 60px 15px 35px;
}
}
@media (min-width: 1200px) {
.entry-footer.with-padding{
padding: 15px 60px 15px 45px;
}
}
.entry-footer.entry-footer-top{
margin: 0;
}
.entry-footer.entry-footer-top + .entry-footer-bottom{
margin-top: 20px;
}
.entry-footer.entry-footer-top > span:not(:last-child){
margin-right: 20px;
}
.entry-footer.entry-footer-bottom .sticky-post{
position: relative;
margin-right: 20px;
top: 0;
right: 0;
-webkit-transform: none;
transform: none;
}
.entry-footer.entry-footer-bottom .sticky-post::before{
display: none;
}
.entry-footer.entry-footer-bottom .sticky-post > span{
display: inline !important;
}
.entry-footer.entry-footer-bottom .sticky-post .svg-icon{
line-height: 1;
}
.entry-footer.entry-footer-bottom .sticky-post .svg-icon svg{
fill: var(--colorMain);
}
.entry-footer:empty{
display: none;
}
.entry-footer:before,
.entry-footer:after{
content: "";
display: block;
clear: both;
}
.entry-footer .meta-date{
margin-right: auto;
padding-right: 15px;
}
.entry-footer .entry-tags a,
.entry-footer .categories-list a{
color: var(--colorMain);
}
.entry-footer .entry-tags a:hover,
.entry-footer .categories-list a:hover{
color: var(--colorLight);
}
.entry-footer .author-avatar{
margin-right: 10px;
}
.entry-footer .author-avatar img{
width: 50px;
height: 50px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
display: none;
}
@media (max-width: 399px) {
.entry-footer .author-avatar img{
width: 40px;
height: 40px;
}
}
.entry-footer .entry-author-wrap{
white-space: nowrap;
}
.entry-footer .meta-word{
margin-right: 5px;
}
.post-thumbnail + .entry-footer{
margin-top: 0;
}
.entry-footer .meta-tags{
margin-right: auto;
}
.entry-footer.entry-footer-bottom{
margin-top: 15px;
border-top: 1px solid var(--colorBorder);
}
.entry-footer .entry-blog-share{
margin-right: 0 !important;
}
@media (min-width: 768px) {
.entry-footer .entry-blog-share{
position: absolute;
right: 30px;
top: 50%;
margin-top: -7px !important;
line-height: 1 !important;
}
}
p + .entry-footer.entry-footer-bottom{
margin-top: 25px;
}
.has-post-thumbnail .entry-footer .author-avatar img{
display: block;
}
.categories-list,
.tags-list{
white-space: initial;
}
.entry-categories-separator:before{
content: " ";
}
.entry-tags-separator:before{
content: ", ";
}
.entry-meta.post-meta{
word-break: initial;
clear: both;
display: flex;
flex-wrap: wrap;
align-items: center;
color: #323232;
color: var(--colorDark);
}
.entry-meta.post-meta .meta-left{
align-items: center;
display: flex;
flex-wrap: wrap;
margin-right: auto;
}
.entry-meta.post-meta .meta-left > *{
display: inline-flex;
margin-top: 0;
margin-bottom: 10px;
margin-right: 20px;
line-height: 1;
font-size: 13px;
text-transform: uppercase;
font-weight: 400;
}
.entry-meta.post-meta .meta-left > *.hidden{
display: none;
}
.entry-meta.post-meta .meta-left > * a:not(.like_button){
color: var(--colorDark);
}
.entry-meta.post-meta .meta-left > * a:not(.like_button):hover,
.entry-meta.post-meta .meta-left > * a:not(.like_button):focus,
.entry-meta.post-meta .meta-left > * a:not(.like_button):active{
color: var(--colorMain);
}
.entry-meta.post-meta .entry-categories-wrap{
display: inline-flex;
margin-top: 0;
margin-bottom: 10px;
line-height: 1;
font-size: 13px;
text-transform: uppercase;
font-weight: 400;
}
.entry-meta.post-meta .entry-categories-wrap a{
color: var(--colorDark);
}
.entry-meta.post-meta .entry-categories-wrap a:hover,
.entry-meta.post-meta .entry-categories-wrap a:focus,
.entry-meta.post-meta .entry-categories-wrap a:active{
color: var(--colorMain);
}
.entry-meta.post-meta .entry-categories-wrap a + a{
margin-right: 20px;
}
.entry-meta.post-meta .icon-inline .svg-icon{
margin-right: 7px;
}
.entry-meta.post-meta .icon-inline .svg-icon svg{
max-width: 14px;
max-height: 14px;
}
.entry-meta.post-meta .like_button{
margin-right: 7px;
}
.entry-meta.post-meta .like_button :not(.like_active_button){
color: var(--colorMain);
}
.entry-meta.post-meta.with-padding{
padding: 10px 20px;
}
@media (min-width: 768px) {
.entry-meta.post-meta.with-padding{
padding: 15px 60px 15px 35px;
}
}
@media (min-width: 1200px) {
.entry-meta.post-meta.with-padding{
padding: 15px 60px 15px 45px;
}
}
.entry-meta.post-meta:empty{
display: none;
}
.entry-meta.post-meta:before,
.entry-meta.post-meta:after{
content: "";
display: block;
clear: both;
}
.entry-meta.post-meta .author-avatar{
margin: 0;
}
.entry-meta.post-meta .author-avatar img{
width: 60px;
height: 60px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
display: none;
}
@media (max-width: 620px) {
.entry-meta.post-meta .author-avatar img{
width: 40px;
height: 40px;
}
}
.has-post-thumbnail .entry-meta.post-meta .author-avatar img{
display: block;
}
.entry-meta.post-meta .meta-word{
margin-right: 5px;
}
.post-thumbnail + .entry-meta.post-meta{
margin-top: 0;
}
.entry-blog-share a .svg-icon svg{
max-width: 14px;
max-height: 14px;
fill: var(--colorDark);
transition: all .3s ease-in-out 0s;
}
.entry-blog-share a:hover .svg-icon svg,
.entry-blog-share a:focus .svg-icon svg,
.entry-blog-share a:active .svg-icon svg{
fill: var(--colorMain);
}
.hfeed article{
clear: both;
overflow: hidden;
}
.hfeed article + article{
margin-top: 60px;
}
.post-password-form{
margin: 1em 0;
}
.grid-item .entry-title{
font-size: 1.15em;
}
.grid-item .post-title + .entry-footer{
margin-top: .5em;
}
.hide-tax-name .taxonomy-name-title{
display: none;
}
.layout-meta-top .entry-footer-top{
margin-bottom: 2em;
}
.layout-meta-top .entry-footer-bottom{
margin-top: 0;
}
.layout-side-small .post-thumbnail{
margin-right: 20px;
margin-bottom: 15px;
}
.layout-side-small .post-thumbnail img{
max-width: 100px;
}
.layout-side-small .post-thumbnail ~ *{
overflow: hidden;
}
.layout-side-small .item-content{
padding-top: 0;
}
.layout-cols-excerpt{
text-align: center;
}
.layout-title-only h3{
font-size: inherit;
margin-bottom: 0;
}
.layout-title-only article + article{
margin-top: 0;
}
.layout-title-meta-only h3{
font-size: 1.25em;
margin-bottom: 0;
}
.layout-title-meta-only .entry-footer{
margin-bottom: .5em;
}
.layout-title-meta-only article + article{
margin-top: 4em;
}
.layout-cols .grid-wrapper,
.layout-cols-cat .grid-wrapper{
justify-content: space-between;
}
.layout-cols .grid-wrapper .grid-item article,
.layout-cols-cat .grid-wrapper .grid-item article{
padding: 0;
margin: 0;
}
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail{
border-radius: 5px 5px 0 0;
}
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img{
border-radius: 5px 5px 0 0;
}
@media (min-width: 1520px) {
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .post-thumbnail img{
height: 100%;
min-height: 480px;
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (min-width: 1520px) {
.layout-cols .grid-wrapper .grid-item article .post-thumbnail-wrap .flexslider img,
.layout-cols-cat .grid-wrapper .grid-item article .post-thumbnail-wrap .flexslider img{
height: 100%;
min-height: 480px;
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
}
.layout-cols .grid-wrapper .grid-item article .item-content,
.layout-cols-cat .grid-wrapper .grid-item article .item-content{
position: relative;
padding: 50px;
}
.layout-cols .grid-wrapper .grid-item article .item-content .entry-content,
.layout-cols-cat .grid-wrapper .grid-item article .item-content .entry-content{
margin-top: 20px;
}
.layout-cols .grid-wrapper .grid-item article .item-content h3.entry-title,
.layout-cols-cat .grid-wrapper .grid-item article .item-content h3.entry-title{
font-weight: 500;
font-size: 24px;
line-height: 31px;
margin-bottom: 20px;
}
.layout-cols .grid-wrapper .grid-item article .item-content .entry-footer,
.layout-cols-cat .grid-wrapper .grid-item article .item-content .entry-footer{
margin: 0;
}
.layout-cols .grid-wrapper .grid-item article .item-content .entry-footer .author-avatar,
.layout-cols-cat .grid-wrapper .grid-item article .item-content .entry-footer .author-avatar{
position: absolute;
top: -30px;
left: 50px;
}
.blog .layout-cols .entry-date-wrap,
.archive .layout-cols .entry-date-wrap{
display: block;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: .2em;
line-height: 1;
}
.blog .layout-cols .entry-date-wrap .svg-icon,
.archive .layout-cols .entry-date-wrap .svg-icon{
display: none;
}
.blog .layout-cols .entry-date-wrap a,
.archive .layout-cols .entry-date-wrap a{
color: var(--colorMain);
}
.blog .layout-cols .entry-date-wrap a:hover,
.archive .layout-cols .entry-date-wrap a:hover{
color: var(--colorDarkGrey);
}
.blog .layout-cols .entry-header,
.archive .layout-cols .entry-header{
margin: 0;
}
.blog .layout-cols .entry-header .entry-title,
.archive .layout-cols .entry-header .entry-title{
font-size: 24px;
text-transform: none;
margin-top: 12px;
margin-bottom: 15px;
line-height: 30px;
width: 100%;
}
.blog .layout-cols .entry-content,
.archive .layout-cols .entry-content{
margin: 0;
}
.blog .layout-cols .format-status .entry-date-wrap a:hover,
.archive .layout-cols .format-status .entry-date-wrap a:hover{
color: var(--colorLight);
}
.blog .layout-cols .format-status .entry-footer .icon-inline,
.archive .layout-cols .format-status .entry-footer .icon-inline{
margin: 0;
}
.blog .layout-cols .format-status .item-content,
.archive .layout-cols .format-status .item-content{
margin: 0;
}
.blog .layout-cols .format-chat strong,
.archive .layout-cols .format-chat strong{
width: 100%;
display: block;
}
.blog .layout-cols .format-quote .item-content,
.archive .layout-cols .format-quote .item-content{
position: relative;
}
.blog .layout-cols .format-quote .item-content .entry-avatar,
.archive .layout-cols .format-quote .item-content .entry-avatar{
margin-top: 5px;
}
.blog .layout-cols .format-quote .item-content .entry-avatar img,
.archive .layout-cols .format-quote .item-content .entry-avatar img{
border-width: 4px;
}
.blog .layout-cols .format-quote .item-content blockquote,
.archive .layout-cols .format-quote .item-content blockquote{
margin: 15px 0;
}
.blog .layout-cols .format-quote .item-content blockquote cite,
.archive .layout-cols .format-quote .item-content blockquote cite{
display: none;
}
.blog .layout-cols .format-quote .item-content::before,
.archive .layout-cols .format-quote .item-content::before{
position: absolute;
font-family: "ShonarBangla",sans-serif;
font-weight: bold;
content: "”";
font-size: 100px;
color: var(--colorMain);
bottom: 0;
right: 10px;
}
.blog .layout-cols .format-quote .item-content .icon-inline,
.archive .layout-cols .format-quote .item-content .icon-inline{
margin: 0;
}
@media (min-width: 768px) {
.single .vertical-item.content-padding .item-content{
padding: 66px 64px 65px;
}
}
.single .post-adds{
font-family: var(--fontSecondary);
font-size: 14px;
text-transform: uppercase;
display: flex;
background-color: var(--colorLight);
line-height: 1;
align-items: center;
margin-top: 4px;
margin-bottom: 35px;
}
.single .post-adds .item-likes-count{
font-size: 19px;
}
.single .post-adds .item-views-count{
font-size: 19px;
font-weight: 700;
}
.single .post-adds i{
width: 1em;
}
.single .post-adds a{
display: inline-block;
margin: 0;
}
.single .post-adds .dropdown-menu{
padding: 0;
border: none;
}
.single .post-adds .dropdown-menu.show{
z-index: 2;
border: none;
position: absolute;
right: auto;
left: 0;
top: auto;
bottom: -40px;
left: auto;
min-width: 40px;
width: auto;
-webkit-transform: none;
transform: none;
box-shadow: none;
transition: right .5s;
background-color: #fff;
border: none;
border-radius: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
font-size: inherit;
line-height: 1.5;
margin-top: 0;
z-index: 1001;
}
.single .post-adds .share_buttons{
display: flex;
}
.single .post-adds .share_button{
background-color: var(--colorMain);
color: var(--colorLight);
line-height: 50px;
padding: 0 18px;
}
.single .post-adds .share_button .svg-icon svg{
fill: var(--colorLight);
}
.single .post-adds .like_button{
color: var(--colorMain);
line-height: 50px;
display: inline-block;
padding: 0 18px;
border-right: 1px solid var(--colorBorder);
}
.single .post-adds .item-likes{
padding: 0 21px;
}
.single .post-adds .views-count{
margin-left: auto;
padding: 15px 30px 16px;
background-color: var(--colorMain);
color: var(--colorLight);
}
.single .post-adds .views-count .svg-icon{
display: none;
}
@media (max-width: 576px) {
.single .post-adds{
flex-wrap: wrap;
}
.single .post-adds .share_button{
line-height: 40px;
padding: 0 11px;
}
.single .post-adds .like_button{
line-height: 40px;
padding: 0 11px;
}
.single .post-adds .views-count{
padding: 10px 15px;
}
}
@media (max-width: 576px)and (max-width: 400px) {
.single .post-adds .views-count{
width: 100%;
}
}
.single .entry-content{
margin-top: 0;
}
.single .related-posts .item-content{
bottom: 0;
width: 100%;
padding: 35px 40px;
text-align: left;
}
.single .related-posts .item-content .entry-title a{
width: 100%;
font-size: 20px;
font-weight: 900;
line-height: 1.35;
margin-bottom: 21px;
margin-top: 0;
text-transform: none;
color: var(--colorDark);
}
.single .related-posts .item-content .entry-title a:hover{
color: var(--colorFont);
}
.single .related-posts .item-content .entry-date-wrap{
font-size: 12px;
text-transform: uppercase;
font-weight: 600 !important;
letter-spacing: .2em;
color: var(--colorMain);
}
.single .related-posts .item-content .entry-date-wrap .svg-icon{
display: none;
}
.single .i .related-posts .item-content{
background-color: rgba(0, 0, 0, .2);
}
.single .post-thumbnail-background .container{
margin-top: 8vw;
margin-bottom: 8vw;
}
.single .entry-meta-wrap{
margin-bottom: 40px;
}
@media (min-width: 576px) {
.single .entry-meta-wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.single .entry-meta-wrap .entry-date-wrap{
margin-right: auto;
}
.single .entry-meta-wrap .entry-date-wrap span{
margin: 0;
}
}
.single span[id^=more-]+h3{
margin-top: 0;
}
.single .post-password-form label{
margin: 0;
}
.single .post-password-form [type=submit]{
padding-top: 22px !important;
padding-bottom: 22px !important;
}
.single .format-quote .post-thumbnail{
display: none;
}
figure.wp-block-gallery.has-nested-images{
display: flex;
flex-wrap: wrap;
}
.related-posts{
margin-top: 60px;
overflow: hidden;
display: block;
}
.related-posts h6{
margin-bottom: 0;
}
.related-posts .related-posts-heading{
font-size: 30px;
font-weight: 600;
line-height: 3rem;
margin-bottom: 24px;
}
.author-meta{
margin-top: 60px;
}
@media (max-width: 1199px) {
.author-meta{
margin-top: 50px;
}
}
.author-meta .item-content{
margin: 0 !important;
flex: 3.2 1;
}
.author-meta h5.author-name{
margin-bottom: 0;
}
.author-meta .item-media img{
width: auto;
height: 100%;
min-width: 260px;
-o-object-fit: cover;
object-fit: cover;
}
.author-meta p.author-bio{
margin-bottom: 14px !important;
}
.author-meta .about-author-heading{
font-size: 16px;
line-height: 21px;
margin-bottom: 10px !important;
color: var(--colorMain);
}
@media (max-width: 575px) {
.author-meta{
text-align: center;
}
.author-meta .item-media img{
width: 100%;
height: 100%;
min-width: 100%;
margin: 0 auto;
}
.author-meta .item-content{
padding: 30px !important;
min-width: 0;
}
.author-meta .social-links{
justify-content: center;
}
}
@media (min-width: 576px) {
.author-meta .side-item > *:first-child{
flex: 1.4 1;
}
}
.post-nav{
display: flex;
justify-content: center;
margin: 40px auto 0;
}
.post-nav > div:first-child{
margin-right: 10px;
}
@media screen and (max-width: 575px) {
.post-nav > div:first-child{
margin-right: 0;
margin-bottom: 10px;
}
}
.post-nav > div .post-nav-item{
padding: 28px 30px;
align-items: center;
text-align: center;
justify-content: center;
}
@media (min-width: 1200px) {
.post-nav > div .post-nav-item{
min-height: 160px;
padding: 33px 40px;
}
}
.post-nav > div .post-nav-item:hover .post-nav-title{
opacity: .5;
}
@media (min-width: 768px) {
.post-nav > div .post-nav-item.prev-item{
text-align: left;
align-items: baseline;
justify-content: flex-start;
}
.post-nav > div .post-nav-item.next-item{
text-align: right;
align-items: baseline;
justify-content: flex-end;
}
}
.post-nav > div .post-nav-item.no-image{
color: var(--colorLight);
background: rgba(0, 0, 0, .5);
}
.post-nav > div .post-nav-item::before{
transition: all .5s ease;
}
.post-nav a:hover .post-nav-item .post-nav-word{
color: var(--colorMain);
}
@media screen and (max-width: 767px) {
.post-nav{
flex-wrap: wrap;
margin-top: 60px;
}
}
.post-nav > *{
position: relative;
display: block;
flex: 1 1;
max-width: 50%;
}
@media screen and (max-width: 575px) {
.post-nav > *{
width: 100%;
max-width: none;
flex-basis: auto;
}
}
.post-nav .post-nav-arrow{
display: none;
}
.post-nav .post-nav-word{
color: var(--colorMain);
display: block;
font-size: 13px;
font-weight: 400;
letter-spacing: .2em;
text-transform: uppercase;
transition: all .3s ease-in-out 0s;
}
.post-nav .post-nav-title{
display: block;
font-size: 20px;
font-weight: 500;
line-height: 1.1;
margin-top: 10px;
transition: .3s ease;
word-break: break-word;
}
.post-nav.post-nav-layout-arrow{
margin-top: 30px;
margin-bottom: 60px;
}
.post-nav.post-nav-layout-arrow .post-nav-item{
min-height: 0;
padding: 0;
border-radius: 0;
align-items: center;
position: relative;
}
.post-nav.post-nav-layout-arrow .post-nav-item.prev-item{
text-align: left;
justify-content: flex-start;
margin-left: -5px;
}
.post-nav.post-nav-layout-arrow .post-nav-item.next-item{
text-align: right;
justify-content: flex-end;
margin-right: -5px;
}
.post-nav.post-nav-layout-arrow .post-nav-item .post-nav-arrow{
display: flex;
align-items: center;
margin-right: 0;
left: 0;
right: 0;
}
.post-nav.post-nav-layout-arrow .post-nav-item .post-nav-arrow svg{
width: 16px;
height: 16px;
fill: var(--colorDarkGrey);
transition: all .3s ease-in-out 0s;
}
.post-nav.post-nav-layout-arrow .post-nav-word{
color: var(--colorDarkGrey);
font-size: 16px;
letter-spacing: .2em;
text-indent: .2em;
}
.post-nav.post-nav-layout-arrow a:hover .post-nav-arrow svg{
fill: var(--colorMain);
}
.post-nav .background-cover{
color: #fff;
}
.post-nav-item{
display: flex;
padding: 1em 0;
height: 100%;
align-items: center;
justify-content: flex-end;
}
.post-nav-item.next-item{
justify-content: flex-start;
}
.post-nav-item.bg-item{
padding: 2em 1em;
}
.post-nav-arrow{
margin-right: .6em;
position: relative;
left: -1em;
}
.has-image .post-nav-arrow svg{
fill: #fff;
}
.post-nav-arrow svg{
max-width: none;
max-height: none;
width: 50px;
height: 50px;
}
.next-item .post-nav-arrow{
left: auto;
right: -1em;
margin-right: 0;
}
.post-nav-thumb{
margin-right: 1em;
}
.post-nav-thumb img{
display: block;
max-width: 80px;
}
@media screen and (max-width: 767px) {
.post-nav-thumb img{
max-width: 60px;
}
}
.next-item .post-nav-thumb{
margin-right: 0;
margin-left: 1em;
}
.layout-meta-side .post-thumbnail + .entry-header{
padding-top: 1.25em;
}
.entry-footer-side{
align-items: initial;
}
@media (min-width: 600px) {
.item-content.d-flex{
display: flex;
}
.entry-header + .item-content.d-flex{
padding-top: 0;
}
.item-content.d-flex .entry-content{
width: calc(100% - 12em);
}
.item-content.d-flex .entry-footer-side:empty + .entry-content{
width: 100%;
}
.entry-footer-side{
display: flex;
flex-direction: column;
width: 18em;
padding-right: 2em;
}
.entry-footer-side .comments-link{
float: none;
order: 2;
margin-left: 0;
}
.entry-footer-side > span{
margin: .25em 0;
}
}
.layout-default .meta-cat{
margin-top: .8em;
}
.meta-date{
font-size: 16px;
}
.meta-date .svg-icon svg{
fill: gray;
fill: var(--colorFont);
}
.meta-date a{
color: var(--colorFont);
}
.meta-date a:hover{
color: var(--colorMain);
}
.meta-cat .svg-icon{
display: none;
}
.meta-cat a{
display: inline-block;
padding: .9em 1.8em;
border-radius: 5px;
line-height: 1;
border: 1px solid var(--colorMain);
background-color: var(--colorMain);
color: var(--colorLight);
font-size: 14px;
}
.meta-cat a:hover{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorFont);
color: var(--colorFont);
}
.meta-tags .svg-icon{
display: none;
}
.meta-tags .entry-tags-wrap{
align-items: flex-end;
}
.meta-tags a{
border: 1px solid var(--colorMain);
color: var(--colorMain);
padding: 2px 15px;
margin: 0 5px 4px 0;
border-radius: 3px;
text-align: center;
display: inline-block;
font-size: 14px !important;
}
.meta-tags a:hover{
border-color: var(--colorDarkGrey);
color: var(--colorDarkGrey);
}
.i .meta-tags a:hover{
border-color: var(--colorLight);
color: var(--colorLight);
}
.item-content{
padding: 30px 20px;
}
.post-without-padding .item-content{
padding: 0;
}
.content-padding .item-content{
padding: 16px;
}
@media (min-width: 620px) {
.content-padding .item-content{
padding: 55px 65px 56px;
}
}
.item-content .more-tag{
margin-top: 15px;
display: block;
}
.item-content.bg-lightgrey{
background-color: var(--colorBackground);
}
.i .item-content.bg-lightgrey{
background-color: var(--colorDarkGrey);
}
.item-content .share_buttons .svg-icon svg{
fill: var(--colorMain);
}
.entry-header{
margin-bottom: 25px;
}
.entry-header:last-child{
margin-bottom: 0;
}
.entry-header + .vertical-item{
margin-top: 30px;
}
@media (min-width: 1200px) {
.entry-header + .vertical-item{
margin-top: 60px;
}
}
.entry-header .small-text:last-child{
display: block;
}
.entry-header h1.entry-title + hr,
.entry-header h3.entry-title + hr{
margin-top: -11px;
margin-bottom: 9px;
}
.entry-header h1.entry-title.small + hr,
.entry-header h3.entry-title.small + hr{
margin-top: 0;
}
.entry-header .small-text:first-child:not(.entry-meta){
line-height: 1;
display: block;
}
.entry-title{
line-height: 1em;
margin-bottom: .6em;
text-transform: uppercase;
}
h3.entry-title{
font-size: 30px;
margin-bottom: 25px;
}
h3.entry-title.small{
font-size: 20px;
}
@media (min-width: 992px) {
h3.entry-title.big{
font-size: 36px;
}
.side-item h3.entry-title.big{
font-size: 30px;
}
}
.layout-default .item-content{
position: relative;
}
.layout-default .item-content .author-avatar{
position: absolute;
top: -56px;
left: 16px;
}
@media (min-width: 620px) {
.layout-default .item-content .author-avatar{
top: -30px;
left: 65px;
}
}
.layout-default .item-content .author-avatar::before{
display: none;
}
.post-block{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-radius: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0);
padding: 30px;
transition: all .3s ease-in-out;
}
.post-block .post-thumbnail{
border-radius: 5px;
overflow: hidden;
}
.footer-btn a{
font-size: 16px;
font-weight: 600;
}
.footer-btn a::after{
content: "";
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 900;
font-size: 12px;
margin-left: 10px;
margin-bottom: 2px;
}
.entry-view-wrap span:last-child{
margin-left: 5px;
}
.post .gallery{
margin: 0 -7px;
}
.post .gallery .gallery-item{
text-align: center;
padding: 0 7px;
}
.post .gallery .gallery-item a img{
width: 100%;
}
.post .meta-date{
margin-top: -5px;
}
.comment-form{
margin-bottom: 3em;
}
.comment-form .comment-notes{
order: -1;
}
.comment-form .comment-form-rating{
order: 3;
display: flex;
}
.comment-form .comment-form-rating .select-wrap{
margin-left: 20px;
}
.comment-form .comment-form-rating .select-wrap:before{
display: none;
}
.comment-form .form-submit{
order: 4;
}
.comment-form .comment-form-comment textarea{
min-height: 120px;
}
.comment-form p{
margin-bottom: 1.5em !important;
}
.layout-search .search-form{
background-color: var(--colorMain);
padding: 50px;
border-radius: 0;
}
@media (max-width: 767px) {
.layout-search .search-form{
padding: 30px;
}
}
.layout-search .search-form button.search-submit,
.layout-search .search-form button.search-submit:hover{
right: 50px;
top: calc(50% - 30px);
}
@media (max-width: 767px) {
.layout-search .search-form button.search-submit,
.layout-search .search-form button.search-submit:hover{
right: 30px;
}
}
.layout-search > article,
.layout-search > div{
margin-top: 0;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.layout-search > article,
.layout-search > div{
margin-bottom: 30px;
}
}
.layout-search > article:last-child,
.layout-search > div:last-child{
margin-bottom: 0;
}
.layout-search > article ul.products.search-results li.product,
.layout-search > article ul.products.search-results li.product,
.layout-search > div ul.products.search-results li.product,
.layout-search > div ul.products.search-results li.product{
margin-bottom: 0;
}
.layout-search article + article{
margin-top: 0;
}
.layout-search article{
background-color: var(--colorBackground);
padding: 50px 80px;
border-radius: 0;
}
@media (max-width: 550px) {
.layout-search article{
padding: 30px;
}
}
@media (min-width: 600px) {
.woo .layout-search .products.search-results .product-loop-item .product-thumbnail-wrap{
min-width: 40%;
}
}
.woo .layout-search .products.search-results .product-loop-item .product-thumbnail-wrap a{
height: 100%;
}
.woo .layout-search .products.search-results .product-loop-item .product-thumbnail-wrap a img{
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.format-gallery .flex-control-nav{
display: none;
}
.format-gallery .post-thumbnail a .flex-direction-nav a{
background-color: var(--colorLight);
}
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-disabled{
opacity: 0;
visibility: hidden;
}
.format-gallery .post-thumbnail a .flex-direction-nav a::before{
color: var(--colorDark);
background-color: rgba(0, 0, 0, 0);
opacity: 1;
transition: all .3s ease-in-out 0s;
}
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-prev,
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-next{
top: 0;
transition: all .6s ease 0s;
}
@media (max-width: 1199px) {
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-prev,
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-next{
opacity: 1;
top: 50%;
}
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-prev:hover::before,
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-prev:focus::before,
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-prev:active::before,
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-next:hover::before,
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-next:focus::before,
.format-gallery .post-thumbnail a .flex-direction-nav a.flex-next:active::before{
color: var(--colorMain);
}
}
.format-gallery .post-thumbnail a:hover .flex-direction-nav a.flex-prev,
.format-gallery .post-thumbnail a:hover .flex-direction-nav a.flex-next{
opacity: 1;
top: 50%;
}
.format-gallery .post-thumbnail a:hover .flex-direction-nav a.flex-prev:hover::before,
.format-gallery .post-thumbnail a:hover .flex-direction-nav a.flex-next:hover::before{
color: var(--colorMain);
}
.blog .format-status,
.archive .format-status,
.blog .format-quote,
.archive .format-quote{
position: relative;
}
.blog .format-status::after,
.archive .format-status::after,
.blog .format-quote::after,
.archive .format-quote::after{
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .5);
}
.blog .format-status .item-content,
.archive .format-status .item-content,
.blog .format-quote .item-content,
.archive .format-quote .item-content{
background-color: rgba(0, 0, 0, 0);
width: 100%;
}
.entry-date-wrap.with-entry-categories-wrap{
display: flex;
flex-wrap: wrap;
}
.entry-date-wrap.with-entry-categories-wrap span:first-child{
margin-right: 20px;
}
@media (min-width: 500px) {
.entry-date-wrap.with-entry-categories-wrap span:first-child{
margin-right: auto;
}
}
.blog .format-status .post-thumbnail-wrap,
.archive .format-status .post-thumbnail-wrap{
display: none;
}
.blog .format-status .item-content,
.archive .format-status .item-content{
position: relative;
padding: 35px;
z-index: 2;
}
@media (min-width: 620px) {
.blog .format-status .item-content,
.archive .format-status .item-content{
padding: 61px;
}
}
.blog .format-status .item-content .svg-icon,
.archive .format-status .item-content .svg-icon{
display: none;
}
.blog .format-status .item-content .entry-avatar,
.archive .format-status .item-content .entry-avatar{
margin-bottom: 32px;
}
.blog .format-status .item-content .entry-avatar img,
.archive .format-status .item-content .entry-avatar img{
display: block;
margin: 0 auto;
border-radius: 50%;
}
.blog .format-status .item-content .entry-avatar > div,
.archive .format-status .item-content .entry-avatar > div{
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 10px;
}
.blog .format-status .item-content .entry-categories-wrap,
.archive .format-status .item-content .entry-categories-wrap{
margin-bottom: 20px;
}
.blog .format-status .item-content .entry-categories-wrap a,
.archive .format-status .item-content .entry-categories-wrap a{
font-size: 13px;
text-transform: uppercase;
color: var(--colorMain);
}
.blog .format-status .item-content .entry-categories-wrap a:hover,
.blog .format-status .item-content .entry-categories-wrap a:focus,
.blog .format-status .item-content .entry-categories-wrap a:active,
.archive .format-status .item-content .entry-categories-wrap a:hover,
.archive .format-status .item-content .entry-categories-wrap a:focus,
.archive .format-status .item-content .entry-categories-wrap a:active{
color: var(--colorLight);
}
.blog .format-status .item-content .entry-meta,
.archive .format-status .item-content .entry-meta{
font-size: 13px;
text-transform: uppercase;
margin-bottom: 12px;
}
.blog .format-status .item-content .entry-meta > span,
.archive .format-status .item-content .entry-meta > span{
margin: 0 5px;
}
.blog .format-status .item-content h3.entry-title,
.blog .format-status .item-content h3.entry-title:last-child,
.archive .format-status .item-content h3.entry-title,
.archive .format-status .item-content h3.entry-title:last-child{
margin: 0;
}
.single-post .blog .format-status .item-content,
.single-post .archive .format-status .item-content{
color: var(--colorFont);
}
.single-post .blog .format-status .item-content .entry-content,
.single-post .archive .format-status .item-content .entry-content{
color: var(--colorFont);
}
.single-post .blog .format-status .item-content .entry-date a,
.single-post .archive .format-status .item-content .entry-date a{
color: var(--colorDarkGrey);
}
.single-post .blog .format-status .item-content .entry-author-wrap a:hover,
.single-post .archive .format-status .item-content .entry-author-wrap a:hover{
color: var(--colorDarkGrey);
}
.blog .format-quote,
.archive .format-quote,
.search .format-quote{
background-color: var(--colorDark);
}
.blog .format-quote .post-thumbnail-wrap,
.blog .format-quote .post-thumbnail,
.archive .format-quote .post-thumbnail-wrap,
.archive .format-quote .post-thumbnail,
.search .format-quote .post-thumbnail-wrap,
.search .format-quote .post-thumbnail{
display: none;
}
.blog .format-quote .item-content,
.archive .format-quote .item-content,
.search .format-quote .item-content{
position: relative;
padding: 35px;
z-index: 2;
}
@media (min-width: 620px) {
.blog .format-quote .item-content,
.archive .format-quote .item-content,
.search .format-quote .item-content{
padding: 61px;
}
}
.blog .format-quote .item-content .entry-avatar,
.archive .format-quote .item-content .entry-avatar,
.search .format-quote .item-content .entry-avatar{
margin-top: 20px;
}
.blog .format-quote .item-content .entry-avatar img,
.archive .format-quote .item-content .entry-avatar img,
.search .format-quote .item-content .entry-avatar img{
border: 10px solid rgba(255, 255, 255, .1);
border-radius: 50%;
}
.blog .format-quote .item-content blockquote,
.archive .format-quote .item-content blockquote,
.search .format-quote .item-content blockquote{
text-align: center;
border: 0;
font-family: var(--fontSecondary);
font-size: 29px;
font-weight: 600;
font-style: italic;
line-height: 1.2;
color: var(--colorLight);
padding-left: 0;
margin-top: 24px;
margin-left: 24px;
margin-right: 24px;
margin-bottom: 0;
}
.blog .format-quote .item-content blockquote cite,
.archive .format-quote .item-content blockquote cite,
.search .format-quote .item-content blockquote cite{
margin-top: 29px;
display: block;
width: 100%;
font-family: var(--fontBody);
font-size: 20px;
font-weight: 400;
font-style: normal;
line-height: 1.1;
}
.blog .format-quote .entry-footer,
.archive .format-quote .entry-footer,
.search .format-quote .entry-footer{
margin-top: 25px;
}
.format-chat .entry-content p{
margin: 0;
}
.format-chat .entry-content p:nth-child(2n){
background-color: var(--colorBackground);
padding: 16px;
}
.format-gallery .flexslider li{
height: 100%;
min-height: 100%;
}
.format-gallery .flexslider li img{
-o-object-fit: cover;
object-fit: cover;
}
.format-link .entry-footer .author-avatar img,
.format-aside .entry-footer .author-avatar img{
display: block;
}
.post-content-2{
padding: 20px;
}
@media (min-width: 1200px) {
.post-content-2{
padding: 50px;
}
}
.post-content-2 .entry-meta.post-meta .icon-inline .svg-icon{
display: none;
}
.post-content-2.has-post-thumbnail img{
opacity: 1 !important;
}
.post-content-2.has-post-thumbnail .item-content{
margin-top: 30px;
}
@media (min-width: 1200px) {
.post-content-2.has-post-thumbnail .item-content{
margin-top: 37px;
}
}
.post-content-2.has-post-thumbnail .item-content .entry-categories-wrap{
position: absolute;
top: 40px;
left: 40px;
z-index: 10;
}
@media (min-width: 1200px) {
.post-content-2.has-post-thumbnail .item-content .entry-categories-wrap{
top: 80px;
left: 80px;
}
}
.post-content-2 .item-content .entry-categories-wrap .svg-icon{
display: none;
}
.post-content-2 .item-content .entry-categories-wrap a{
display: inline-block;
font-size: 14px;
color: var(--colorLight);
font-weight: 300;
text-transform: unset;
background-color: var(--colorMain);
padding: 8px 20px 7px;
margin-right: 10px;
margin-bottom: 10px;
}
.post-content-2 .item-content .entry-categories-wrap a:hover{
background-color: var(--colorDarkGrey);
}
.post-content-2 .item-content .entry-meta.post-meta{
width: 100%;
margin-bottom: 0;
}
.post-content-2 .item-content .entry-meta.post-meta + .entry-header .entry-title{
margin-top: 7px;
}
@media (min-width: 1200px) {
.post-content-2 .item-content .entry-meta.post-meta + .entry-header .entry-title{
margin-top: 23px;
}
}
.post-content-2 .item-content .entry-meta.post-meta > span{
font-size: 16px;
text-transform: unset;
margin-right: 0;
}
.post-content-2 .item-content .entry-meta.post-meta > span:first-child:before{
display: none;
}
.post-content-2 .item-content .entry-meta.post-meta > span:before{
content: "";
display: inline-block;
width: 5px;
height: 5px;
background-color: var(--colorMain);
border-radius: 50%;
margin: 0 5px;
}
@media (min-width: 1200px) {
.post-content-2 .item-content .entry-meta.post-meta > span:before{
margin: 0 15px;
}
}
.post-content-2 .item-content .entry-meta.post-meta a{
color: var(--colorFont);
}
.post-content-2 .item-content .entry-meta.post-meta a:hover{
color: var(--colorMain);
}
.post-content-2 .item-content .entry-title{
font-size: 20px !important;
font-weight: 400;
margin-bottom: 20px;
}
@media (min-width: 1200px) {
.post-content-2 .item-content .entry-title{
font-size: 32px !important;
margin-bottom: 31px;
}
}
.post-content-2 .item-content .more-tag{
margin-top: 39px;
}
.post-content-2 .item-content .more-tag .more-link{
color: var(--fontColor);
display: inline-block;
font-family: var(--fontSecondary);
font-size: 16px;
font-weight: 400;
line-height: 24px;
position: relative;
text-transform: none;
padding: 0;
border: 0;
background-color: rgba(0, 0, 0, 0);
z-index: 1;
}
.post-content-2 .item-content .more-tag .more-link::before{
background-color: var(--colorMain2);
bottom: 4px;
content: "";
height: 5px;
left: -5px;
position: absolute;
transition: all .3s linear;
width: 15px;
z-index: -1;
}
.post-content-2 .item-content .more-tag .more-link:hover::before{
transition: width .6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
width: calc(100% + 10px);
}
.post-content-2 .svg-icon.icon-video svg{
display: none;
}
.post-content-2 .svg-icon.icon-video::before{
content: "";
display: block;
-webkit-mask: url(//pflegeberatung-hessen.de/wp-content/themes/psycheco/assets/img/youtube.svg) no-repeat center/contain;
background-color: #fc0006;
width: 50px;
height: 36px;
}
.post-content-2 .flexslider .flex-direction-nav{
display: none;
}
.post-content-2 .flexslider .flex-control-nav{
display: block;
bottom: 10px;
}
@media (min-width: 1200px) {
.post-content-2 .flexslider .flex-control-nav{
bottom: 40px;
}
}
.post-content-2 .flexslider .flex-control-nav li{
margin: 0;
}
.post-content-2 .flexslider .flex-control-nav li a{
border: 0;
width: 30px;
height: 30px;
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
}
.post-content-2 .flexslider .flex-control-nav li a::after{
content: " ";
position: absolute;
top: 50%;
margin-top: -1px;
bottom: 0;
height: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background-color: #fff;
opacity: .4;
box-shadow: none;
transition: height .3s ease;
}
.post-content-2 .flexslider .flex-control-nav li a:hover::after,
.post-content-2 .flexslider .flex-control-nav li a.flex-active::after{
background-color: var(--colorMain2);
opacity: 1;
}
.required{
color: #31b3b3;
color: var(--colorMain);
}
.single-post * + .comments-area,
.singular * + .comments-area{
padding-left: 15px;
padding-right: 15px;
margin-top: 60px;
}
.single-post * + .comments-area.hero-bg .comment-form textarea,
.single-post * + .comments-area.hero-bg .comment-form input,
.singular * + .comments-area.hero-bg .comment-form textarea,
.singular * + .comments-area.hero-bg .comment-form input{
background-color: var(--colorBackground);
border-color: #b4b4b4;
}
.single-post .comments-area.with-padding,
.singular .comments-area.with-padding{
padding: 16px;
}
@media (min-width: 768px) {
.single-post .comments-area.with-padding,
.singular .comments-area.with-padding{
padding: 50px 65px 65px;
}
}
.single-post .comments-area.alignfull,
.singular .comments-area.alignfull{
margin-top: 0;
background: var(--colorGrey);
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
left: 0;
right: 0;
max-width: 100vw;
}
.single-post .comments-area.alignfull .comments-wrap,
.singular .comments-area.alignfull .comments-wrap{
max-width: 770px;
margin: auto;
}
.single-post .comments-area.alignfull .comments-wrap .comment-respond,
.singular .comments-area.alignfull .comments-wrap .comment-respond{
padding: 80px;
background-color: var(--colorLight);
}
@media (max-width: 1199px) {
.single-post .comments-area.alignfull .comments-wrap .comment-respond,
.singular .comments-area.alignfull .comments-wrap .comment-respond{
padding: 60px;
}
}
@media (max-width: 575px) {
.single-post .comments-area.alignfull .comments-wrap .comment-respond,
.singular .comments-area.alignfull .comments-wrap .comment-respond{
padding: 30px;
}
}
.container.pb-0 .single-post .comments-area.alignfull,
.container.pb-0 .singular .comments-area.alignfull{
margin-bottom: -0em;
}
.container.pb-1 .single-post .comments-area.alignfull,
.container.pb-1 .singular .comments-area.alignfull{
margin-bottom: -1em;
}
.container.pb-2 .single-post .comments-area.alignfull,
.container.pb-2 .singular .comments-area.alignfull{
margin-bottom: -2em;
}
.container.pb-3 .single-post .comments-area.alignfull,
.container.pb-3 .singular .comments-area.alignfull{
margin-bottom: -3em;
}
.container.pb-4 .single-post .comments-area.alignfull,
.container.pb-4 .singular .comments-area.alignfull{
margin-bottom: -4em;
}
.container.pb-5 .single-post .comments-area.alignfull,
.container.pb-5 .singular .comments-area.alignfull{
margin-bottom: -5em;
}
.container.pb-6 .single-post .comments-area.alignfull,
.container.pb-6 .singular .comments-area.alignfull{
margin-bottom: -6em;
}
.container.pb-7 .single-post .comments-area.alignfull,
.container.pb-7 .singular .comments-area.alignfull{
margin-bottom: -7em;
}
.container.pb-8 .single-post .comments-area.alignfull,
.container.pb-8 .singular .comments-area.alignfull{
margin-bottom: -8em;
}
.container.pb-9 .single-post .comments-area.alignfull,
.container.pb-9 .singular .comments-area.alignfull{
margin-bottom: -9em;
}
.container.pb-10 .single-post .comments-area.alignfull,
.container.pb-10 .singular .comments-area.alignfull{
margin-bottom: -10em;
}
.single-post .comments-area .comment-respond h3.comment-reply-title small,
.singular .comments-area .comment-respond h3.comment-reply-title small{
margin-left: 10px;
}
.single-post .comments-area .comment-respond form.comment-form p,
.singular .comments-area .comment-respond form.comment-form p{
width: 100%;
padding-left: 0;
padding-right: 0;
position: relative;
}
.single-post .comments-area .comment-respond form.comment-form p.comment-form-comment textarea,
.singular .comments-area .comment-respond form.comment-form p.comment-form-comment textarea{
min-height: 150px;
}
.single-post .comments-area .comment-respond form.comment-form p.form-submit,
.singular .comments-area .comment-respond form.comment-form p.form-submit{
margin-top: 20px;
margin-bottom: 0 !important;
text-align: center;
}
.single-post .comments-area .comment-respond form.comment-form p.form-submit input[type=submit],
.singular .comments-area .comment-respond form.comment-form p.form-submit input[type=submit]{
padding: 16px 23px !important;
}
.single-post .comments-area .comment-respond form.comment-form p i,
.singular .comments-area .comment-respond form.comment-form p i{
position: absolute;
top: 19px;
left: auto;
right: 23px;
color: var(--colorMain);
font-size: 14px;
}
.single-post .comments-area .comment-respond form.comment-form p label+[class*=fa-],
.singular .comments-area .comment-respond form.comment-form p label+[class*=fa-]{
position: absolute;
font-size: 16px;
width: 1em;
text-align: center;
}
.single-post .comments-area .comment-respond form.comment-form .comment-form-cookies-consent,
.singular .comments-area .comment-respond form.comment-form .comment-form-cookies-consent{
margin-top: 10px;
margin-bottom: 8px !important;
justify-content: center;
}
@media (min-width: 768px) {
.single-post .comments-area .comment-respond form.comment-form .comment-form-author,
.single-post .comments-area .comment-respond form.comment-form .comment-form-email,
.singular .comments-area .comment-respond form.comment-form .comment-form-author,
.singular .comments-area .comment-respond form.comment-form .comment-form-email{
width: 50%;
}
.single-post .comments-area .comment-respond form.comment-form .comment-form-author,
.singular .comments-area .comment-respond form.comment-form .comment-form-author{
padding-right: 10px;
}
.single-post .comments-area .comment-respond form.comment-form .comment-form-email,
.singular .comments-area .comment-respond form.comment-form .comment-form-email{
padding-left: 10px;
}
}
.comments-title{
display: block;
font-size: 30px;
font-weight: 600;
line-height: 3rem;
color: var(--colorDarkGrey);
margin-bottom: 75px;
}
.comment-list{
padding: 0;
margin-bottom: 0;
}
.comment-list > li.comment:first-child{
margin-top: 0;
}
ol.children{
margin-top: 43px;
padding-left: 75px;
}
@media (max-width: 575px) {
ol.children{
padding-left: 10px;
}
}
.comment,
.pingback,
.trackback{
list-style: none;
margin-bottom: 1em;
}
.pingback + .comment,
.trackback + .comment{
margin-top: 2em;
}
.comment{
position: relative;
min-height: 80px;
}
@media (min-width: 1200px) {
.comment{
min-height: 90px;
}
}
.comment + .comment{
margin-top: 45px;
}
.comment:last-child{
margin-bottom: 0;
}
.comment:last-child p{
margin-bottom: 0;
}
#comments + .comment-respond,
.comment-list + .comment-respond,
.comment + .comment-respond{
margin-top: 58px;
}
@media (max-width: 767px) {
#comments + .comment-respond,
.comment-list + .comment-respond,
.comment + .comment-respond{
margin-top: 38px;
}
}
.comment-meta{
position: relative;
margin-left: 120px;
min-height: 30px;
color: gray;
color: var(--colorFont);
margin-bottom: 12px;
}
.comment-meta .says{
display: none;
}
.comment-author{
line-height: 24px;
display: block;
font-size: 19px;
font-weight: 600;
}
.comment-author img{
background-color: var(--colorBackground);
position: absolute;
left: -120px;
top: 0;
border-radius: 50%;
margin: 0;
top: -14px;
}
@media (max-width: 575px) {
.comment-author img{
width: 60px;
height: 60px;
}
}
.comment-metadata a{
color: var(--colorMain3);
font-size: 12px;
font-weight: 600;
letter-spacing: .2em;
text-transform: uppercase;
}
.comment-content{
margin-left: 120px;
margin-bottom: 20px;
color: var(--colorFont);
}
@media (max-width: 575px) {
.comment-content{
margin-left: 0;
}
}
.comment-body{
position: relative;
}
.comment-body .edit-link:before{
content: " | ";
}
.reply{
font-size: 0;
float: right;
position: absolute;
top: 9px;
right: 0;
}
.reply .svg-icon{
font-size: 16px;
}
#reply-title{
font-size: 30px;
font-weight: 600;
line-height: 3rem;
color: var(--colorDark);
margin-bottom: 24px;
}
#reply-title a{
color: #323232;
color: var(--colorDark);
}
.comment-form{
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.comment-form p{
width: 100%;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.comment-form p.comment-form-author{
width: 50%;
padding-right: 5px;
}
.comment-form p.comment-form-email{
width: 50%;
padding-left: 5px;
}
}
.comment-form .form-submit{
margin-bottom: 0;
}
.comment-form .logged-in-as,
.comment-form .comment-notes{
font-size: .92em;
margin-bottom: .5em;
color: var(--colorFontMuted);
}
.comment-form .comment-form-cookies-consent{
font-size: 12px;
font-weight: 700;
letter-spacing: .05em;
line-height: 1.25em;
text-transform: uppercase;
}
.comment-form .comment-form-cookies-consent label{
display: inline !important;
}
.comment-form textarea,
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url]{
width: 100%;
}
li .comment-respond{
margin-top: 1em;
}
.wp-block-latest-comments__comment-date{
color: var(--colorDark);
font-size: 14px;
}
.i .wp-block-latest-comments__comment-date{
color: var(--colorLight);
}
ol.comment-list .comment-meta .comment-author{
color: var(--colorDarkGrey);
}
ol.comment-list .comment-meta .comment-author img{
border-radius: 50%;
}
@media (max-width: 575px) {
ol.comment-list .comment-meta{
margin-left: 0;
padding-right: 0;
justify-content: center;
}
ol.comment-list .comment-meta .comment-author img{
position: relative;
display: block;
top: 0;
left: 0;
margin-bottom: 10px;
}
}
ol.comment-list .comment-content p{
margin: 0 !important;
}
.widget .widget-title,
.widget .wp-block-heading{
font-size: 21px;
margin-bottom: 23px;
font-weight: 600;
position: relative;
line-height: 1;
}
.widget > ul,
.widget > ul ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.widget ul:last-child,
.widget ol:last-child{
margin-bottom: 0;
}
.widget select{
display: block;
width: 100%;
}
.widget ul.children{
margin: 0;
padding: 0 !important;
}
.widget ul.children li{
padding-left: 20px;
}
.widget ul.children li:last-child{
border-bottom: none !important;
}
.footer-widgets .widget{
margin-bottom: 0;
}
.footer-widgets .widget ul{
line-height: 1;
}
aside .widget h3,
aside .widget .widget-title{
display: block;
margin-top: 0;
}
.widget_search .widget-title + form,
.widget_categories .widget-title + form{
margin-top: 1.15em;
}
.widget_archive select{
margin-top: 1.65em;
}
.widget_tag_cloud.special,
.wp-block-tag-cloud.special{
background-color: var(--colorBackground);
padding: 20px;
}
@media (min-width: 768px) {
.widget_tag_cloud.special,
.wp-block-tag-cloud.special{
padding: 35px 40px 40px 40px;
}
}
.widget_tag_cloud.special .widget-title,
.wp-block-tag-cloud.special .widget-title{
margin-top: 0;
}
.widget_tag_cloud.special a,
.wp-block-tag-cloud.special a{
background-color: var(--colorLight);
font-weight: bold;
}
.widget_tag_cloud .tagcloud,
.wp-block-tag-cloud .tagcloud{
margin-top: -12px;
margin-bottom: -12px;
}
.widget_tag_cloud a,
.wp-block-tag-cloud a{
background-color: var(--colorBackground);
border: 0;
border-radius: 0;
color: var(--colorDark);
padding: 6px 20px 6px;
margin: 0 4px 10px 0;
font-size: 12px !important;
text-transform: uppercase;
letter-spacing: .2em;
text-indent: .2em;
text-align: left;
font-weight: bold;
display: inline-block;
}
.with_background .wp-block-tag-cloud a{
background-color: var(--colorLight);
}
.widget_tag_cloud a:hover,
.wp-block-tag-cloud a:hover{
background-color: var(--colorMain);
border-color: var(--colorMain);
color: var(--colorLight);
}
.i .widget_tag_cloud a:hover,
.i .wp-block-tag-cloud a:hover{
background-color: var(--colorMain);
border-color: var(--colorMain);
color: var(--colorLight);
}
.widget_text ul{
padding-left: 10px;
}
.widget_text.special{
background-color: var(--colorBackground);
padding: 30px;
}
@media (min-width: 768px) {
.widget_text.special{
padding: 35px 40px 35px 40px;
}
}
.widget_text.special .widget-title{
margin-top: 0;
margin-bottom: 12px;
}
.widget_rss li + li{
margin-top: 1em;
}
.widget_rss .rsswidget{
font-weight: 700;
}
.widget_rss .rss-date{
display: block;
font-size: 14px;
margin-bottom: .5em;
}
.widget_mc4wp_form_widget .mc4wp-form-fields{
position: relative;
}
.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner{
position: relative;
}
.widget_mc4wp_form_widget .mc4wp-form-fields p:last-child{
margin-bottom: 0;
}
.widget_mc4wp_form_widget .mc4wp-form-fields p label{
display: none;
}
.widget_mc4wp_form_widget input{
padding-right: 60px;
}
.widget_mc4wp_form_widget .mc4wp-form-fields button{
position: absolute;
padding: 0;
margin: 0;
top: 0;
right: 0;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
box-shadow: none;
background-color: var(--colorMain);
border: none;
}
.widget_mc4wp_form_widget .mc4wp-form-fields button::before{
font-size: 20px;
content: "";
font-family: "FontAwesome";
color: var(--colorLight);
transition: all .4s linear 0s;
}
.widget_mc4wp_form_widget .mc4wp-form-fields button:hover::before{
opacity: .5;
}
.widget_mc4wp_form_widget .mc4wp-form-fields button + p{
margin-top: 13px;
}
.widget_mc4wp_form_widget .wp-block-search .wp-block-search__button{
position: absolute;
right: 0;
font-size: 0;
padding: 0 !important;
background-color: rgba(0, 0, 0, 0);
height: 100%;
width: 60px;
}
.widget_block h5{
line-height: 1.3;
}
.wp-block-categories-list li > *{
padding: 20px 0;
}
#sb_instagram .sbi_photo_wrap a{
border-radius: 3px;
}
#sb_instagram #sbi_images{
margin-left: -2px;
margin-right: -2px;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap{
padding: 2px;
}
.feature-list{
list-style: none;
padding: 0;
}
.feature-list li > span:first-child{
min-width: 120px;
font-weight: 500;
display: inline-block;
}
.feature-list li + li{
margin-top: 10px;
}
.xs_social_counter_widget .xs_counter_url.wslu-counter-line-shaped{
width: 100%;
}
.xs_social_counter_widget .xs_counter_url.wslu-counter-line-shaped li .xs-social-icon{
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
margin: 0;
border-right: 1px solid #fff;
}
.xs_social_counter_widget .xs_counter_url.wslu-counter-line-shaped li .met-social{
font-size: 16px;
}
.xs_social_counter_widget .xs_counter_url.wslu-counter-line-shaped li{
border: 0;
margin-bottom: 8px !important;
transition: all .15s linear 0s;
}
.xs_social_counter_widget .xs_counter_url.wslu-counter-line-shaped li a{
padding: 0 !important;
height: 60px;
}
.xs_social_counter_widget .xs_counter_url.wslu-counter-line-shaped li:hover{
opacity: .8;
}
.xs_social_counter_widget .xs_counter_url.wslu-counter-line-shaped li .xs-social-follower{
margin: 0 5px 0 30px;
}
.widget_media_gallery .gallery{
margin-left: -5px;
margin-right: -5px;
}
.widget_media_gallery .gallery-item{
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
.widget_media_gallery .gallery-item a{
position: relative;
}
.widget_media_gallery .gallery-item a::before{
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
visibility: hidden;
background-color: #000;
transition: all .2s linear;
}
.widget_media_gallery .gallery-item a::after{
content: "";
font-family: "FontAwesome";
font-size: 15px;
line-height: 46px;
text-align: center;
display: block;
position: absolute;
width: 46px;
height: 46px;
top: 50%;
left: 50%;
margin-left: -23px;
margin-top: -23px;
z-index: 1;
opacity: 0;
visibility: hidden;
border-radius: 50%;
background-color: var(--colorMain);
color: var(--colorLight);
-webkit-transform: rotate(180deg) scale(1.3);
transform: rotate(180deg) scale(1.3);
transition: all .2s linear;
}
.widget_media_gallery .gallery-item a:hover::before{
opacity: .3;
visibility: visible;
}
.widget_media_gallery .gallery-item a:hover::after{
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: .8;
visibility: visible;
}
.widget_media_gallery .gallery-item a img{
display: block;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
button.gbtn{
padding: 0;
}
.wp-block-latest-posts ul ul,
.wp-block-latest-comments:not(.has-avatars) ul ul,
.wp-block-categories-list ul ul,
.wp-block-archives-list ul ul,
.widget_archive ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_recent_entries ul ul,
.widget_recent_comments ul ul,
.widget_product_categories ul ul,
.widget_layered_nav ul ul,
.woocommerce-MyAccount-navigation ul ul{
padding-left: 1em;
}
.wp-block-latest-posts ul ul li:last-child,
.wp-block-latest-comments:not(.has-avatars) ul ul li:last-child,
.wp-block-categories-list ul ul li:last-child,
.wp-block-archives-list ul ul li:last-child,
.widget_archive ul ul li:last-child,
.widget_categories ul ul li:last-child,
.widget_pages ul ul li:last-child,
.widget_meta ul ul li:last-child,
.widget_nav_menu ul ul li:last-child,
.widget_recent_entries ul ul li:last-child,
.widget_recent_comments ul ul li:last-child,
.widget_product_categories ul ul li:last-child,
.widget_layered_nav ul ul li:last-child,
.woocommerce-MyAccount-navigation ul ul li:last-child{
border-bottom: none;
}
.wp-block-latest-posts ul ul li,
.wp-block-latest-comments:not(.has-avatars) ul ul li,
.wp-block-categories-list ul ul li,
.wp-block-archives-list ul ul li,
.widget_archive ul ul li,
.widget_categories ul ul li,
.widget_pages ul ul li,
.widget_meta ul ul li,
.widget_nav_menu ul ul li,
.widget_recent_entries ul ul li,
.widget_recent_comments ul ul li,
.widget_product_categories ul ul li,
.widget_layered_nav ul ul li,
.woocommerce-MyAccount-navigation ul ul li{
padding-left: 20px !important;
}
.wp-block-latest-posts ul ul li::before,
.wp-block-latest-comments:not(.has-avatars) ul ul li::before,
.wp-block-categories-list ul ul li::before,
.wp-block-archives-list ul ul li::before,
.widget_archive ul ul li::before,
.widget_categories ul ul li::before,
.widget_pages ul ul li::before,
.widget_meta ul ul li::before,
.widget_nav_menu ul ul li::before,
.widget_recent_entries ul ul li::before,
.widget_recent_comments ul ul li::before,
.widget_product_categories ul ul li::before,
.widget_layered_nav ul ul li::before,
.woocommerce-MyAccount-navigation ul ul li::before{
background-color: var(--colorDarkGrey);
}
.wp-block-latest-posts li,
.wp-block-latest-comments:not(.has-avatars) li,
.wp-block-categories-list li,
.wp-block-archives-list li,
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_product_categories li,
.widget_layered_nav li,
.woocommerce-MyAccount-navigation li{
margin: 0;
padding: 0 !important;
position: relative;
word-break: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border-bottom: 1px solid var(--colorBorder);
min-height: 40px;
}
.wp-block-latest-posts li > *,
.wp-block-latest-comments:not(.has-avatars) li > *,
.wp-block-categories-list li > *,
.wp-block-archives-list li > *,
.widget_archive li > *,
.widget_categories li > *,
.widget_pages li > *,
.widget_meta li > *,
.widget_nav_menu li > *,
.widget_recent_entries li > *,
.widget_recent_comments li > *,
.widget_product_categories li > *,
.widget_layered_nav li > *,
.woocommerce-MyAccount-navigation li > *{
padding: 10px 0 !important;
}
.wp-block-latest-posts li a,
.wp-block-latest-comments:not(.has-avatars) li a,
.wp-block-categories-list li a,
.wp-block-archives-list li a,
.widget_archive li a,
.widget_categories li a,
.widget_pages li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_product_categories li a,
.widget_layered_nav li a,
.woocommerce-MyAccount-navigation li a{
color: var(--colorFont);
display: inline-block;
}
.wp-block-latest-posts li a:hover,
.wp-block-latest-comments:not(.has-avatars) li a:hover,
.wp-block-categories-list li a:hover,
.wp-block-archives-list li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover,
.widget_recent_entries li a:hover,
.widget_recent_comments li a:hover,
.widget_product_categories li a:hover,
.widget_layered_nav li a:hover,
.woocommerce-MyAccount-navigation li a:hover{
color: var(--colorMain);
}
.wp-block-latest-posts li span,
.wp-block-latest-comments:not(.has-avatars) li span,
.wp-block-categories-list li span,
.wp-block-archives-list li span,
.widget_archive li span,
.widget_categories li span,
.widget_pages li span,
.widget_meta li span,
.widget_nav_menu li span,
.widget_recent_entries li span,
.widget_recent_comments li span,
.widget_product_categories li span,
.widget_layered_nav li span,
.woocommerce-MyAccount-navigation li span{
display: inline-block;
}
.wp-block-latest-posts li:first-child,
.wp-block-latest-comments:not(.has-avatars) li:first-child,
.wp-block-categories-list li:first-child,
.wp-block-archives-list li:first-child,
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_pages li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_recent_entries li:first-child,
.widget_recent_comments li:first-child,
.widget_product_categories li:first-child,
.widget_layered_nav li:first-child,
.woocommerce-MyAccount-navigation li:first-child{
border-top: 1px solid var(--colorBorder);
}
.wp-block-latest-posts li .count,
.wp-block-latest-comments:not(.has-avatars) li .count,
.wp-block-categories-list li .count,
.wp-block-archives-list li .count,
.widget_archive li .count,
.widget_categories li .count,
.widget_pages li .count,
.widget_meta li .count,
.widget_nav_menu li .count,
.widget_recent_entries li .count,
.widget_recent_comments li .count,
.widget_product_categories li .count,
.widget_layered_nav li .count,
.woocommerce-MyAccount-navigation li .count{
float: right;
}
.wp-block-latest-posts li:hover::before,
.wp-block-latest-comments:not(.has-avatars) li:hover::before,
.wp-block-categories-list li:hover::before,
.wp-block-archives-list li:hover::before,
.widget_archive li:hover::before,
.widget_categories li:hover::before,
.widget_pages li:hover::before,
.widget_meta li:hover::before,
.widget_nav_menu li:hover::before,
.widget_recent_entries li:hover::before,
.widget_recent_comments li:hover::before,
.widget_product_categories li:hover::before,
.widget_layered_nav li:hover::before,
.woocommerce-MyAccount-navigation li:hover::before{
border-color: var(--colorMain);
}
.i .wp-block-latest-posts li a,
.i .wp-block-latest-comments:not(.has-avatars) li a,
.i .wp-block-categories-list li a,
.i .wp-block-archives-list li a,
.i .widget_archive li a,
.i .widget_categories li a,
.i .widget_pages li a,
.i .widget_meta li a,
.i .widget_nav_menu li a,
.i .widget_recent_entries li a,
.i .widget_recent_comments li a,
.i .widget_product_categories li a,
.i .widget_layered_nav li a,
.i .woocommerce-MyAccount-navigation li a{
color: var(--colorDarkFont);
}
.i .wp-block-latest-posts li a:hover,
.i .wp-block-latest-comments:not(.has-avatars) li a:hover,
.i .wp-block-categories-list li a:hover,
.i .wp-block-archives-list li a:hover,
.i .widget_archive li a:hover,
.i .widget_categories li a:hover,
.i .widget_pages li a:hover,
.i .widget_meta li a:hover,
.i .widget_nav_menu li a:hover,
.i .widget_recent_entries li a:hover,
.i .widget_recent_comments li a:hover,
.i .widget_product_categories li a:hover,
.i .widget_layered_nav li a:hover,
.i .woocommerce-MyAccount-navigation li a:hover{
color: var(--colorMain);
}
.i .wp-block-latest-posts ul ul li::before,
.i .wp-block-latest-comments:not(.has-avatars) ul ul li::before,
.i .wp-block-categories-list ul ul li::before,
.i .wp-block-archives-list ul ul li::before,
.i .widget_archive ul ul li::before,
.i .widget_categories ul ul li::before,
.i .widget_pages ul ul li::before,
.i .widget_meta ul ul li::before,
.i .widget_nav_menu ul ul li::before,
.i .widget_recent_entries ul ul li::before,
.i .widget_recent_comments ul ul li::before,
.i .widget_product_categories ul ul li::before,
.i .widget_layered_nav ul ul li::before,
.i .woocommerce-MyAccount-navigation ul ul li::before{
background-color: var(--colorLight);
}
.wp-block-categories-list li:before,
.wp-block-archives-list li:before,
.widget_archive li:before,
.widget_categories li:before,
.widget_meta li:before,
.widget_product_categories li:before,
.widget_layered_nav li:before{
content: "";
display: inline-block !important;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--colorMain);
margin-right: 10px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.widget_recent_comments li{
padding: 1em 0 !important;
}
.widget_recent_comments li > *{
padding: .25em 0;
}
.wp-block-categories select{
width: 100%;
}
.widget_nav_menu ul{
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.widget_nav_menu .current_page_item > a{
font-weight: 700;
}
.widget_nav_menu.borders-none li{
border: none !important;
min-height: 27px;
}
.widget_nav_menu.borders-none li a{
padding: 0 !important;
}
.borders-none .widget_nav_menu li{
border: none !important;
min-height: 27px;
}
.borders-none .widget_nav_menu li a{
padding: 0 !important;
}
.widget_recent_entries .post-date{
display: flex;
font-size: 14px;
margin-bottom: .5em;
color: #b8bbc6;
color: var(--colorDarkFont);
}
.i .widget_recent_entries .post-date{
color: #fff;
color: var(--colorLight);
}
.wp-block-latest-posts li{
padding: 0 !important;
}
.wp-block-latest-posts li > *{
padding: 0;
}
@media (max-width: 767px) {
.widget_nav_menu.horizontal-menu.with-logo-img li.menu-item-home{
margin-bottom: 25px;
order: -1;
padding-top: 0;
}
}
.widget_nav_menu.horizontal-menu.with-logo-img li.menu-item-home a{
font-size: 0;
}
.widget_nav_menu.horizontal-menu.with-logo-img li.menu-item-home a::before{
content: "";
display: block;
width: 85px;
height: 85px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.widget_nav_menu.horizontal-menu.with-logo-img li.menu-item-home a:hover{
opacity: .8;
}
.widget_nav_menu.horizontal-menu .menu{
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
@media (max-width: 767px) {
.widget_nav_menu.horizontal-menu .menu{
flex-direction: column;
}
}
.widget_nav_menu.horizontal-menu .menu > li{
align-items: center;
display: flex;
flex-wrap: wrap;
padding: 0 10px !important;
border: 0 !important;
}
.widget_nav_menu.horizontal-menu .menu > li a{
display: inline-block;
flex-grow: 10;
line-height: 1.3;
padding: 0 !important;
color: var(--colorLight);
font-family: var(--fontSecondary);
}
.widget_nav_menu.horizontal-menu .menu > li a:hover{
color: var(--colorMain);
}
.wp-block-calendar{
box-shadow: 0 10px 35px rgba(0, 0, 0, .04);
position: relative;
}
.wp-block-archives-dropdown + .wp-block-calendar{
margin-top: 15px;
}
.widget_calendar .calendar_wrap{
box-shadow: 0 10px 35px rgba(0, 0, 0, .04);
position: relative;
}
.wp-block-calendar,
.widget_calendar{
text-align: center;
border-radius: 4px;
}
.wp-block-calendar a,
.widget_calendar a{
text-decoration: none;
}
.wp-block-calendar table,
.widget_calendar table{
font-size: 14px;
border-radius: 4px;
overflow: hidden;
}
.wp-block-calendar table th,
.widget_calendar table th{
border: none;
background: var(--colorDark);
color: var(--colorLight);
padding: 14px 8px;
font-size: 16px;
line-height: 22px;
font-weight: bold;
}
.wp-block-calendar table caption,
.widget_calendar table caption{
background-color: var(--colorMain3);
color: var(--colorDarkGrey);
font-size: 24px;
line-height: 31px;
padding: 24px;
font-weight: 500;
border-radius: 4px 4px 0 0;
}
.wp-block-calendar tbody,
.widget_calendar tbody{
background-color: var(--colorGrey);
}
.wp-block-calendar tbody a,
.widget_calendar tbody a{
font-weight: bold;
}
.wp-block-calendar tbody td,
.widget_calendar tbody td{
font-size: 18px;
line-height: 30px;
padding: 15px 10px;
border: none;
}
.i .wp-block-calendar tbody td,
.i .widget_calendar tbody td{
background-color: rgba(255, 255, 255, .05);
}
.wp-block-calendar tbody td a,
.widget_calendar tbody td a{
color: var(--colorMain2);
font-weight: 400;
}
.wp-block-calendar tbody tr td:first-child,
.widget_calendar tbody tr td:first-child{
padding-left: 50px;
}
.wp-block-calendar tbody tr td:last-child,
.widget_calendar tbody tr td:last-child{
padding-right: 50px;
}
.wp-block-calendar thead tr th:first-child,
.widget_calendar thead tr th:first-child{
padding-left: 50px;
}
.wp-block-calendar thead tr th:last-child,
.widget_calendar thead tr th:last-child{
padding-right: 50px;
}
.wp-block-calendar tr:first-child > td,
.widget_calendar tr:first-child > td{
padding-top: 50px;
}
.wp-block-calendar tr:last-child > td,
.widget_calendar tr:last-child > td{
padding-bottom: 50px;
}
@media (max-width: 400px) {
.wp-block-calendar table th,
.widget_calendar table th{
padding: 4px;
}
.wp-block-calendar table caption,
.widget_calendar table caption{
padding: 15px;
}
.wp-block-calendar tbody td,
.widget_calendar tbody td{
padding: 4px;
}
.wp-block-calendar tbody tr td:first-child,
.widget_calendar tbody tr td:first-child{
padding-left: 15px;
}
.wp-block-calendar tbody tr td:last-child,
.widget_calendar tbody tr td:last-child{
padding-right: 15px;
}
.wp-block-calendar thead tr th:first-child,
.widget_calendar thead tr th:first-child{
padding-left: 15px;
}
.wp-block-calendar thead tr th:last-child,
.widget_calendar thead tr th:last-child{
padding-right: 15px;
}
.wp-block-calendar tr:first-child > td,
.widget_calendar tr:first-child > td{
padding-top: 15px;
}
.wp-block-calendar tr:last-child > td,
.widget_calendar tr:last-child > td{
padding-bottom: 15px;
}
}
.wp-block-calendar nav,
.widget_calendar nav{
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
display: flex;
}
.wp-block-calendar nav span:first-child,
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:first-child,
.widget_calendar nav span:last-child{
width: 75px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 3;
}
.wp-block-calendar nav span:first-child a,
.wp-block-calendar nav span:last-child a,
.widget_calendar nav span:first-child a,
.widget_calendar nav span:last-child a{
font-size: 0;
}
@media (max-width: 400px) {
.wp-block-calendar nav,
.widget_calendar nav{
height: 60px;
}
.wp-block-calendar nav span:first-child,
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:first-child,
.widget_calendar nav span:last-child{
width: 75px;
height: 80px;
display: flex;
align-items: center;
position: absolute;
z-index: 3;
}
}
.wp-block-calendar nav span:first-child,
.widget_calendar nav span:first-child{
left: 0;
top: 0;
justify-content: flex-end;
}
.wp-block-calendar nav span:first-child a:before,
.widget_calendar nav span:first-child a:before{
content: "";
font-family: "icomoon";
font-size: 16px;
color: var(--colorLight);
transition: all .3s ease-in-out;
}
.wp-block-calendar nav span:first-child a:hover::before,
.widget_calendar nav span:first-child a:hover::before{
opacity: .5;
}
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:last-child{
right: 0;
top: 0;
justify-content: flex-start;
}
.wp-block-calendar nav span:last-child a:before,
.widget_calendar nav span:last-child a:before{
content: "";
font-family: "icomoon";
font-size: 16px;
color: var(--colorLight);
transition: all .3s ease-in-out;
}
.wp-block-calendar nav span:last-child a:hover::before,
.widget_calendar nav span:last-child a:hover::before{
opacity: .5;
}
.i .wp-block-calendar table th,
.i .widget_calendar table th{
background: var(--colorLight);
color: var(--colorDark);
}
.widget_theme_meta.icons-hidden .theme-meta .svg-icon{
display: none !important;
}
.widget_theme_meta .sub-title{
margin-bottom: 23px;
}
.widget_theme_meta .theme-meta-img.wp-block-image img{
max-height: 48px;
}
.widget_theme_meta .theme-meta-img.wp-block-image + .sub-title,
.widget_theme_meta .theme-meta-img.wp-block-image + .theme-meta{
margin-top: 28px;
}
.widget_theme_meta .theme-meta .icon-inline{
margin: 0;
padding: 0;
display: flex;
align-items: center;
line-height: 23px;
}
.widget_theme_meta .theme-meta .icon-inline strong{
font-weight: 300;
color: var(--colorFont);
}
.widget_theme_meta .theme-meta .icon-inline + .icon-inline{
padding-top: 14px;
}
.widget_theme_meta .theme-meta .svg-icon{
margin-right: 15px;
}
.widget_theme_meta .theme-meta .svg-icon svg{
max-width: 1em;
max-height: 1em;
}
.widget_theme_meta .theme-meta .svg-icon.icon-email + span a{
color: var(--colorFont) !important;
transition: all .15s linear 0s;
}
.widget_theme_meta .theme-meta .svg-icon.icon-email + span a:hover{
color: var(--colorMain) !important;
}
.widget_theme_meta .theme-meta + .social-links{
margin-top: 1em;
}
.widget_theme_meta .social-links{
display: block;
}
.widget_theme_meta .social-links a{
display: inline-flex;
align-items: center;
}
.widget_theme_meta .social-links a svg{
max-width: 1em;
max-height: 1em;
transition: all .2s ease;
}
.widget_theme_meta .social-links a.social-icon .svg-icon svg{
fill: var(--colorFont);
opacity: 1;
}
.widget_theme_meta .social-links a.social-icon:hover.social-icon-twitter .svg-icon svg{
fill: #00abef;
}
.widget_theme_meta .social-links a.social-icon:hover.social-icon-facebook .svg-icon svg{
fill: #507cbe;
}
.widget_theme_meta .social-links a.social-icon:hover.social-icon-instagram .svg-icon svg{
fill: #c13584;
}
.widget_theme_meta .social-links a.social-icon:hover.social-icon-linkedin .svg-icon svg{
fill: #3371b7;
}
.widget_theme_meta .social-links a.social-icon:hover.social-icon-youtube .svg-icon svg{
fill: red;
}
.widget_theme_meta .social-links a.social-icon:hover.social-icon-pinterest .svg-icon svg{
fill: #e60122;
}
.widget_theme_meta .social-links a.social-icon:hover.social-icon-github-circle .svg-icon svg{
fill: #24292d;
}
.widget_theme_meta .social-links a.border-icon:hover{
opacity: 1;
border-color: var(--colorDarkGrey);
}
.widget_theme_meta .social-links a + a{
margin-left: 22px;
}
.widget_theme_meta.margin-negative{
margin-top: -40px;
}
@media (max-width: 767px) {
.widget_theme_meta.margin-negative{
margin-top: -30px;
}
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon{
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
color: var(--colorFont);
text-transform: capitalize;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon::before{
content: "";
position: absolute;
height: 1px;
bottom: 0;
width: 100%;
background: rgba(255, 255, 255, .1);
display: block;
left: 57px;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon:last-child::before{
display: none;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon .svg-icon{
padding: 11px;
margin-right: 20px;
border-radius: 50%;
transition: all .3s ease-in-out 0s;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon .svg-icon svg{
fill: var(--colorLight);
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon.social-icon-twitter .svg-icon{
background-color: #00abef;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon.social-icon-facebook .svg-icon{
background-color: #507cbe;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon.social-icon-instagram .svg-icon{
background-color: #c13584;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon.social-icon-linkedin .svg-icon{
background-color: #3371b7;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon.social-icon-youtube .svg-icon{
background-color: red;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon.social-icon-pinterest .svg-icon{
background-color: #e60122;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon.social-icon-github-circle .svg-icon{
background-color: #24292d;
}
.widget_theme_meta .widget-theme-meta-social-links .social-links .social-icon:hover .svg-icon{
background-color: var(--colorMain);
}
.widget_theme_meta .widget-theme-meta-social-links .social-links a + a{
margin-left: 0;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon{
font-size: 0;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon .svg-icon{
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-size: 16px;
border-radius: 50%;
background-color: var(--colorLight);
transition: all .3s ease-in-out 0s;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon:hover .svg-icon svg{
fill: var(--colorLight) !important;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon.social-icon-twitter:hover .svg-icon{
background-color: #00abef;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon.social-icon-facebook:hover .svg-icon{
background-color: #507cbe;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon.social-icon-instagram:hover .svg-icon{
background-color: #c13584;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon.social-icon-linkedin:hover .svg-icon{
background-color: #3371b7;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon.social-icon-youtube:hover .svg-icon{
background-color: red;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon.social-icon-pinterest:hover .svg-icon{
background-color: #e60122;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links .social-icon.social-icon-github-circle:hover .svg-icon{
background-color: #24292d;
}
.widget_theme_meta .widget-theme-meta-social-links-alt .social-links a + a{
margin-left: 14px;
}
.i .widget_theme_meta .social-links a.social-icon .svg-icon svg{
fill: var(--colorDarkFont);
}
.i .widget_theme_meta .theme-meta .svg-icon.icon-email + span a{
color: var(--colorDarkFont) !important;
}
.i .widget_theme_meta .theme-meta .svg-icon.icon-email + span a:hover{
color: var(--colorMain) !important;
}
.text-center .theme-meta .icon-inline{
justify-content: center;
}
.widget_theme_category a,
.widget_theme_category .category-block{
display: block;
height: 100%;
}
.widget_theme_category a:hover{
outline: 3px solid;
}
.widget_theme_category h5,
.widget_theme_category p{
margin-bottom: 0;
}
.widget_theme_spacer hr{
height: 3px;
background-color: #31b3b3;
background-color: var(--colorMain);
width: 4em;
margin-left: 0;
margin-top: 1.5em;
}
.widget_theme_spacer .text-center hr{
margin-left: auto;
}
.is-style-text-secondary a{
color: var(--colorMain);
}
.has-drop-cap:not(:focus):first-letter{
font-size: 3.5em;
line-height: 1;
padding-right: .1em;
font-weight: 700;
color: var(--colorMain);
}
.has-drop-cap:not(:focus):after{
padding-top: 0;
}
.wp-block-button,
.wp-block-buttons{
margin-bottom: 2em;
}
.wp-block-button:last-child,
.wp-block-buttons:last-child{
margin-bottom: 0;
}
.wp-block-separator{
margin-left: 0;
margin-right: 0;
min-width: 100px;
}
.wp-block-separator.center:not([class*=align]){
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.is-style-wide,
.wp-block-separator.alignfull,
.wp-block-separator.alignwide{
max-width: none !important;
}
.wp-block-cover{
margin-bottom: 2em;
}
.wp-block-cover,
.wp-block-cover-image{
position: relative !important;
height: auto;
}
.container-1170 .wp-block-cover__inner-container{
max-width: 1170px;
}
.container-960 .wp-block-cover__inner-container{
max-width: 960px;
}
.container-720 .wp-block-cover__inner-container{
max-width: 720px;
}
@media (max-width: 600px) {
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container{
width: 100%;
padding-top: 2em;
padding-bottom: 2em;
}
}
.wp-block-buttons.alignleft,
.wp-block-buttons.alignright{
max-width: none;
}
.wp-block-buttons .wp-block-button{
margin: 0 0 4px;
}
.wp-block-button__link{
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
line-height: 1;
padding: 16px 51px;
border: 2px solid;
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
white-space: normal;
display: inline-block;
transition: all .3s ease-in-out 0s;
background-color: var(--colorMain);
border-color: var(--colorMain);
color: var(--colorLight);
}
.wp-block-button__link:active,
.wp-block-button__link:hover{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorMain);
color: var(--colorMain);
}
.wp-block-button.is-style-outline .wp-block-button__link{
background-color: rgba(0, 0, 0, 0) !important;
border-color: var(--colorMain) !important;
color: var(--colorMain) !important;
border: 4px solid;
padding: 22px 25px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
background-color: var(--colorMain) !important;
border-color: var(--colorMain) !important;
color: var(--colorLight) !important;
}
.size-medium .wp-block-button__link{
padding: 16px 35px;
}
.size-small .wp-block-button__link{
padding: 12px 20px;
}
.is-style-inverse-fill .wp-block-button__link{
background-color: var(--colorDark);
}
.is-style-inverse-fill .wp-block-button__link:hover{
background-color: rgba(0, 0, 0, 0);
color: var(--colorDark);
border-color: var(--colorDark);
}
.is-style-inverse-outline .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
color: var(--colorDark);
border-color: var(--colorDark);
}
.is-style-inverse-outline .wp-block-button__link:hover{
background-color: var(--colorDark);
color: var(--colorLight);
}
.is-style-color-link .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
padding: 0;
margin-left: -10px;
font-size: 16px;
font-weight: bold;
color: var(--colorFont);
}
.is-style-color-link .wp-block-button__link::after{
content: "";
font-family: "Font Awesome 5 Free";
margin-left: 8px;
}
.is-style-color-link .wp-block-button__link:hover{
color: var(--colorMain);
}
.is-style-dark-link .wp-block-button__link{
background-color: rgba(0, 0, 0, 0);
padding: 0;
margin-left: -10px;
font-size: 16px;
font-weight: bold;
color: var(--colorMain);
}
.is-style-dark-link .wp-block-button__link::after{
content: "";
font-family: "Font Awesome 5 Free";
margin-left: 8px;
}
.is-style-dark-link .wp-block-button__link:hover{
color: var(--colorFont);
}
.is-style-ellipse-btn-fill .wp-block-button__link{
border-radius: 50%;
font-size: 0;
padding: 25px;
}
.is-style-ellipse-btn-fill .wp-block-button__link::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-flex;
width: 19px;
height: 12px;
-webkit-mask: url(//pflegeberatung-hessen.de/wp-content/themes/psycheco/assets/img/arrow-right.png) no-repeat center/cover;
background-color: var(--colorLight);
}
.is-style-ellipse-btn-ouline .wp-block-button__link{
border-radius: 50%;
font-size: 0;
padding: 25px;
background: rgba(0, 0, 0, 0);
border-color: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-flex;
width: 19px;
height: 12px;
-webkit-mask: url(//pflegeberatung-hessen.de/wp-content/themes/psycheco/assets/img/arrow-right.png) no-repeat center/cover;
background-color: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link:hover{
background: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link:hover::before{
background-color: var(--colorLight);
}
.wp-block-file{
margin: 2em 0;
}
.wp-block-file a:not([class]){
font-size: 1.2em;
}
.wp-block-pullquote{
padding: 0;
border-top: none;
border-bottom: none;
position: relative;
text-align: initial;
}
.cols-padding .wp-block-pullquote{
margin-top: -1.5em !important;
}
.wp-block-pullquote.is-style-solid-color blockquote{
text-align: center;
}
.wp-block-pullquote blockquote{
border: none;
margin: 2em 0;
text-align: center;
}
.wp-block-pullquote blockquote:before{
display: block;
margin: 0 auto 1em;
text-align: center;
color: #fff;
background-color: var(--colorMain);
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
font-size: 32px;
}
.wp-block-pullquote.has-background blockquote{
padding: 2em 1em;
}
.wp-block-pullquote p{
font-size: 26px;
line-height: 1.3;
margin-bottom: 10px;
}
.wp-block-pullquote cite{
color: var(--colorDark);
font-size: 14px;
text-transform: none;
font-style: normal;
}
.wp-block-pullquote.has-background-background-color{
margin-top: 3em;
}
.wp-block-pullquote.has-background-background-color blockquote{
padding: 0 1em 2em;
text-align: center;
}
.wp-block-pullquote.has-background-background-color blockquote:before{
position: relative;
top: -25px;
margin-bottom: 5px;
}
.wp-block-pullquote.has-background-background-color blockquote p{
font-size: 26px;
}
.wp-block-pullquote.has-background-background-color blockquote cite{
display: block;
margin-top: 1.8em;
}
.wp-block-pullquote.has-main-background-color{
position: relative;
padding: 2.5em 1em 4.6em;
}
.wp-block-pullquote.has-main-background-color blockquote{
max-width: 67%;
}
.wp-block-pullquote.has-main-background-color blockquote p{
font-size: 26px;
line-height: 1.5;
font-weight: 300;
}
.wp-block-pullquote.has-main-background-color blockquote cite{
color: var(--colorLight);
display: block;
margin-top: 1.8em;
}
.wp-block-pullquote.has-main-background-color blockquote cite img{
max-width: 30px;
}
.wp-block-pullquote.has-main-background-color blockquote:before{
position: absolute;
font-size: 80px;
left: 1.5em;
top: .92em;
}
.wp-block-quote[style*="text-align:right"],
.wp-block-quote[style*="text-align: right"]{
padding-left: 0;
padding-right: 1.25em !important;
}
.wp-block-quote.is-style-muted{
border: none;
background-color: var(--colorBackground);
padding-right: 2em;
}
.blocks-gallery-caption,
.wp-block-embed figcaption,
.wp-block-image figcaption{
opacity: .7;
width: 100%;
display: block;
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption{
font-size: 14px;
padding: 40px 30px 35px;
line-height: 1.7;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1) 70%, transparent);
}
.wp-block-gallery{
margin-top: 2.5em;
margin-bottom: 2.5em;
}
@media (max-width: 767px) {
.wp-block-gallery{
margin-top: 1.2em;
margin-bottom: 1.2em;
}
}
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright,
.wp-block-gallery:first-child{
margin-top: 0;
}
.wp-block-gallery:last-child{
margin-bottom: 0;
}
.wp-block-gallery img{
transition: all .3s ease;
}
.wp-block-gallery figure a{
position: relative;
}
.wp-block-gallery figure a:before{
z-index: 2;
transition: all .3s ease;
content: "";
border: 1px solid #fff;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: 0;
pointer-events: none;
}
.wp-block-gallery figure a:hover:before{
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
opacity: .5;
}
.wp-block-gallery.is-style-caption-bottom .blocks-gallery-item{
display: block;
margin-bottom: 0;
}
.wp-block-gallery.is-style-caption-bottom figure{
display: block;
height: auto;
}
.wp-block-gallery.is-style-caption-bottom figcaption{
color: var(--colorDark);
padding: 1.2em 0 .4em;
font-size: 18px;
text-align: inherit;
background: none;
position: relative;
}
.i .wp-block-gallery.is-style-caption-bottom figcaption{
color: var(--colorLight);
}
@media (max-width: 500px) {
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item{
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
.gallery-gap-0 .blocks-gallery-grid .blocks-gallery-item{
margin: 0;
}
.gallery-gap-0 .blocks-gallery-grid .blocks-gallery-item figure{
position: relative;
}
.gallery-gap-30 .blocks-gallery-grid{
margin-right: -14px;
}
.gallery-gap-30 .blocks-gallery-grid .blocks-gallery-item{
padding: 0 14px 14px 0;
}
.gallery-gap-30 .blocks-gallery-grid .blocks-gallery-item figure{
position: relative;
}
.gallery-gap-50 .blocks-gallery-grid{
margin-right: -34px;
}
.gallery-gap-50 .blocks-gallery-grid .blocks-gallery-item{
padding: 0 34px 34px 0;
}
.gallery-gap-50 .blocks-gallery-grid .blocks-gallery-item figure{
position: relative;
}
.wp-block-image{
line-height: 0;
}
.wp-block-image .alignleft{
min-width: 60px;
margin-right: 3em;
margin-bottom: 1em;
}
.wp-block-image .alignright{
min-width: 60px;
margin-left: 2em;
margin-bottom: 1em;
}
.wp-block-image .alignfull{
max-width: none;
}
.wp-block-image.is-style-shadow{
padding: 3px;
border-radius: 3px;
box-shadow: 0 0 10px 0 rgba(100, 100, 100, .3);
}
.wp-block-image.is-style-shadow > a{
display: block;
overflow: hidden;
}
.wp-block-image.is-style-shadow > a > img{
transition: all .3s ease-in-out;
}
.wp-block-image.is-style-shadow:hover > a > img{
opacity: .7;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wp-block-image.is-style-bg-colormain img{
padding: 20%;
border-radius: 25%;
background-color: var(--colorMain);
}
.wp-block-image.is-style-bg-colormain-round img{
padding: 20%;
border-radius: 50%;
background-color: var(--colorMain);
}
@media (min-width: 768px) {
.wp-block-media-text:not(.alignfull) .wp-block-media-text__content{
padding: 0 0 0 12%;
}
.wp-block-media-text:not(.alignfull).has-media-on-the-right .wp-block-media-text__content{
padding-right: 12%;
padding-left: 0;
}
}
@media (max-width: 767px) {
.wp-block-media-text:not(.alignfull){
display: block;
}
.wp-block-media-text:not(.alignfull) .wp-block-media-text__content{
padding-top: 2em;
padding-bottom: 2em;
}
}
.wp-block-preformatted{
white-space: pre-wrap;
}
.has-small-font-size{
font-size: 15px;
}
.has-medium-font-size{
margin-bottom: 1.5em;
}
.has-large-font-size{
letter-spacing: .028em;
font-size: 1.45em;
}
.has-huge-font-size{
line-height: 1.4;
}
.wp-block-table{
margin-top: 1em;
margin-bottom: 1em;
}
.wp-block-table.is-style-no-borders{
margin: 0;
}
.wp-block-table.is-style-no-borders td,
.wp-block-table.is-style-no-borders th{
line-height: 1;
padding: 0 0 1.65em;
border: none;
}
.wp-block-social-links:last-child{
margin-bottom: 0;
}
.wp-block-embed__wrapper{
position: relative;
}
.wp-block-embed__wrapper:before{
content: "";
display: block;
}
.wp-block-embed__wrapper iframe{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-embed{
margin: 4em 0;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{
padding-top: 42.85%;
}
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{
padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{
padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{
padding-top: 75%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{
padding-top: 100%;
}
.wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{
padding-top: 66.66%;
}
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{
padding-top: 200%;
}
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-categories-list,
.wp-block-archives-list{
padding: 0;
list-style: none;
}
.wp-block-latest-posts ul,
.wp-block-latest-comments ul,
.wp-block-categories-list ul,
.wp-block-archives-list ul{
list-style: none;
}
.wp-block-search,
.wp-block-calendar,
.wp-block-categories,
.wp-block-archives{
margin-bottom: 2em;
}
.wp-block-search:last-child,
.wp-block-calendar:last-child,
.wp-block-categories:last-child,
.wp-block-archives:last-child{
margin-bottom: 0;
}
[class*=wp-block].is-grid{
max-width: none;
}
.wp-block-categories-list.is-style-inline{
position: relative;
max-width: none;
padding: .5em 0;
margin: 2em 0 3.3em;
}
.wp-block-categories-list.is-style-inline:before,
.wp-block-categories-list.is-style-inline:after{
position: absolute;
content: "";
height: 1px;
width: 136%;
left: -18%;
background-color: var(--colorBorder);
}
.wp-block-categories-list.is-style-inline:before{
top: -0.3em;
}
.wp-block-categories-list.is-style-inline:after{
bottom: -0.3em;
}
.wp-block-categories-list.is-style-inline li{
display: inline-block;
margin-right: 2em;
margin-top: .5em;
margin-bottom: .5em;
}
.wp-block-categories-list.is-style-inline li:before{
display: none;
}
.wp-block-latest-comments li{
position: relative;
}
.wp-block-latest-comments article{
display: inline-block;
}
.wp-block-latest-comments .avatar{
position: absolute;
}
.wp-block-latest-posts__featured-image{
margin-bottom: .75em;
}
.wp-block-latest-posts__featured-image + a{
display: block;
line-height: 1.34;
margin-bottom: .25em;
}
.wp-block-latest-posts__post-date{
color: var(--colorFontMuted);
}
.i .wp-block-latest-posts__post-date{
color: var(--colorLight);
}
.align-center{
align-items: center;
}
.has-background:not(hr):not(a):not(.wp-block-media-text):not(.wp-block-pullquote):not(.rich-text):not(.wp-block-getwid-progress-bar__bar){
padding: .5em;
}
.has-background:not(hr):not(a):not(.wp-block-media-text):not(.wp-block-pullquote):not(.rich-text):not(.wp-block-getwid-progress-bar__bar) p:last-child{
margin-bottom: 0;
}
[class*=wp-block-columns] .wp-block-column>p:not([class*=mb-]){
margin-bottom: 1em;
}
.wp-block-columns{
margin-bottom: 0;
}
.wp-block-column{
margin-bottom: 0;
}
.wp-block-column>*:first-child:not([class*=mt-]){
margin-top: 0;
}
.wp-block-column:after{
content: "";
display: block;
clear: both;
}
.cols-highlight > .wp-block-column{
background-color: var(--colorBackground);
}
.cols-highlight.l.m > .wp-block-column{
background-color: var(--colorLight);
}
.cols-highlight.i > .wp-block-column{
background-color: rgba(255, 255, 255, .1);
}
.cols-bordered > .wp-block-column{
border: 1px solid var(--colorBorder);
}
.cols-bordered.i > .wp-block-column{
border-color: rgba(255, 255, 255, .15);
}
.cols-shadow > .wp-block-column{
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}
.cols-shadow-hover > .wp-block-column{
position: relative;
bottom: 0;
transition: all .15s ease-in;
}
.cols-shadow-hover > .wp-block-column:hover{
bottom: 2px;
box-shadow: 0 0 40px 0 rgba(100, 100, 100, .2);
}
.cols-padding > .wp-block-column{
padding: 1.5em;
}
.cols-padding > .wp-block-column > .alignwide{
margin-top: -1.5em;
margin-left: -1.5em;
max-width: none;
width: calc(100% + 3em);
}
.cols-rounded > .wp-block-column{
border-radius: 10px;
overflow: hidden;
}
@media (max-width: 781px)and (min-width: 600px) {
.wp-block-column{
flex-grow: 1;
}
}
.wp-block-columns .gap-0 .wp-block-column:not(:first-child),
.gap-0 .wp-block-column:not(:first-child){
margin-left: 0;
}
.wp-block-columns .gap-1 .wp-block-column:not(:first-child),
.gap-1 .wp-block-column:not(:first-child){
margin-left: 1px;
}
.wp-block-columns .gap-2 .wp-block-column:not(:first-child),
.gap-2 .wp-block-column:not(:first-child){
margin-left: 2px;
}
.wp-block-columns .gap-3 .wp-block-column:not(:first-child),
.gap-3 .wp-block-column:not(:first-child){
margin-left: 3px;
}
.wp-block-columns .gap-5 .wp-block-column:not(:first-child),
.gap-5 .wp-block-column:not(:first-child){
margin-left: 5px;
}
.wp-block-columns .gap-10 .wp-block-column:not(:first-child),
.gap-10 .wp-block-column:not(:first-child){
margin-left: 10px;
}
.wp-block-columns .gap-15 .wp-block-column:not(:first-child),
.gap-15 .wp-block-column:not(:first-child){
margin-left: 15px;
}
.wp-block-columns .gap-20 .wp-block-column:not(:first-child),
.gap-20 .wp-block-column:not(:first-child){
margin-left: 20px;
}
.wp-block-columns .gap-30 .wp-block-column:not(:first-child),
.gap-30 .wp-block-column:not(:first-child){
margin-left: 30px;
}
.wp-block-columns .gap-50 .wp-block-column:not(:first-child),
.gap-50 .wp-block-column:not(:first-child){
margin-left: 50px;
}
.wp-block-columns .gap-60 .wp-block-column:not(:first-child),
.gap-60 .wp-block-column:not(:first-child){
margin-left: 60px;
}
@media (max-width: 599px) {
.wp-block-column .wp-block-column{
flex-basis: auto !important;
}
.wp-block-column .wp-block-column:first-child,
.wp-block-column .wp-block-column:last-child{
min-width: 60px;
}
[class*=gap-]>.wp-block-column:not(:first-child){
margin-left: 0;
}
}
@media (max-width: 781px)and (min-width: 600px) {
.wp-block-column .wp-block-column{
flex-basis: inherit !important;
}
}
@media (max-width: 781px) {
.cols-single-sm{
display: block;
}
.cols-single-sm .wp-block-column{
margin-bottom: 2em;
}
.cols-single-sm .wp-block-column:last-child{
margin-bottom: 0;
}
.cols-single-sm .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-sm .wp-block-column:empty{
display: none;
}
}
@media (max-width: 991px) {
.cols-single-md{
display: block;
}
.cols-single-md .wp-block-column{
margin-bottom: 2em;
}
.cols-single-md .wp-block-column:last-child{
margin-bottom: 0;
}
.cols-single-md .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-md .wp-block-column:empty{
display: none;
}
}
@media (max-width: 1199px) {
.cols-single-lg{
display: block;
}
.cols-single-lg .wp-block-column{
margin-bottom: 2em;
}
.cols-single-lg .wp-block-column:last-child{
margin-bottom: 0;
}
.cols-single-lg .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single-lg .wp-block-column:empty{
display: none;
}
}
.cols-single{
display: block;
}
.cols-single .wp-block-column:not(:first-child){
margin-left: 0;
}
.cols-single .wp-block-column:empty{
display: none;
}
.cols-single-none{
flex-wrap: nowrap;
}
@media (max-width: 599px) {
.wp-block-column{
margin-bottom: 2em;
}
.wp-block-column:last-child{
margin-bottom: 0;
}
}
.wp-social-link{
margin-right: 5px;
}
.wp-social-link a{
padding-left: 5px;
padding-right: 5px;
}
.wp-block-social-links.is-style-logos-only.theme-style-icon{
font-size: 16px;
display: flex;
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-block-social-link:hover{
-webkit-transform: none;
transform: none;
}
.i .wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link a{
color: var(--colorLight);
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link svg{
display: none;
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link a{
color: var(--colorDark);
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link a:hover{
border-bottom: 2px solid var(--colorLight);
color: var(--colorMain);
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link.wp-social-link-facebook a::before{
content: "";
font-family: "icomoon";
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link.wp-social-link-twitter a::before{
content: "";
font-family: "icomoon";
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link.wp-social-link-instagram a::before{
content: "";
font-family: "icomoon";
}
.wp-block-social-links.is-style-logos-only.theme-style-icon .wp-social-link.wp-social-link-youtube a::before{
content: "";
font-family: "icomoon";
}
.has-background-dim{
color: rgba(255, 255, 255, .75);
}
.has-light-color{
color: var(--colorLight);
}
.has-font-color{
color: var(--colorFont);
}
.has-font-muted-color{
color: var(--colorFontMuted);
}
.has-background-color{
color: var(--colorBackground);
}
.has-border-color{
color: var(--colorBorder);
}
.has-dark-color{
color: var(--colorDark);
}
.has-dark-muted-color{
color: var(--colorDark);
}
.i .has-dark-muted-color{
color: var(--colorLight);
}
.i.c .has-dark-muted-color{
color: var(--colorDark);
}
.has-main-color{
color: var(--colorMain);
}
.has-main-2-color{
color: var(--colorMain2);
}
.has-light-background-color{
background-color: var(--colorLight);
}
.has-font-background-color{
background-color: var(--colorFont);
}
.has-font-muted-background-color{
background-color: var(--colorFontMuted);
}
.has-background-background-color{
background-color: var(--colorBackground);
}
.has-border-background-color{
background-color: var(--colorBorder);
}
.has-dark-background-color{
background-color: var(--colorDark);
}
.has-dark-muted-background-color{
background-color: var(--colorDarkGrey);
}
.has-main-background-color{
background-color: var(--colorMain);
}
.has-main-2-background-color{
background-color: var(--colorMain2);
}
.alignfull.wp-block-image > img{
max-width: 100%;
width: 100vw;
}
.with-sidebar #columns .alignfull{
width: 100%;
max-width: 100%;
margin-left: 0;
left: 0;
right: 0;
padding-left: 0;
padding-right: 0;
}
.with-sidebar .alignfull > img{
max-width: 100%;
width: auto;
}
.wp-block-search{
position: relative;
}
.wp-block-search .wp-block-search__input{
max-width: none;
width: 100%;
padding-right: 50px;
padding-left: 20px;
border-radius: 0;
font-size: 18px;
color: var(--colorDark);
}
.wp-block-search .wp-block-search__input::-webkit-input-placeholder{
color: var(--colorFont);
}
.wp-block-search .wp-block-search__input:-ms-input-placeholder{
color: var(--colorFont);
}
.wp-block-search .wp-block-search__input::placeholder{
color: var(--colorFont);
}
.wp-block-search .wp-block-search__button,
.wp-block-search .search-submit{
position: absolute;
right: 0;
font-size: 0 !important;
padding: 0 15px !important;
background-color: rgba(0, 0, 0, 0);
height: 50px;
width: 50px;
border: none;
box-shadow: none;
}
.wp-block-search .wp-block-search__button::before,
.wp-block-search .search-submit::before{
content: "";
font-family: FontAwesome;
font-size: 16px;
color: var(--colorDark);
transition: all .3s ease-in-out;
}
.wp-block-search .wp-block-search__button:hover::before,
.wp-block-search .search-submit:hover::before{
opacity: .5;
}
#post-1787 [style="height:70px"]{
height: 0 !important;
}
#post-1783 .wp-block-quote{
padding-top: 0;
}
.wp-block-latest-comments__comment:last-child{
margin-bottom: 0;
}
br + code{
margin-top: 1em;
margin-bottom: 1em;
}
.post-password-form label{
font-size: 0;
margin-right: .5em;
vertical-align: bottom;
}
.post-password-form [type=submit]{
margin-top: .75em;
background-color: var(--colorMain);
border-color: var(--colorMain);
color: var(--colorLight);
}
.post-password-form [type=submit]:hover{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorMain);
color: var(--colorMain);
}
.wp-block-media-text:not(:last-child){
margin-bottom: 2em;
}
.wp-block-getwid-icon__wrapper{
padding: 10px 0;
}
.wp-block-getwid-recent-posts__entry-footer{
display: none;
}
.wp-block-getwid-recent-posts__entry-meta{
margin-bottom: 1em;
}
.wp-block-getwid-recent-posts__entry-meta .heading-inner > a{
color: var(--colorMain);
}
.wp-block-getwid-recent-posts__entry-meta .heading-inner > span{
margin-left: 15px;
}
.wp-block-getwid-recent-posts__entry-header{
display: flex;
flex-direction: column-reverse;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__form{
display: flex;
flex-wrap: wrap;
margin-top: 15px;
margin-bottom: 15px;
}
.text-center .wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__form{
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__form p{
margin-bottom: 0;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__result{
order: 2;
width: 100%;
margin-top: .5em;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-field-email{
flex-grow: 10;
max-width: 500px;
}
@media (max-width: 400px) {
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-field-email{
max-width: 160px;
}
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-getwid-mailchimp__submit{
margin: 0 0 0 10px;
}
.wp-block-getwid-mailchimp.is-style-inline-form .wp-block-button__link{
white-space: nowrap;
padding: 17px 27px;
}
.wp-block-getwid-price-box{
padding: 4.5em 1.5em;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__amount,
.wp-block-getwid-price-box .wp-block-getwid-price-box__currency{
font-size: 2.25em;
}
.wp-block-getwid-price-box__pricing{
margin: 1.3em 0 1.8em;
}
.wp-block-getwid-price-box__period{
vertical-align: initial;
}
.wp-block-getwid-price-box__features li:not([class]){
padding: .2em 0;
}
.wp-block-getwid-price-box__features li:not([class]):before{
margin-right: 1em;
color: var(--colorMain);
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "";
}
.i.c .wp-block-getwid-price-box__features li:not([class]):before{
color: var(--colorLight);
}
.wp-block-getwid-price-box__features li:not([class]):only-child:before{
display: none;
}
.wp-block-getwid-progress-bar .wp-block-getwid-progress-bar__title,
.wp-block-getwid-progress-bar .wp-block-getwid-progress-bar__percent{
color: var(--colorDark);
}
.wp-block-getwid-progress-bar .wp-block-getwid-progress-bar__bar{
height: 2px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content{
border-radius: 0 3px 3px 3px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__title-wrapper{
font-size: 16px;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content{
padding: 2.5em 1.87em;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link{
border-radius: 3px 3px 0 0;
border-top: 1px solid var(--colorBorder);
border-right: 1px solid var(--colorBorder);
border-left: 1px solid var(--colorBorder);
border-bottom: 1px solid var(--colorBorder);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link:not(.ui-tabs-active),
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link:not(.ui-state-active){
background-color: var(--colorBackground);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.ui-tabs-active,
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.ui-state-active{
border-bottom-color: rgba(0, 0, 0, 0);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a{
padding: .7em 1.85em !important;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a:focus,
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a:hover{
text-decoration: none;
}
@media (max-width: 767px) {
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link{
width: 100%;
}
}
.wp-block-getwid-counter .wp-block-getwid-counter__wrapper{
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-getwid-counter .wp-block-getwid-counter__wrapper p{
padding: 0;
font-size: 2.5em;
color: var(--colorMain);
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header-wrapper{
border: none;
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header-wrapper.ui-accordion-header-active .wp-block-getwid-accordion__header-title{
color: var(--colorMain);
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header{
padding: 1.115em 1.87em;
background-color: var(--colorLight);
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__header-title{
font-size: 18px;
font-weight: bold;
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__content-wrapper + .wp-block-getwid-accordion__header-wrapper{
margin-top: 30px;
}
.wp-block-getwid-accordion.is-style-default .wp-block-getwid-accordion__content{
padding: 0 1.87em 1.115em;
background-color: var(--colorLight);
border: none;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__header-wrapper{
border: none;
padding-bottom: 2em;
outline: none;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__header{
padding: 0;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__header-title{
font-weight: 500;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__content-wrapper{
border-bottom: 1px solid var(--colorBorder);
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__content-wrapper + .wp-block-getwid-accordion__header-wrapper{
padding-top: 2em;
}
.wp-block-getwid-accordion.is-style-tab-border .wp-block-getwid-accordion__content{
border: none;
padding: 0 0 2em 0;
}
.wp-block-getwid-image-box h6,
.wp-block-getwid-image-box h5,
.wp-block-getwid-image-box h4,
.wp-block-getwid-image-box h3,
.wp-block-getwid-image-box h2,
.wp-block-getwid-image-box h1{
font-weight: 500;
}
@media (max-width: 767px) {
.wp-block-getwid-image-box.has-image-left .wp-block-getwid-image-box__image-container.is-position-top,
.wp-block-getwid-image-box.has-image-right .wp-block-getwid-image-box__image-container.is-position-top{
margin-bottom: 0;
}
}
.wp-block-getwid-video-popup{
text-align: left;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__icon{
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__button.is-size-small .wp-block-getwid-video-popup__icon{
width: 80px;
height: 80px;
}
.getwid-video-popup button.mfp-close{
position: absolute;
font-size: 30px;
}
.wp-block-getwid-video-popup__button.is-size-small.is-style-default .wp-block-getwid-video-popup__button-caption{
padding-left: 25px;
}
.wp-block-getwid-contact-form .wp-block-button__link{
border-radius: 5em;
}
@media (min-width: 1200px) {
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form > *{
width: 100%;
}
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form .wp-block-getwid-field-name{
width: 50%;
padding-right: 10px;
}
.wp-block-getwid-contact-form.is-style-form-variant-2 .wp-block-getwid-contact-form__form .wp-block-getwid-field-email{
width: 50%;
padding-left: 10px;
}
}
.wp-block-getwid-contact-form__form p{
margin-bottom: 1.5em;
}
.wp-block-getwid-contact-form__submit{
margin-top: 1em;
}
.wp-block-getwid-contact-form__submit [type=submit]{
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.wp-block-getwid-icon-box .wp-block-getwid-icon-box__icon-wrapper.has-background{
padding: 15px;
}
.wp-block-getwid-icon-box.in-line{
justify-content: center;
}
.wp-block-getwid-icon-box.in-line .wp-block-getwid-icon-box__content{
flex: inherit;
}
.wp-block-getwid-social-links .wp-block-getwid-social-links__link:hover{
opacity: .65;
}
.wp-block-getwid-price-box{
padding-top: 0;
padding-bottom: 0;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__title{
font-weight: 400;
margin-bottom: 0;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__pricing{
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__period{
width: 100%;
margin-top: 1rem;
font-size: 16px;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__currency,
.wp-block-getwid-price-box .wp-block-getwid-price-box__amount{
font-size: 50px;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__features{
font-size: 16px;
border-top: 1px solid var(--colorBorder);
padding-top: 1.5rem;
text-align: left;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__features li{
display: flex;
align-items: center;
}
.wp-block-getwid-price-box .wp-block-getwid-price-box__features li::before{
order: 2;
margin-right: 0;
margin-left: auto;
padding-left: 15px;
}
.wp-block-getwid-price-box.is-style-price-box-selected,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-bottom: 3px solid var(--colorMain);
border-radius: 5px;
padding: 4.5em 1.5em;
}
.wp-block-getwid-price-box.is-style-price-box-selected .wp-block-getwid-price-box__features,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features{
margin: 0 auto 2.5em;
width: auto;
}
@media (max-width: 767px) {
.wp-block-getwid-price-box.is-style-price-box-selected,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected{
padding: 3em 1.5em;
}
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__pricing,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__pricing{
margin-top: 1.8em;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__period,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__period{
width: auto;
margin-top: 0;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__currency,
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__period,
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__amount,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__currency,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__period,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__amount{
font-size: 32px;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__features,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features{
border-top: none;
padding-top: 0;
margin: 0 auto 2.5em;
width: auto;
max-width: 235px;
text-align: center;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__features li,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features li{
justify-content: center;
}
.wp-block-getwid-price-box.is-style-price-box-lay-2 .wp-block-getwid-price-box__features li::before,
.wp-block-getwid-price-box.is-style-price-box-lay-2-selected .wp-block-getwid-price-box__features li::before{
display: none;
}
.wp-block-getwid-price-list{
margin: 0 0 2rem 0;
}
.wp-block-getwid-price-list:last-child{
margin-bottom: 0;
}
.wp-block-getwid-price-list .wp-block-getwid-price-list__header{
font-size: 20px;
}
.wp-block-getwid-price-list .wp-block-getwid-price-list__title,
.wp-block-getwid-price-list .wp-block-getwid-price-list__amount{
font-weight: 400;
}
.wp-block-getwid-price-list .wp-block-getwid-price-list__description{
margin-top: 1.2rem;
font-size: 16px;
}
.wp-block-getwid-content-timeline__line{
color: var(--colorMain);
}
.wp-block-getwid-content-timeline-item.is-active .wp-block-getwid-content-timeline-item__point-content{
border-color: var(--colorMain);
}
.wp-block-getwid-table:not(.has-border-collapse-collapse):not(.has-border-collapse-separate) td{
border: none;
}
.wp-block-getwid-table{
line-height: 1.47;
}
@media (max-width: 767px) {
.wp-block-getwid-table table{
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
}
.wp-block-getwid-table table td{
min-width: 12em;
}
}
.wp-block-getwid-person{
text-align: left;
}
.wp-block-getwid-person .wp-block-getwid-person__title,
.wp-block-getwid-person .wp-block-getwid-person__subtitle,
.wp-block-getwid-person .wp-block-getwid-person__content{
text-align: left;
}
.wp-block-getwid-person .wp-block-getwid-person__title{
color: var(--colorDark);
font-weight: 500;
font-size: 20px;
}
.wp-block-getwid-person .wp-block-getwid-person__subtitle{
font-size: 18px;
}
.wp-block-getwid-person .wp-block-getwid-person__image img{
width: 100%;
margin: 0;
border-radius: 5px;
}
.wp-block-getwid-person .wp-block-getwid-social-links{
margin-top: 0;
}
.wp-block-getwid-person .wp-block-getwid-social-links ul:not(:empty){
padding-top: 2em;
}
.wp-block-getwid-person .wp-block-getwid-social-links .wp-block-getwid-social-links__link{
transition: all .3s ease-in-out;
}
.wp-block-getwid-person .wp-block-getwid-social-links .wp-block-getwid-social-links__link:hover{
opacity: .6;
}
.wp-block-getwid-person.is-style-person-shadow{
padding: 1.8em;
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-bottom: 3px solid rgba(0, 0, 0, 0);
border-radius: 5px;
transition: all .3s ease-in-out;
background-color: var(--colorLight);
}
.wp-block-getwid-person.is-style-person-shadow:hover{
border-color: var(--colorMain);
}
.wp-block-getwid-person.is-style-person-shadow .wp-block-getwid-person__content-wrapper{
margin-top: 2.5em;
}
.wp-block-getwid-person.is-style-person-shadow .wp-block-getwid-person__content{
margin-top: .5em;
}
.wp-block-getwid-image-box.is-style-image-box-one,
.wp-block-getwid-image-box.is-style-image-box-two-btn,
.wp-block-getwid-image-box.is-style-image-box-two{
padding: 2em 1em 1.2em;
border-radius: 5px;
border-bottom: 3px solid rgba(0, 0, 0, 0);
transition: all .3s ease-in-out;
}
.wp-block-getwid-image-box.is-style-image-box-one:hover,
.wp-block-getwid-image-box.is-style-image-box-two-btn:hover,
.wp-block-getwid-image-box.is-style-image-box-two:hover{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-color: var(--colorMain);
}
@media (max-width: 767px) {
.wp-block-getwid-image-box.is-style-image-box-one,
.wp-block-getwid-image-box.is-style-image-box-two-btn,
.wp-block-getwid-image-box.is-style-image-box-two{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-color: var(--colorMain);
}
.wp-block-getwid-image-box.is-style-image-box-one:hover,
.wp-block-getwid-image-box.is-style-image-box-two-btn:hover,
.wp-block-getwid-image-box.is-style-image-box-two:hover{
border-color: rgba(0, 0, 0, 0);
box-shadow: inherit;
}
}
.wp-block-getwid-image-box.is-style-image-box-two{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
padding-top: 3em;
padding-bottom: 3em;
background-color: var(--colorLight);
position: relative;
}
.wp-block-getwid-image-box.is-style-image-box-two-btn{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
padding-top: 5em;
padding-bottom: 3em;
background-color: var(--colorLight);
position: relative;
}
.wp-block-getwid-image-box.is-style-image-box-two-btn .wp-block-button__link{
position: absolute;
bottom: -30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.wp-block-getwid-custom-post-type.is-style-with-shadow{
overflow: visible;
}
.wp-block-getwid-custom-post-type.is-style-with-shadow .wp-block-getwid-custom-post-type__post-wrapper{
box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
border-radius: 5px;
border-bottom: 2px solid rgba(0, 0, 0, 0);
overflow: visible;
transition: all .3s ease-in-out;
}
.wp-block-getwid-custom-post-type.is-style-with-shadow .wp-block-getwid-custom-post-type__post-wrapper:hover{
border-color: var(--colorMain);
}
.wp-block-getwid-custom-post-type .wp-block-group__inner-container{
width: 100%;
}
.wp-block-getwid-custom-post-type img{
width: 100%;
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-featured-image img{
border-radius: 5px 5px 0 0;
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-date i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-author i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-tags i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-comments i,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-categories i{
color: var(--colorMain);
margin-right: .2em;
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-date a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-author a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-tags a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-comments a,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-categories a{
font-size: 16px;
color: var(--colorFont);
}
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-date a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-author a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-tags a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-comments a:hover,
.wp-block-getwid-custom-post-type .wp-block-getwid-template-post-categories a:hover{
color: var(--colorMain);
}
.wp-block-getwid-custom-post-type .template-2 .wp-block-group__inner-container,
.wp-block-getwid-custom-post-type .template-3 .wp-block-group__inner-container,
.wp-block-getwid-custom-post-type .template-6 .wp-block-group__inner-container{
padding-bottom: 1.5em;
}
.wp-block-getwid-custom-post-type .template-2 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image),
.wp-block-getwid-custom-post-type .template-3 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image),
.wp-block-getwid-custom-post-type .template-6 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image){
padding-left: 1.5em;
padding-right: 1.5em;
}
.wp-block-getwid-custom-post-type .template-2 h6{
margin-top: 2.2rem;
}
.wp-block-getwid-custom-post-type .template-4 .wp-block-group__inner-container{
padding: 1.5em;
}
.wp-block-getwid-custom-post-type .template-4 .wp-block-getwid-template-post-featured-image img{
border-radius: 5px;
}
.wp-block-getwid-custom-post-type .template-3 .wp-block-group__inner-container{
padding-bottom: 0;
}
.wp-block-getwid-custom-post-type .template-5 .wp-block-group__inner-container > *:not(.wp-block-getwid-template-post-featured-image){
padding-left: 1.5em;
padding-right: 1.5em;
}
.wp-block-getwid-custom-post-type .template-5 .wp-block-getwid-template-post-content{
padding-bottom: 1em;
}
.wp-block-getwid-custom-post-type .template-5 .wp-block-getwid-template-post-button{
padding-bottom: 1em;
padding-top: 1em;
border-top: 1px solid var(--colorBorder);
}
.wp-block-getwid-custom-post-type .template-6 h6,
.wp-block-getwid-custom-post-type .template-6 h5,
.wp-block-getwid-custom-post-type .template-6 h4,
.wp-block-getwid-custom-post-type .template-6 h3,
.wp-block-getwid-custom-post-type .template-6 h2,
.wp-block-getwid-custom-post-type .template-6 h1{
margin-top: 2em;
}
.has-spacing-small > .getwid-columns > *{
padding-left: 5px !important;
padding-right: 5px !important;
}
.has-spacing-medium > .getwid-columns > *{
padding-left: 15px !important;
padding-right: 15px !important;
}
.has-spacing-normal > .getwid-columns > *{
padding-left: 25px !important;
padding-right: 25px !important;
}
.has-spacing-large > .getwid-columns > *{
padding-left: 40px !important;
padding-right: 40px !important;
}
.has-spacing-none > .getwid-columns > *{
padding-left: 0 !important;
padding-right: 0 !important;
}
.wp-block-getwid-template-post-meta.has-direction-row > *{
margin-right: 8px;
}
.pulse-icon{
text-align: center;
}
.pulse-icon > *{
display: inline-block !important;
height: 2.3em;
width: 2.3em;
line-height: 2.3;
border-radius: 50%;
background-color: var(--colorMain);
color: var(--colorLight);
box-shadow: 0 0 0 0 rgba(49, 179, 179, .7), 0 0 0 0 rgba(49, 179, 179, .8);
-webkit-animation: pulse-icon-color-main 1.5s infinite;
}
@media (min-width: 1200px) {
.line-right{
text-align: center;
position: relative;
}
.line-right::after{
content: "";
position: absolute;
display: inline-block;
width: 170px;
height: 1px;
background-color: var(--colorBorder);
top: 50%;
left: calc(100% + 16px);
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
}
.line-right-2{
position: relative;
}
.line-right-2 > *:first-child{
position: relative;
display: inline-block !important;
width: 2em;
height: 2em;
line-height: 2em;
color: var(--colorLight);
background-color: var(--colorMain);
border-radius: 50%;
text-align: center !important;
}
@media (min-width: 577px) {
.line-right-2::after{
content: "";
position: absolute;
display: inline-block;
width: calc(100% + 40px);
height: 1px;
background-color: var(--colorMain);
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}
}
@media (min-width: 1200px) {
.wp-block-getwid-section.img-center-right .wp-block-getwid-section__background{
background-position: 56% center !important;
}
}
.wp-block-getwid-map .wp-block-getwid-map__points{
display: none;
}
.nav-links:empty{
display: none;
}
.nav-links{
padding: 0;
}
.nav-links .icon-inline .svg-icon svg{
transition: all .3s ease-in-out 0s;
}
.nav-links .next,
.nav-links .prev{
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--colorMain);
border-color: var(--colorMain);
color: var(--colorLight);
transition: all .3s ease-in-out 0s;
}
.nav-links .next .icon-inline .svg-icon svg,
.nav-links .prev .icon-inline .svg-icon svg{
fill: var(--colorLight);
}
.nav-links .icon-inline{
vertical-align: bottom;
}
.page-links{
justify-content: flex-start;
}
.nav-links{
justify-content: center;
flex-wrap: wrap;
width: 100%;
}
.main .nav-links{
justify-content: center;
}
.nav-links,
.page-links{
clear: both;
margin: 0;
display: flex;
}
@media (max-width: 767px) {
.nav-links,
.page-links{
margin: 0 0;
}
}
.nav-links .woocommerce-pagination,
.page-links .woocommerce-pagination{
display: flex;
flex-wrap: wrap;
}
.nav-links:before,
.nav-links:after,
.page-links:before,
.page-links:after{
content: "";
display: block;
clear: both;
}
.nav-links:last-child,
.page-links:last-child{
margin-bottom: 0;
}
.nav-links a,
.nav-links .current,
.nav-links .dots,
.page-links a,
.page-links .current,
.page-links .dots{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
color: var(--colorMain);
background-color: rgba(0, 0, 0, 0);
border: 2px solid var(--colorMain);
font-size: 12px;
font-weight: bold;
letter-spacing: .2em;
text-indent: .2em;
line-height: 54px;
margin-left: 0;
width: 60px;
height: 60px;
border-radius: 0;
margin-right: 10px;
margin-bottom: 10px;
text-transform: uppercase;
transition: all .3s ease-in-out 0s;
}
.nav-links a:last-child,
.nav-links .current:last-child,
.nav-links .dots:last-child,
.page-links a:last-child,
.page-links .current:last-child,
.page-links .dots:last-child{
margin-right: 0;
}
.nav-links a:hover,
.nav-links .current:hover,
.nav-links .dots:hover,
.page-links a:hover,
.page-links .current:hover,
.page-links .dots:hover{
color: var(--colorLight);
background-color: var(--colorMain);
}
.nav-links .dots,
.page-links .dots{
color: var(--colorMain);
}
.nav-links .current,
.page-links .current{
color: var(--colorLight);
background-color: var(--colorMain);
border-color: var(--colorMain);
cursor: not-allowed;
}
.nav-links .current:hover,
.page-links .current:hover{
color: var(--colorLight);
background-color: var(--colorMain);
border-color: var(--colorMain);
}
.page-links span:first-child{
border: none;
padding-right: 0;
padding-left: 0;
}
.woo.pagination{
width: 100%;
text-align: center;
margin-top: 40px;
}
@media (max-width: 1199px) {
.woo.pagination{
margin-top: 0;
}
}
.pagination{
flex-wrap: wrap;
justify-content: center;
margin-bottom: -10px;
margin-top: 60px;
padding: 0;
}
.comments-pagination{
margin-bottom: 2em;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav{
margin: 0;
padding: 0;
list-style: none;
}
.flexslider{
margin: 0;
padding: 0;
}
.flexslider .slides > li{
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img{
width: 100%;
display: block;
}
.flex-pauseplay span{
text-transform: capitalize;
}
.slides:after{
content: " ";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides{
display: block;
}
* html .slides{
height: 1%;
}
.no-js .slides > li:first-child{
display: block;
}
.flexslider{
margin: 0 0;
position: relative;
zoom: 1;
}
.flex-viewport{
max-height: 2000px;
transition: all 1s ease;
}
.loading .flex-viewport{
max-height: 300px;
}
.flexslider .slides{
zoom: 1;
}
.flex-direction-nav{
*height: 0;
}
.flex-direction-nav a{
text-decoration: none;
display: block;
width: 60px;
height: 60px;
margin: -30px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-align: center;
}
.flex-direction-nav .flex-prev{
left: 10px;
}
.flex-direction-nav .flex-next{
right: 10px;
text-align: right;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover{
opacity: 1;
}
.flex-direction-nav .flex-disabled{
opacity: 0;
filter: alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before{
font-family: "icomoon";
font-size: 20px;
content: "";
color: var(--colorDarkGrey);
display: flex;
align-items: center;
justify-content: center;
}
.flex-direction-nav a.flex-next:before{
content: "";
}
.flex-pauseplay a{
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: .8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before{
font-family: "FontAwesome";
font-size: 20px;
display: inline-block;
content: "";
}
.flex-pauseplay a:hover{
opacity: 1;
}
.flex-pauseplay a.flex-play:before{
content: "";
}
.flex-control-nav{
width: 100%;
position: absolute;
bottom: 15px;
text-align: center;
z-index: 10;
color: rgba(0, 0, 0, 0);
font-size: 0;
line-height: 0;
}
@media (min-width: 767px) {
.flex-control-nav{
bottom: 50px;
}
}
.flex-control-nav li{
text-align: center;
display: inline-block;
padding: 0 14px;
zoom: 1;
*display: inline;
}
.flex-control-paging li:not(:last-child){
margin-right: 15px;
}
.flex-control-paging li a{
width: 10px;
height: 10px;
display: block;
border: 2px solid;
background-color: rgba(0, 0, 0, 0);
border-color: #fff;
border-color: var(--colorLight);
cursor: pointer;
border-radius: 50%;
position: relative;
}
.flex-control-paging li a::after{
content: " ";
position: absolute;
bottom: 0;
height: 0;
left: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 0 1px #fff;
transition: height .3s ease;
}
.flex-control-paging li a.flex-active::after{
height: 100%;
}
.flex-control-thumbs{
margin: 1px -1px;
position: static;
overflow: hidden;
}
.flex-control-thumbs li{
width: 25%;
float: left;
margin: 0 0 1px;
padding: 0 0 0 1px;
}
.flex-control-thumbs img{
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover{
opacity: 1;
}
.flex-control-thumbs .flex-active{
opacity: 1;
cursor: default;
}
.flex-custom-nav{
text-align: center;
position: absolute;
bottom: 38px;
right: 0;
left: 0;
z-index: 3;
line-height: 1;
transition: all .3s ease-in-out;
}
.flex-custom-nav .flex-control-nav{
width: auto;
display: inline-block;
position: static;
}
.flex-custom-nav .flex-custom-link{
font-size: 12px;
position: relative;
bottom: 7px;
margin: 0 8px;
color: #323232;
}
.ds .flex-custom-nav .flex-custom-link,
.cs .flex-custom-nav .flex-custom-link{
color: #fff;
}
.flex-custom-nav .flex-custom-link:hover{
color: #31b3b3;
}
.page_slider:hover .flex-custom-nav{
opacity: 1;
}
.widget.widget_custom_posts .item-content{
padding: 0 !important;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a{
text-decoration: none;
display: block;
width: 16px;
height: 26px;
margin: -30px -40px 0;
position: absolute;
top: -30px;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: rgba(0, 0, 0, 0);
text-align: center;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav .flex-prev{
left: auto;
right: 76px;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a:before{
font-family: "icomoon";
font-size: 16px;
content: "";
color: var(--colorDark);
position: absolute;
top: 0;
left: 0;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a.flex-next:before{
content: "";
left: 0;
}
.widget.widget_custom_posts .layout-slider .posts-list li img{
max-width: none;
max-height: auto;
}
.widget.widget_custom_posts .layout-slider .posts-list li + li{
margin-top: 0;
}
.widget.widget_custom_posts .layout-slider .widget-title{
margin-bottom: 30px;
font-weight: 500;
font-size: 30px;
line-height: 39px;
}
.widget.widget_custom_posts .layout-slider .posts-list .posts-list-thumbnail{
margin-right: 0;
}
.widget.widget_custom_posts .layout-slider .svg-icon.icon-video{
display: none;
}
.widget.widget_custom_posts .layout-slider .item-content{
position: relative;
padding: 50px 40px !important;
background-color: var(--colorBackground);
border-radius: 0 0 5px 5px;
}
.widget.widget_custom_posts .layout-slider .item-content .author-avatar img{
position: absolute;
top: -30px;
left: 40px;
max-width: 60px;
min-width: 0;
max-height: 60px;
}
.i .widget.widget_custom_posts .layout-slider .item-content{
background-color: var(--colorDark);
}
.widget.widget_custom_posts .layout-slider li img{
border-radius: 5px 5px 0 0;
}
.widget.widget_custom_posts .layout-slider .flex-control-nav.flex-control-paging{
display: none;
}
.apsc-facebook-icon{
background-color: #3b5998;
}
.apsc-twitter-icon{
background-color: #1dcaff;
}
.apsc-youtube-icon{
background-color: #e52d27;
}
.apsc-soundcloud-icon{
background-color: #f80;
}
.apsc-dribble-icon{
background-color: #ea4c89;
}
.apsc-comment-icon{
background-color: #464646;
}
.apsc-edit-icon{
background-color: #837d7d;
}
.apsc-google-plus-icon{
background-color: #dd4b39;
}
.apsc-instagram-icon{
background-color: #3f729b;
}
.apsc-each-profile a{
color: #fff !important;
}
.apsc-each-profile a:hover{
color: #fff !important;
text-decoration: none !important;
}
.apsc-theme-4 .apsc-facebook-icon i{
background-color: #3b5998;
}
.apsc-theme-4 .apsc-twitter-icon i{
background-color: #1dcaff;
}
.apsc-theme-4 .apsc-youtube-icon i{
background-color: #e52d27;
}
.apsc-theme-4 .apsc-soundcloud-icon i{
background-color: #f80;
}
.apsc-theme-4 .apsc-dribble-icon i{
background-color: #ea4c89;
}
.apsc-theme-4 .apsc-comment-icon i{
background-color: #464646;
}
.apsc-theme-4 .apsc-edit-icon i{
background-color: #837d7d;
}
.apsc-theme-4 .apsc-google-plus-icon i{
background-color: #dd4b39;
}
.apsc-theme-4 .apsc-instagram-icon i{
background-color: #3f729b;
}
.apsc-theme-4 .apsc-each-profile{
margin-bottom: 10px;
}
.apsc-theme-4 .apsc-inner-block{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.apsc-theme-4 .social-icon{
display: inline-block;
margin-right: auto;
padding: 4px 0;
transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-each-profile a{
display: block;
position: relative;
padding: 14px 29px 14px 88px;
font-size: 14px;
font-weight: 300;
text-transform: capitalize;
color: var(--colorLight) !important;
}
.apsc-theme-4 .apsc-each-profile a .media-name{
color: var(--colorLight) !important;
font-weight: 400;
}
.apsc-theme-4 .apsc-each-profile a i{
color: var(--colorLight) !important;
}
.apsc-theme-4 .apsc-each-profile a:hover{
background-color: var(--colorDark);
}
@media (max-width: 768px) {
.apsc-theme-4 .apsc-each-profile a{
padding: 11px 15px 11px 70px;
}
}
.apsc-theme-4 .apsc-each-profile{
border-radius: 3px;
overflow: hidden;
}
.apsc-theme-4 .apsc-each-profile a .fa,
.apsc-theme-4 .apsc-each-profile a .fab,
.apsc-theme-4 .apsc-each-profile a .fas{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-right: 1px solid var(--colorLight);
width: 60px;
font-size: 14px;
-webkit-transform: none;
transform: none;
transition: all .5s ease-in-out;
}
.apsc-theme-4 .apsc-count{
border-radius: 0;
color: var(--colorLight);
display: inline-block;
font-size: inherit;
text-align: center;
position: relative;
padding: 4px 4px;
transition: all .5s ease-in-out;
font-weight: 300;
}
.apsc-theme-4 .apsc-media-type{
display: inline-block;
padding: 4px 0;
font-weight: 300;
color: var(--colorLight);
}
.apsc-theme-4 .apsc-each-profile{
width: 100%;
margin: 0 0 10px 0;
}
.apsc-theme-4 .apsc-each-profile a{
padding: 0 20px 0 0;
}
.apsc-theme-4 .apsc-each-profile .apsc-inner-block{
align-items: center;
flex-wrap: nowrap;
}
.apsc-theme-4 .apsc-each-profile .social-icon{
height: 60px;
display: flex;
align-items: center;
}
.apsc-theme-4 .apsc-each-profile .media-name{
margin-left: 90px;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
font-weight: 500 !important;
}
.apsc-theme-4 .apsc-each-profile .apsc-media-type{
white-space: nowrap;
}
.apsc-theme-5{
display: flex;
flex-wrap: wrap;
}
#ctf .ctf-item:first-child{
padding-top: 0;
}
.page_slider.intro_slider{
position: relative;
position: relative;
clear: both;
}
.page_slider.intro_slider .animated{
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-transform: translateX();
transform: translateX();
}
.page_slider.intro_slider .animated.hinge{
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.page_slider.intro_slider .fadeInSlider{
animation-name: fadeInSlider;
-webkit-animation-name: fadeInSlider;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
visibility: visible;
}
@keyframes fadeInSlider {
0%{
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
100%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes fadeInSlider {
0%{
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
100%{
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.page_slider.intro_slider .pullUpSlider{
animation-name: pullUpSlider;
-webkit-animation-name: pullUpSlider;
animation-duration: 1.1s;
-webkit-animation-duration: 1.1s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
}
@keyframes pullUpSlider {
0%{
-webkit-transform: scaleY(0.1);
transform: scaleY(0.1);
opacity: 0;
}
40%{
-webkit-transform: scaleY(1.02);
transform: scaleY(1.02);
}
60%{
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80%{
-webkit-transform: scaleY(1.01);
transform: scaleY(1.01);
}
100%{
-webkit-transform: scaleY(0.98);
transform: scaleY(0.98);
}
80%{
-webkit-transform: scaleY(1.01);
transform: scaleY(1.01);
}
100%{
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}
}
@-webkit-keyframes pullUpSlider {
0%{
-webkit-transform: scaleY(0.1);
opacity: 0;
}
40%{
-webkit-transform: scaleY(1.02);
}
60%{
-webkit-transform: scaleY(0.98);
}
80%{
-webkit-transform: scaleY(1.01);
}
100%{
-webkit-transform: scaleY(0.98);
}
80%{
-webkit-transform: scaleY(1.01);
}
100%{
-webkit-transform: scaleY(1);
opacity: 1;
}
}
.page_slider.intro_slider .flexslider .slides > li{
position: relative;
}
.page_slider.intro_slider li.overlay-dark{
position: relative;
}
.page_slider.intro_slider li.overlay-dark::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--colorDarkGrey);
opacity: .7;
z-index: 2;
}
.page_slider.intro_slider li .layer-img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 430px;
max-height: 430px;
min-height: 0;
min-width: 0;
-o-object-fit: cover;
object-fit: cover;
z-index: 3;
}
.page_slider.intro_slider li .slide_description{
z-index: 5;
}
.page_slider.intro_slider li .slide-pre-heading{
line-height: 1;
display: inline-block;
}
.page_slider.intro_slider li .slide-heading{
margin-top: 0;
margin-bottom: 0;
font-size: 30px;
font-weight: 900;
line-height: 1;
text-shadow: 0 0 7px rgba(0, 0, 0, .2);
}
@media (min-width: 768px) {
.page_slider.intro_slider li .slide-heading{
font-size: 50px;
}
}
@media (min-width: 1200px) {
.page_slider.intro_slider li .slide-heading{
font-size: 115px;
}
}
.page_slider.intro_slider li .slide-description{
font-size: 1em;
}
.page_slider.intro_slider li .slider-buttons-wrap{
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-top: 1.7em;
padding: 20px 0;
}
@media (max-width: 767px) {
.page_slider.intro_slider li .slider-buttons-wrap{
gap: 10px;
}
}
@media (min-width: 768px) {
.page_slider.intro_slider li .slider-buttons-wrap .btn.btn-big{
line-height: 24px;
padding: .9em 3.5em;
}
}
@media (min-width: 1200px) {
.page_slider.intro_slider li .slider-buttons-wrap .btn.btn-big{
padding-left: 6em;
padding-right: 6em;
}
}
.page_slider.intro_slider .text-center .slider-buttons-wrap{
justify-content: center;
}
.page_slider.intro_slider .text-right .slider-buttons-wrap{
justify-content: flex-end;
}
.page_slider.intro_slider li .slider-content.text-right .slide-heading::before{
left: auto;
right: 0;
}
.page_slider.intro_slider li .slider-content.text-center .slide-heading::before{
left: calc(50% - 20px);
}
.page_slider.intro_slider > img{
width: 100%;
}
.page_slider.intro_slider.i{
color: var(--colorLight);
}
.page_slider.intro_slider .slides > li{
position: relative;
overflow: hidden;
min-height: 500px;
}
.page_slider.intro_slider .slides > li img:not(.layer-img){
height: 100%;
-o-object-fit: cover;
object-fit: cover;
min-height: 500px;
max-height: 500px;
}
@media (min-width: 768px) {
.page_slider.intro_slider .slides > li{
max-height: 100vh;
}
.page_slider.intro_slider .slides > li img:not(.layer-img){
max-height: 100vh;
}
}
@media (min-width: 1200px) {
.page_slider.intro_slider .slides > li{
min-height: 840px;
max-height: 840px;
}
.page_slider.intro_slider .slides > li img:not(.layer-img){
min-height: 840px;
max-height: 840px;
}
}
@media (min-width: 768px) {
.page_slider.intro_slider .slides.polygon{
-webkit-clip-path: polygon(0% 0%, 0% 94.2%, 50% 100%, 100% 94.2%, 100% 0%);
clip-path: polygon(0% 0%, 0% 94.2%, 50% 100%, 100% 94.2%, 100% 0%);
}
}
.page_slider.intro_slider .flexslider{
overflow: hidden;
}
@media (min-width: 768px) {
.page_slider.intro_slider .flexslider:hover .flex-direction-nav a{
opacity: 1;
top: 50%;
}
}
.page_slider.intro_slider .flexslider .flex-control-nav{
display: none;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a{
opacity: 0;
background-color: var(--colorLight);
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
cursor: pointer;
display: block;
font-size: 0;
width: 60px;
height: 60px;
margin: 0;
overflow: hidden;
position: absolute;
text-align: center;
text-decoration: none;
top: 0;
z-index: 10;
transition: all .6s ease 0s;
}
@media (max-width: 767px) {
.page_slider.intro_slider .flexslider .flex-direction-nav a{
opacity: 1;
top: auto;
bottom: 30px;
}
}
.page_slider.intro_slider .flexslider .flex-direction-nav a.flex-disabled{
opacity: 0;
visibility: hidden;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a::before{
color: var(--colorDark);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all .3s ease-in-out 0s;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a.flex-prev{
left: 10px;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a.flex-next{
right: 10px;
}
.page_slider.intro_slider .flexslider .flex-direction-nav a:hover.flex-prev::before,
.page_slider.intro_slider .flexslider .flex-direction-nav a:hover.flex-next::before{
color: var(--colorMain);
}
.page_slider.intro_slider .flexslider:before,
.page_slider.intro_slider .flexslider:after{
content: "";
display: block;
clear: both;
}
.page_slider.intro_slider .flexslider .intro-layer img{
width: auto;
display: inline-block;
}
.page_slider.intro_slider .flexslider .container,
.page_slider.intro_slider img + .container{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.page_slider.intro_slider [class*=col-]{
position: static;
min-height: 0;
}
.page_slider.intro_slider .slide_description_wrapper{
max-width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
padding: 30px 15px;
z-index: 5;
display: flex;
align-items: center;
}
.page_slider.intro_slider .slide_description_wrapper:before,
.page_slider.intro_slider .slide_description{
display: inline-block;
vertical-align: middle;
}
.page_slider.intro_slider .slide_description_wrapper:before{
content: "";
display: inline-block;
width: 0;
height: 100%;
}
.page_slider.intro_slider .text-center .slide_description{
margin: 0 auto;
}
.page_slider.intro_slider .text-right .slide_description{
margin-left: auto;
}
.scroll-icon{
visibility: visible !important;
width: 190px;
position: absolute;
bottom: 40px;
left: 50%;
font-size: 15px;
text-transform: uppercase;
text-align: center;
z-index: 10;
-webkit-animation: intro-scroll .5s linear, floating 1.5s infinite;
animation: intro-scroll .5s linear, floating 1.5s infinite;
}
.scroll-icon .intro-scroll{
animation-name: intro-scroll;
-webkit-animation-name: intro-scroll;
animation-duration: .5s;
-webkit-animation-duration: .5s;
animation-iteration-count: linear;
-webkit-animation-iteration-count: linear;
}
@-webkit-keyframes intro-scroll {
0%{
bottom: 12%;
opacity: 0;
}
100%{
bottom: 9%;
opacity: 1;
}
}
@keyframes intro-scroll {
0%{
bottom: 12%;
opacity: 0;
}
100%{
bottom: 9%;
opacity: 1;
}
}
.scroll-icon .floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
50%{
-webkit-transform: translate(-50%, 8%);
transform: translate(-50%, 8%);
}
100%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
}
@-webkit-keyframes floating {
0%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
50%{
-webkit-transform: translate(-50%, 8%);
transform: translate(-50%, 8%);
}
100%{
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
}
}
.scroll-icon .icon-mouse{
display: block;
margin: 0 auto;
}
.scroll-icon .icon-mouse.svg-icon svg{
fill: var(--colorLight);
min-width: 60px;
min-height: 60px;
}
.scroll-icon a{
color: var(--colorLight);
}
.scroll-icon a:hover{
opacity: .7;
}
@media (max-width: 991px) {
.scroll-icon{
display: none;
}
}
.slide-mask-wrap{
background-position: center;
background-size: cover;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.slide-mask-wrap img{
visibility: hidden;
display: none;
}
.image-dependant .slide-mask-wrap img{
display: block;
}
.slide-mask-wrap svg{
position: absolute;
left: 50%;
top: 0;
width: 50%;
height: 100%;
}
.slide-mask-wrap svg .mask{
fill: var(--colorMain);
}
.slide-mask-wrap svg .mask-text{
font-family: "Anton",sans-serif;
text-transform: uppercase;
font-size: 50px;
}
.image-dependant .slide-mask-wrap:first-child{
position: relative;
min-height: 100%;
}
@media (min-width: 500px) {
.intro_slider svg .mask-text{
font-size: 80px;
}
.intro_slider h2{
font-size: 40px;
}
}
@media (min-width: 768px) {
.intro_slider svg .mask-text{
font-size: 110px;
}
.intro_slider h2{
font-size: 60px;
}
}
@media (min-width: 1200px) {
.intro_slider h2{
font-size: 80px;
}
.intro_slider svg .mask-text{
font-size: 200px;
}
.intro_slider.all-scr-cover:not(.image-dependant) .slide_description_wrapper{
padding: 15% 0;
}
.intro_slider .flex-control-nav{
bottom: 38%;
}
}
@media (min-width: 1600px) {
.intro_slider.all-scr-cover:not(.image-dependant) .slide_description_wrapper{
padding: 19% 0;
}
.intro_slider h2{
font-size: 100px;
}
.intro_slider svg .mask-text{
font-size: 270px;
}
}
.slide-video{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
z-index: 1;
-o-object-fit: cover;
object-fit: cover;
opacity: 1;
}
.tribe-events-view{
background-color: rgba(0, 0, 0, 0) !important;
}
.post-type-archive-tribe_events article{
overflow: visible;
}
.post-type-archive-tribe_events article .entry-content{
margin-top: 0;
}
.tribe-events-content h2,
.tribe-events-content h3,
.tribe-events-content h4,
.tribe-events-content h5,
.tribe-events-content h6{
font-weight: 500;
color: var(--tec-color-text-events-title);
line-height: 1;
}
.tribe-events-content ol,
.tribe-events-content p,
.tribe-events-content ul{
font-size: var(--tec-font-size-3);
line-height: 30px;
color: var(--colorFont);
}
.no-sidebar .tribe-common--breakpoint-medium.tribe-events .content-narrow.tribe-events-calendar-list__event-row,
.no-sidebar .tribe-common--breakpoint-medium.tribe-events .content-narrow.tribe-events-header{
margin-left: 8.773%;
margin-right: 8.773%;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters > .tribe-events-calendar-list__event-featured-image-wrapper.tribe-common-g-col{
padding: 0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row{
margin-bottom: 60px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-row:last-child{
margin-bottom: 0;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{
padding: 0;
min-height: 0;
}
.tribe-events .tribe-events-l-container{
min-height: auto;
padding: 0;
}
.tribe-events .tribe-common-g-row--gutters{
margin: 0;
}
.tribe-events .tribe-common-g-row--gutters > .tribe-common-g-col{
padding: 0;
}
.tribe-events .tribe-events-calendar-list__event-row:first-child{
margin-top: 0;
}
.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-details{
background-color: var(--tec-color-background-events);
}
.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag{
display: none;
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event{
flex-direction: row;
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .event-info{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .event-info .tribe-events-calendar-list__event-datetime,
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .event-info .tribe-events-calendar-latest-past__event-venue-title{
margin-right: 20px;
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .event-info .tribe-events-calendar-list__event-datetime:before,
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .event-info .tribe-events-calendar-latest-past__event-venue-title:before{
font-family: "FontAwesome";
font-size: var(--tec-font-size-2);
margin-right: 2px;
font-weight: 500;
color: var(--tec-color-accent-primary);
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .event-info .tribe-events-calendar-list__event-datetime:before{
content: "";
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .event-info .tribe-events-calendar-latest-past__event-venue-title:before{
content: "";
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-featured-image-link{
height: 100%;
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-featured-image-link .tribe-events-calendar-list__event-featured-image{
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-datetime-wrapper,
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-venue,
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-c-small-cta__price{
font-style: normal;
margin: 0;
font-size: var(--tec-font-size-1);
text-transform: uppercase;
letter-spacing: .2em;
font-weight: 600;
line-height: 30px;
color: var(--tec-color-text-event-date);
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-title{
margin-top: 12px;
margin-bottom: 5px;
font-size: var(--tec-font-size-7);
font-weight: 500;
line-height: 1.1;
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-title-link{
color: var(--tec-color-text-events-title);
}
.tribe-events .tribe-events-calendar-list__event-row article.tribe-events-calendar-list__event .tribe-events-calendar-list__event-title-link:hover{
color: var(--tec-color-link-primary);
}
.tribe-common article .tribe-common-g-col:first-child{
margin-bottom: 0;
}
@media (min-width: 768px) {
.tribe-common article .tribe-common-g-col:first-child{
width: 33.33333333%;
margin-bottom: 0;
}
}
.tribe-common article .tribe-common-g-col:last-child{
padding: 30px 20px;
}
@media (min-width: 768px) {
.tribe-common article .tribe-common-g-col:last-child{
width: 66.66666667%;
}
}
@media (min-width: 768px) {
.tribe-common article .tribe-common-g-col:last-child{
padding: 35px;
}
}
.tribe-common article .tribe-common-g-col .tribe-events-calendar-latest-past__event-description{
max-height: 90px;
overflow: hidden;
font-size: var(--tec-font-size-3);
color: var(--colorFont);
line-height: 30px;
margin-top: 0;
}
.single-tribe_events #main .container{
padding-bottom: 0 !important;
}
.tribe-events-single > .tribe_events{
margin-bottom: 130px;
}
@media (max-width: 1199px) {
.tribe-events-single > .tribe_events{
margin-bottom: 75px;
}
}
.tribe-events-single > .tribe_events > *{
padding: 0 15px;
margin: 10px 0;
}
@media (min-width: 768px) {
.tribe-events-single > .tribe_events .item-content{
width: 66.66666667%;
}
}
.tribe-events-single > .tribe_events .item-content .tribe-common{
display: none;
}
.tribe-events-single > .tribe_events .tribe-events-event-image{
margin-bottom: 0;
}
@media (min-width: 768px) {
.tribe-events-single > .tribe_events .tribe-events-event-image{
width: 33.33333333%;
}
}
.tribe-events-single .alignfull{
margin-top: 0;
margin-bottom: 0;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
left: 0;
right: 0;
max-width: 100vw;
padding: 0;
}
.tribe-events-single .alignfull .tribe-events-event-meta.primary,
.tribe-events-single .alignfull .tribe-events-event-meta.secondary,
.tribe-events-single .alignfull .tribe-events-meta-group.tribe-events-meta-group-gmap{
flex-basis: 100%;
margin: 0;
padding: 0;
}
.tribe-events-single .alignfull .tribe-events-venue-map > div,
.tribe-events-single .alignfull .tribe-events-venue-map > iframe{
display: block;
}
.tribe-events-single .alignfull .tribe-events-venue-map{
width: 100%;
margin: 0;
padding: 0;
}
.tribe-events-single .alignfull .tribe-events-venue-map > div,
.tribe-events-single .alignfull .tribe-events-venue-map > iframe{
max-height: 600px;
height: 600px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar{
margin-bottom: 0;
background-color: var(--tec-color-accent-primary);
}
.tribe-events .tribe-events-c-top-bar__nav-list-item{
margin: 0;
padding: 0;
}
.tribe-events .tribe-events-c-top-bar__nav-list-item a,
.tribe-events .tribe-events-c-top-bar__nav-list-item button{
font-size: 14px;
height: 80px;
width: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.tribe-events .tribe-events-c-top-bar__nav-list-item a:hover .tribe-common-c-btn-icon__icon-svg path{
fill: var(--colorLight);
opacity: .8;
}
.tribe-common .tribe-common-c-btn-icon--caret-left:disabled .tribe-common-c-btn-icon__icon-svg path,
.tribe-common .tribe-common-c-btn-icon--caret-right:disabled .tribe-common-c-btn-icon__icon-svg path{
fill: var(--colorLight);
opacity: .5;
}
.tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg,
.tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg{
width: 6px;
}
.tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path,
.tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path{
fill: var(--colorLight);
}
.tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button{
font-size: 30px;
font-weight: 600;
line-height: 1;
color: var(--colorLight);
text-transform: none;
letter-spacing: 0;
text-indent: 0;
}
.tribe-common .tribe-common-c-svgicon__svg-fill{
fill: var(--colorLight);
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg{
width: 10px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker{
display: flex;
justify-content: center;
align-items: center;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small,
.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 80px;
background-color: rgba(0, 0, 0, 0);
border: 2px solid var(--colorLight);
color: var(--colorLight);
font-size: 12px;
font-weight: 500;
line-height: 30px;
letter-spacing: .2em;
text-indent: .2em;
text-transform: uppercase;
padding: 13px 30px;
border-radius: 50px;
transition: all .4s linear 0s;
z-index: 2;
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small:hover,
.tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small:hover{
background-color: var(--colorLight);
color: var(--tec-color-text-events-title);
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title{
text-align: center;
}
.tribe-events .tribe-events-calendar-month__header-column{
padding: 24px 0;
background-color: var(--tec-color-text-events-title);
font-size: 12px;
font-weight: 500;
letter-spacing: .2em;
}
.tribe-common .tribe-common-c-loader__dot:not(:first-of-type){
margin-left: 0;
}
.tribe-events .tribe-events-c-messages__message{
border-radius: 0;
background-color: var(--tec-color-background-events);
}
@media (max-width: 797px) {
.tribe-events .tribe-events-calendar-month__header-column{
margin-bottom: 14px;
}
}
.tribe-events-widget{
margin-bottom: 0 !important;
}
.tribe-events-widget .tribe-events-widget-events-list h6.tribe-events-widget-events-list__event-title{
font-size: 16px;
line-height: 30px;
margin-bottom: 5px;
}
.tribe-events-widget .tribe-events-widget-events-list h6.tribe-events-widget-events-list__event-title a{
color: var(--colorDarkGrey);
}
.tribe-events-widget .tribe-events-widget-events-list h6.tribe-events-widget-events-list__event-title a:hover{
color: var(--colorMain);
}
.tribe-events-widget .tribe-events-widget-events-list .tribe-events-calendar-latest-past__event-description{
font-size: 16px;
font-weight: 300;
line-height: 30px;
color: var(--colorFont);
overflow: hidden;
display: -webkit-box;
margin-top: 0;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.tribe-events-widget .tribe-events-widget-events-list .tribe-events-widget-events-list__view-more{
margin-top: 35px;
font-size: 12px;
font-weight: 600;
line-height: 1em;
letter-spacing: .2em;
}
.tribe-events-widget .tribe-events-widget-events-list .tribe-events-widget-events-list__view-more a{
color: var(--colorDarkGrey);
}
.tribe-events-widget .tribe-events-widget-events-list .tribe-events-widget-events-list__view-more a:hover{
color: var(--colorMain);
}
.i.elementor-widget-wp-widget-tribe-widget-events-list{
background-color: rgba(0, 0, 0, 0);
}
.i .tribe-events-widget .tribe-events-widget-events-list h6.tribe-events-widget-events-list__event-title a,
.i.tribe-events-widget .tribe-events-widget-events-list h6.tribe-events-widget-events-list__event-title a{
color: var(--colorLight);
}
.i .tribe-events-widget .tribe-events-widget-events-list h6.tribe-events-widget-events-list__event-title a:hover,
.i.tribe-events-widget .tribe-events-widget-events-list h6.tribe-events-widget-events-list__event-title a:hover{
color: var(--colorMain);
}
.i .tribe-events-widget .tribe-events-widget-events-list .tribe-events-calendar-latest-past__event-description,
.i.tribe-events-widget .tribe-events-widget-events-list .tribe-events-calendar-latest-past__event-description{
color: var(--colorDarkFont);
}
.i .tribe-events-widget .tribe-events-widget-events-list .tribe-events-widget-events-list__view-more a,
.i.tribe-events-widget .tribe-events-widget-events-list .tribe-events-widget-events-list__view-more a{
color: var(--colorLight);
}
.i .tribe-events-widget .tribe-events-widget-events-list .tribe-events-widget-events-list__view-more a:hover,
.i.tribe-events-widget .tribe-events-widget-events-list .tribe-events-widget-events-list__view-more a:hover{
color: var(--colorMain);
}
.elementor-tab-content h6{
font-size: 16px;
margin-bottom: 10px;
}
.strong-min-width strong{
display: inline-block;
min-width: 110px;
font-weight: 500;
}
.strong-min-width strong + a{
display: inline-flex !important;
}
.elementor-accordion .elementor-tab-content{
border-top: none !important;
}
.elementor-accordion .elementor-tab-title{
position: relative;
transition: all .3s ease;
}
.elementor-accordion .elementor-tab-title:after{
content: "+";
position: absolute;
text-align: center;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
width: 1em;
height: 1em;
font-size: 14px;
font-weight: 600;
transition: all .3s ease-in-out 0s;
}
.elementor-accordion .elementor-tab-title.elementor-active::after{
content: "-";
}
.elementor-accordion .elementor-accordion-item + .elementor-accordion-item{
margin-top: -1px;
}
.elementor-tab-title .elementor-accordion-icon i:before{
transition: all .3s ease;
}
@media (min-width: 1200px) {
.add-border:before{
content: "";
border: 10px solid rgba(var(--colorDarkGreyRGB), 0.05);
position: absolute;
left: -30px;
top: 30px;
width: 100%;
height: 100%;
display: block;
}
.add-border-right:before{
content: "";
border: 10px solid rgba(var(--colorDarkGreyRGB), 0.05);
position: absolute;
right: -30px;
top: 30px;
width: 100%;
height: 100%;
display: block;
}
}
.list-text-flex .elementor-icon-list-text{
display: flex;
width: 100%;
}
.list-text-flex .elementor-icon-list-text > span:first-child{
width: 38%;
}
.list-text-flex .elementor-icon-list-text > span:last-child{
flex: 1 1;
}
.just-link a{
display: inline-block;
position: relative;
margin-left: 5px;
z-index: 1;
}
.just-link a:before{
content: "";
background-color: var(--colorMain2);
position: absolute;
width: 15px;
height: 5px;
bottom: 0;
left: -5px;
z-index: -1;
transition: all .3s linear;
}
.just-link a:hover:before{
width: calc(100% + 10px);
transition: width .6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.progress-bar.color1{
background-color: var(--colorMain);
}
.progress-bar.color2{
background-color: var(--colorMain2);
}
.progress-bar.color3{
background-color: var(--colorMain3);
}
.progress-bar.color4{
background-color: var(--colorMain4);
}
p + .progress{
margin-top: -10px;
}
.progress-title + .progress{
margin-top: 4px;
}
.progress{
overflow: visible;
height: 5px;
margin-bottom: 24px;
position: relative;
border-radius: 0;
box-shadow: none;
border: none;
background-color: var(--colorBorder);
}
.progress:last-child{
margin-bottom: 0;
}
.progress-bar{
float: left;
font-size: 14px;
line-height: 24px;
text-align: center;
background-color: var(--colorMain);
color: inherit;
box-shadow: none;
height: 5px;
transition: width .6s ease;
}
.progress-bar span{
position: absolute;
right: 0;
top: -30px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: var(--fontSecondary);
text-transform: uppercase;
}
.progress-title{
margin-right: 50px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
font-family: var(--fontSecondary);
margin-bottom: 10px;
padding-right: 35px;
text-transform: uppercase;
}
.progress-level{
font-size: 14px;
font-weight: 500;
letter-spacing: .2em;
float: right;
position: relative;
}
.alert{
border-radius: 0;
border-width: 0 0 0 4px;
padding: 30px;
margin-bottom: 40px;
}
.p-05{
padding: .5em;
}
.p-1{
padding: 1em;
}
.p-2{
padding: 2em;
}
.p-3{
padding: 3em;
}
.p-big{
padding: 2em 8%;
}
.pr-05{
padding-right: .5em;
}
.pl-05{
padding-right: .5em;
}
.pl-10{
padding-left: 10px;
}
.pl-15{
padding-left: 15px;
}
.pl-20{
padding-left: 20px;
}
.pl-25{
padding-left: 25px;
}
.pl-30{
padding-left: 30px;
}
.p-40{
padding: 40px;
}
.pt-0{
padding-top: 0;
}
@media (max-width: 1199px) {
.pt-0{
padding-top: calc(0em / 2);
}
}
.pt-1{
padding-top: 1em;
}
@media (max-width: 1199px) {
.pt-1{
padding-top: calc(1em / 2);
}
}
.pt-2{
padding-top: 2em;
}
@media (max-width: 1199px) {
.pt-2{
padding-top: calc(2em / 2);
}
}
.pt-3{
padding-top: 3em;
}
@media (max-width: 1199px) {
.pt-3{
padding-top: calc(3em / 2);
}
}
.pt-4{
padding-top: 4em;
}
@media (max-width: 1199px) {
.pt-4{
padding-top: calc(4em / 2);
}
}
.pt-5{
padding-top: 5em;
}
@media (max-width: 1199px) {
.pt-5{
padding-top: calc(5em / 2);
}
}
.pt-6{
padding-top: 6em;
}
@media (max-width: 1199px) {
.pt-6{
padding-top: calc(6em / 2);
}
}
.pt-7{
padding-top: 7em;
}
@media (max-width: 1199px) {
.pt-7{
padding-top: calc(7em / 2);
}
}
.pt-8{
padding-top: 8em;
}
@media (max-width: 1199px) {
.pt-8{
padding-top: calc(8em / 2);
}
}
.pt-9{
padding-top: 9em;
}
@media (max-width: 1199px) {
.pt-9{
padding-top: calc(9em / 2);
}
}
.pt-10{
padding-top: 10em;
}
@media (max-width: 1199px) {
.pt-10{
padding-top: calc(10em / 2);
}
}
.pb-0{
padding-bottom: 0;
}
@media (max-width: 1199px) {
.pb-0{
padding-bottom: calc(0em / 2);
}
}
.pb-1{
padding-bottom: 1em;
}
@media (max-width: 1199px) {
.pb-1{
padding-bottom: calc(1em / 2);
}
}
.pb-2{
padding-bottom: 2em;
}
@media (max-width: 1199px) {
.pb-2{
padding-bottom: calc(2em / 2);
}
}
.pb-3{
padding-bottom: 3em;
}
@media (max-width: 1199px) {
.pb-3{
padding-bottom: calc(3em / 2);
}
}
.pb-4{
padding-bottom: 4em;
}
@media (max-width: 1199px) {
.pb-4{
padding-bottom: calc(4em / 2);
}
}
.pb-5{
padding-bottom: 5em;
}
@media (max-width: 1199px) {
.pb-5{
padding-bottom: calc(5em / 2);
}
}
.pb-6{
padding-bottom: 6em;
}
@media (max-width: 1199px) {
.pb-6{
padding-bottom: calc(6em / 2);
}
}
.pb-7{
padding-bottom: 7em;
}
@media (max-width: 1199px) {
.pb-7{
padding-bottom: calc(7em / 2);
}
}
.pb-8{
padding-bottom: 8em;
}
@media (max-width: 1199px) {
.pb-8{
padding-bottom: calc(8em / 2);
}
}
.pb-9{
padding-bottom: 9em;
}
@media (max-width: 1199px) {
.pb-9{
padding-bottom: calc(9em / 2);
}
}
.pb-10{
padding-bottom: 10em;
}
@media (max-width: 1199px) {
.pb-10{
padding-bottom: calc(10em / 2);
}
}
.pl-0{
padding-left: 0;
}
.pl-1{
padding-left: 1em;
}
.pl-2{
padding-left: 2em;
}
.pl-3{
padding-left: 3em;
}
.pl-4{
padding-left: 4em;
}
.pl-5{
padding-left: 5em;
}
.pl-6{
padding-left: 6em;
}
.pl-7{
padding-left: 7em;
}
.pl-8{
padding-left: 8em;
}
.pl-9{
padding-left: 9em;
}
.pl-10{
padding-left: 10em;
}
.pr-0{
padding-right: 0;
}
.pr-1{
padding-right: 1em;
}
.pr-2{
padding-right: 2em;
}
.pr-3{
padding-right: 3em;
}
.pr-4{
padding-right: 4em;
}
.pr-5{
padding-right: 5em;
}
.pr-6{
padding-right: 6em;
}
.pr-7{
padding-right: 7em;
}
.pr-8{
padding-right: 8em;
}
.pr-9{
padding-right: 9em;
}
.pr-10{
padding-right: 10em;
}
@media (min-width: 576px) {
.pl-sm-0{
padding-left: 0;
}
.pl-sm-1{
padding-left: 1em;
}
.pl-sm-2{
padding-left: 2em;
}
.pl-sm-3{
padding-left: 3em;
}
.pl-sm-4{
padding-left: 4em;
}
.pl-sm-5{
padding-left: 5em;
}
.pl-sm-6{
padding-left: 6em;
}
.pl-sm-7{
padding-left: 7em;
}
.pl-sm-8{
padding-left: 8em;
}
.pl-sm-9{
padding-left: 9em;
}
.pl-sm-10{
padding-left: 10em;
}
.pr-sm-0{
padding-right: 0;
}
.pr-sm-1{
padding-right: 1em;
}
.pr-sm-2{
padding-right: 2em;
}
.pr-sm-3{
padding-right: 3em;
}
.pr-sm-4{
padding-right: 4em;
}
.pr-sm-5{
padding-right: 5em;
}
.pr-sm-6{
padding-right: 6em;
}
.pr-sm-7{
padding-right: 7em;
}
.pr-sm-8{
padding-right: 8em;
}
.pr-sm-9{
padding-right: 9em;
}
.pr-sm-10{
padding-right: 10em;
}
.pt-sm-0{
padding-top: 0;
}
.pt-sm-1{
padding-top: 1em;
}
.pt-sm-2{
padding-top: 2em;
}
.pt-sm-3{
padding-top: 3em;
}
.pt-sm-4{
padding-top: 4em;
}
.pt-sm-5{
padding-top: 5em;
}
.pt-sm-6{
padding-top: 6em;
}
.pt-sm-7{
padding-top: 7em;
}
.pt-sm-8{
padding-top: 8em;
}
.pt-sm-9{
padding-top: 9em;
}
.pt-sm-10{
padding-top: 10em;
}
.pb-sm-0{
padding-bottom: 0;
}
.pb-sm-1{
padding-bottom: 1em;
}
.pb-sm-2{
padding-bottom: 2em;
}
.pb-sm-3{
padding-bottom: 3em;
}
.pb-sm-4{
padding-bottom: 4em;
}
.pb-sm-5{
padding-bottom: 5em;
}
.pb-sm-6{
padding-bottom: 6em;
}
.pb-sm-7{
padding-bottom: 7em;
}
.pb-sm-8{
padding-bottom: 8em;
}
.pb-sm-9{
padding-bottom: 9em;
}
.pb-sm-10{
padding-bottom: 10em;
}
}
@media (min-width: 768px) {
.pl-md-0{
padding-left: 0;
}
.pl-md-1{
padding-left: 1em;
}
.pl-md-2{
padding-left: 2em;
}
.pl-md-3{
padding-left: 3em;
}
.pl-md-4{
padding-left: 4em;
}
.pl-md-5{
padding-left: 5em;
}
.pl-md-6{
padding-left: 6em;
}
.pl-md-7{
padding-left: 7em;
}
.pl-md-8{
padding-left: 8em;
}
.pl-md-9{
padding-left: 9em;
}
.pl-md-10{
padding-left: 10em;
}
.pr-md-0{
padding-right: 0;
}
.pr-md-1{
padding-right: 1em;
}
.pr-md-2{
padding-right: 2em;
}
.pr-md-3{
padding-right: 3em;
}
.pr-md-4{
padding-right: 4em;
}
.pr-md-5{
padding-right: 5em;
}
.pr-md-6{
padding-right: 6em;
}
.pr-md-7{
padding-right: 7em;
}
.pr-md-8{
padding-right: 8em;
}
.pr-md-9{
padding-right: 9em;
}
.pr-md-10{
padding-right: 10em;
}
.pt-md-0{
padding-top: 0;
}
.pt-md-1{
padding-top: 1em;
}
.pt-md-2{
padding-top: 2em;
}
.pt-md-3{
padding-top: 3em;
}
.pt-md-4{
padding-top: 4em;
}
.pt-md-5{
padding-top: 5em;
}
.pt-md-6{
padding-top: 6em;
}
.pt-md-7{
padding-top: 7em;
}
.pt-md-8{
padding-top: 8em;
}
.pt-md-9{
padding-top: 9em;
}
.pt-md-10{
padding-top: 10em;
}
.pb-md-0{
padding-bottom: 0;
}
.pb-md-1{
padding-bottom: 1em;
}
.pb-md-2{
padding-bottom: 2em;
}
.pb-md-3{
padding-bottom: 3em;
}
.pb-md-4{
padding-bottom: 4em;
}
.pb-md-5{
padding-bottom: 5em;
}
.pb-md-6{
padding-bottom: 6em;
}
.pb-md-7{
padding-bottom: 7em;
}
.pb-md-8{
padding-bottom: 8em;
}
.pb-md-9{
padding-bottom: 9em;
}
.pb-md-10{
padding-bottom: 10em;
}
}
@media (min-width: 992px) {
.pl-lg-0{
padding-left: 0;
}
.pl-lg-1{
padding-left: 1em;
}
.pl-lg-2{
padding-left: 2em;
}
.pl-lg-3{
padding-left: 3em;
}
.pl-lg-4{
padding-left: 4em;
}
.pl-lg-5{
padding-left: 5em;
}
.pl-lg-6{
padding-left: 6em;
}
.pl-lg-7{
padding-left: 7em;
}
.pl-lg-8{
padding-left: 8em;
}
.pl-lg-9{
padding-left: 9em;
}
.pl-lg-10{
padding-left: 10em;
}
.pr-lg-0{
padding-right: 0;
}
.pr-lg-1{
padding-right: 1em;
}
.pr-lg-2{
padding-right: 2em;
}
.pr-lg-3{
padding-right: 3em;
}
.pr-lg-4{
padding-right: 4em;
}
.pr-lg-5{
padding-right: 5em;
}
.pr-lg-6{
padding-right: 6em;
}
.pr-lg-7{
padding-right: 7em;
}
.pr-lg-8{
padding-right: 8em;
}
.pr-lg-9{
padding-right: 9em;
}
.pr-lg-10{
padding-right: 10em;
}
.pt-lg-0{
padding-top: 0;
}
.pt-lg-1{
padding-top: 1em;
}
.pt-lg-2{
padding-top: 2em;
}
.pt-lg-3{
padding-top: 3em;
}
.pt-lg-4{
padding-top: 4em;
}
.pt-lg-5{
padding-top: 5em;
}
.pt-lg-6{
padding-top: 6em;
}
.pt-lg-7{
padding-top: 7em;
}
.pt-lg-8{
padding-top: 8em;
}
.pt-lg-9{
padding-top: 9em;
}
.pt-lg-10{
padding-top: 10em;
}
.pb-lg-0{
padding-bottom: 0;
}
.pb-lg-1{
padding-bottom: 1em;
}
.pb-lg-2{
padding-bottom: 2em;
}
.pb-lg-3{
padding-bottom: 3em;
}
.pb-lg-4{
padding-bottom: 4em;
}
.pb-lg-5{
padding-bottom: 5em;
}
.pb-lg-6{
padding-bottom: 6em;
}
.pb-lg-7{
padding-bottom: 7em;
}
.pb-lg-8{
padding-bottom: 8em;
}
.pb-lg-9{
padding-bottom: 9em;
}
.pb-lg-10{
padding-bottom: 10em;
}
}
@media (min-width: 1200px) {
.pl-xl-0{
padding-left: 0;
}
.pl-xl-1{
padding-left: 1em;
}
.pl-xl-2{
padding-left: 2em;
}
.pl-xl-3{
padding-left: 3em;
}
.pl-xl-4{
padding-left: 4em;
}
.pl-xl-5{
padding-left: 5em;
}
.pl-xl-6{
padding-left: 6em;
}
.pl-xl-7{
padding-left: 7em;
}
.pl-xl-8{
padding-left: 8em;
}
.pl-xl-9{
padding-left: 9em;
}
.pl-xl-10{
padding-left: 10em;
}
.pr-xl-0{
padding-right: 0;
}
.pr-xl-1{
padding-right: 1em;
}
.pr-xl-2{
padding-right: 2em;
}
.pr-xl-3{
padding-right: 3em;
}
.pr-xl-4{
padding-right: 4em;
}
.pr-xl-5{
padding-right: 5em;
}
.pr-xl-6{
padding-right: 6em;
}
.pr-xl-7{
padding-right: 7em;
}
.pr-xl-8{
padding-right: 8em;
}
.pr-xl-9{
padding-right: 9em;
}
.pr-xl-10{
padding-right: 10em;
}
.pt-xl-0{
padding-top: 0;
}
.pt-xl-1{
padding-top: 1em;
}
.pt-xl-2{
padding-top: 2em;
}
.pt-xl-3{
padding-top: 3em;
}
.pt-xl-4{
padding-top: 4em;
}
.pt-xl-5{
padding-top: 5em;
}
.pt-xl-6{
padding-top: 6em;
}
.pt-xl-7{
padding-top: 7em;
}
.pt-xl-8{
padding-top: 8em;
}
.pt-xl-9{
padding-top: 9em;
}
.pt-xl-10{
padding-top: 10em;
}
.pb-xl-0{
padding-bottom: 0;
}
.pb-xl-1{
padding-bottom: 1em;
}
.pb-xl-2{
padding-bottom: 2em;
}
.pb-xl-3{
padding-bottom: 3em;
}
.pb-xl-4{
padding-bottom: 4em;
}
.pb-xl-5{
padding-bottom: 5em;
}
.pb-xl-6{
padding-bottom: 6em;
}
.pb-xl-7{
padding-bottom: 7em;
}
.pb-xl-8{
padding-bottom: 8em;
}
.pb-xl-9{
padding-bottom: 9em;
}
.pb-xl-10{
padding-bottom: 10em;
}
}
.mt-01{
margin-top: .1em !important;
}
.mt-02{
margin-top: .2em !important;
}
.mt-03{
margin-top: .3em !important;
}
.mt-04{
margin-top: .4em !important;
}
.mt-05{
margin-top: .5em !important;
}
.mt-15{
margin-top: 1.5em !important;
}
.mt-10{
margin-top: 10px !important;
}
.mt-20{
margin-top: 20px !important;
}
.mt-30{
margin-top: 30px !important;
}
.mt-0{
margin-top: 0 !important;
}
.mt-1{
margin-top: 1em !important;
}
.mt-2{
margin-top: 2em !important;
}
.mt-3{
margin-top: 3em !important;
}
.mt-4{
margin-top: 4em !important;
}
.mt-5{
margin-top: 5em !important;
}
.mb-01{
margin-bottom: .1em !important;
}
.mb-02{
margin-bottom: .2em !important;
}
.mb-03{
margin-bottom: .3em !important;
}
.mb-04{
margin-bottom: .4em !important;
}
.mb-05{
margin-bottom: .5em !important;
}
.mb-15{
margin-bottom: 1.5em !important;
}
.mb-10{
margin-bottom: 10px !important;
}
.mb-20{
margin-bottom: 20px !important;
}
.mb-30{
margin-bottom: 30px !important;
}
.mb-0{
margin-bottom: 0 !important;
}
.mb-0{
margin-bottom: 0 !important;
}
.mb-1{
margin-bottom: 1em !important;
}
.mb-2{
margin-bottom: 2em !important;
}
.mb-3{
margin-bottom: 3em !important;
}
.mb-4{
margin-bottom: 4em !important;
}
.mb-5{
margin-bottom: 5em !important;
}
.h-1{
height: 1px;
}
.h-2{
height: 2px;
}
.h-3{
height: 3px;
}
.h-4{
height: 4px;
}
.h-5{
height: 5px;
}
.error404 .section-404{
flex: 1 0 auto;
}
.error404 .section-404{
z-index: 3;
background-repeat: no-repeat;
background-position: center;
}
.error404 .section-404 .container:not([class*=pt-]),
.error404 .section-404 .container-fluid:not([class*=pt-]){
padding-top: 120px;
}
@media (max-width: 1199px) {
.error404 .section-404 .container:not([class*=pt-]),
.error404 .section-404 .container-fluid:not([class*=pt-]){
padding-top: 100px;
}
}
.error404 .section-404 .container:not([class*=pb-]),
.error404 .section-404 .container-fluid:not([class*=pb-]){
padding-bottom: 140px;
}
@media (max-width: 1199px) {
.error404 .section-404 .container:not([class*=pb-]),
.error404 .section-404 .container-fluid:not([class*=pb-]){
padding-bottom: 100px;
}
}
.error404 .section-404 main{
width: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
@media (max-width: 768px) {
.error404 .section-404 main{
justify-content: center;
}
}
.error404 .section-404 main .not_found{
font-family: var(--fontBody) !important;
font-size: 240px;
line-height: .8;
color: var(--colorMain);
margin-bottom: 0;
}
@media (max-width: 768px) {
.error404 .section-404 main .not_found{
font-size: 160px;
}
}
.error404 .section-404 main .text-404{
margin-top: 10px;
letter-spacing: 0;
margin-bottom: 24px;
text-transform: uppercase;
}
.error404 .section-404 main .widget_search .search-form{
max-width: 370px;
margin: 0 auto;
}
.error404 .section-404 main .widget_search .search-form input{
background-color: rgba(0, 0, 0, 0);
border-color: var(--colorGrey);
}
.error404 .section-404 main .widget_search .search-form button:before{
font-size: 16px;
}
.error404 .section-404 main .widget_search .search-separator{
margin-top: 20px;
margin-bottom: 27px;
}
.error404 .section-404.with-text-404 .content-404{
min-height: unset !important;
margin-bottom: 50px;
margin-top: 50px;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover,
body #booked-profile-page input[type=submit].button-primary:hover,
body .booked-list-view button.button:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover,
body table.booked-calendar th,
body table.booked-calendar thead,
body table.booked-calendar thead th,
body #booked-profile-page .booked-profile-header,
body #booked-profile-page .booked-tabs li.active a,
body #booked-profile-page .booked-tabs li.active a:hover,
body #booked-profile-page .appt-block .google-cal-button > a:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{
background: var(--colorMain) !important;
}
body #booked-profile-page input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:hover,
body .booked-list-view button.button:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover,
body #booked-profile-page .booked-profile-header,
body #booked-profile-page .appt-block .google-cal-button > a:hover{
border-color: var(--colorMain) !important;
}
body table.booked-calendar th,
body table.booked-calendar thead{
background: rgba(0, 0, 0, 0) !important;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover{
color: var(--colorMain);
background-color: rgba(0, 0, 0, 0) !important;
}
body .ds table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover{
color: #fff;
background-color: rgba(0, 0, 0, 0) !important;
}
body table.booked-calendar tr.days,
body table.booked-calendar tr.days th,
body .booked-calendarSwitcher.calendar,
body #booked-profile-page .booked-tabs,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
background: #191f28 !important;
}
body table.booked-calendar tr.days th,
body #booked-profile-page .booked-tabs{
border-color: #191f28 !important;
}
@media screen and (max-width: 720px) {
body .booked-calendar .booked-appt-list .timeslot .timeslot-people,
body .booked-calendar .booked-appt-list .timeslot .timeslot-people:hover,
body .booked-calendar .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people,
body .booked-calendar .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people:hover{
padding: 18px 16px 0 0;
}
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover,
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body #booked-profile-page .booked-profile-appt-list .appt-block.approved .status-block,
body #booked-profile-page .appt-block .google-cal-button > a,
body .booked-modal p.booked-title-bar,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover,
.booked-ms-modal .booked-book-appt{
background: var(--colorMain);
}
body table.booked-calendar td .date span{
border: 2px solid rgba(0, 0, 0, 0);
}
body table.booked-calendar td:hover .date span{
background: rgba(0, 0, 0, 0);
border: 2px solid var(--colorMain);
}
body table.booked-calendar td:hover .date.tooltipster span{
background: rgba(0, 0, 0, 0);
border: rgba(0, 0, 0, 0);
}
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-list-view button.button,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary,
body #booked-profile-page .appt-block .google-cal-button > a,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover{
border-color: var(--colorMain) !important;
}
body .booked-modal .bm-window p i.fa,
body .booked-modal .bm-window a,
body .booked-appt-list .booked-public-appointment-title,
body .booked-modal .bm-window p.appointment-title,
.booked-ms-modal.visible:hover .booked-book-appt{
color: var(--colorMain3);
}
.booked-appt-list .timeslot.has-title .booked-public-appointment-title{
color: inherit;
}
body .calendarSavingState,
body #data-ajax-url{
display: none;
}
body .calendarSavingState{
color: #1f2732;
}
#wp-admin-bar-booked .ab-icon:before{
content: "";
top: 1px;
}
body.booked-noScroll{
position: fixed;
width: 100%;
overflow: hidden;
}
body .bookedClearFix:after{
content: "";
display: table;
clear: both;
}
body table.booked-calendar th,
body table.booked-calendar td{
font-weight: 400;
border: 1px solid #dedfe1;
}
body .ds table.booked-calendar td{
border: 1px solid #dedfe1;
}
body #booked-profile-page input[type=submit],
body #booked-profile-page button,
body .booked-list-view input[type=submit],
body .booked-list-view button,
body table.booked-calendar input[type=submit],
body table.booked-calendar button,
body .booked-modal input[type=submit],
body .booked-modal button,
body .booked-modal button.cancel{
-webkit-appearance: none;
height: auto;
font-size: 12px;
display: inline-block;
font-weight: 500;
letter-spacing: .2em;
padding: 0 12px;
background: #eee;
color: #333;
line-height: 30px;
text-shadow: none;
box-shadow: none;
border: 1px solid #ccc;
}
body table.booked-calendar input[type=submit],
body table.booked-calendar button{
padding: 8px 20px;
}
@media (min-width: 1400px) {
body table.booked-calendar input[type=submit],
body table.booked-calendar button{
padding: 13px 30px;
min-width: 170px;
}
}
body #booked-profile-page input[type=submit].bb-small,
body #booked-profile-page button.bb-small,
body .booked-list-view input[type=submit].bb-small,
body .booked-list-view button.bb-small,
body table.booked-calendar input[type=submit].bb-small,
body table.booked-calendar button.bb-small,
body .booked-modal input[type=submit].bb-small,
body .booked-modal button.bb-small{
line-height: 24px;
padding: 0 8px;
}
body #booked-profile-page input[type=submit].button-primary,
body table.booked-calendar input[type=submit].button-primary,
body .booked-list-view input[type=submit].button-primary,
body .booked-modal input[type=submit].button-primary{
-webkit-appearance: none;
height: auto;
color: #fff;
border-width: 1px;
border-style: solid;
}
body #booked-profile-page input[type=submit]:hover,
body #booked-profile-page button:hover,
body .booked-list-view input[type=submit]:hover,
body .booked-list-view button:hover,
body table.booked-calendar input[type=submit]:hover,
body table.booked-calendar button:hover,
body .booked-modal input[type=submit]:hover,
body .booked-modal button:hover{
background: #ddd;
color: #000;
height: auto;
text-shadow: none;
box-shadow: none;
border: 1px solid #ccc;
}
body #booked-profile-page input[type=submit].button-primary:hover,
body table.booked-calendar input[type=submit].button-primary:hover,
body .booked-list-view input[type=submit].button-primary:hover,
body .booked-modal input[type=submit].button-primary:hover{
color: #fff;
height: auto;
border: 1px solid;
}
body table.booked-calendar{
box-sizing: border-box;
text-shadow: none !important;
box-shadow: none !important;
}
body table.booked-calendar thead th .page-right,
body table.booked-calendar thead th .page-left{
color: #fff;
}
body table.booked-calendar thead th .page-right i,
body table.booked-calendar thead th .page-left i{
display: none;
}
body table.booked-calendar thead th .page-right:hover,
body table.booked-calendar thead th .page-left:hover{
color: #191f28;
}
body .ds table.booked-calendar thead th .page-right,
body .ds table.booked-calendar thead th .page-left{
color: #fff;
}
body .ds table.booked-calendar thead th .page-right i,
body .ds table.booked-calendar thead th .page-left i{
display: none;
}
body .ds table.booked-calendar thead th .page-right:hover,
body .ds table.booked-calendar thead th .page-left:hover{
color: var(--colorMain);
}
body table.booked-calendar thead th .page-right:after,
body table.booked-calendar thead th .page-left:after{
position: absolute;
top: 50%;
font-family: FontAwesome;
font-style: normal;
font-size: 16px;
margin-top: -8px;
}
body table.booked-calendar thead th .page-right:after{
content: "";
right: 50%;
margin-right: -4px;
}
body table.booked-calendar thead th .page-left:after{
content: "";
left: 50%;
margin-left: -4px;
}
body table.booked-calendar thead th{
text-align: center !important;
color: #fff !important;
}
body table.booked-calendar thead th .monthName{
font-size: 30px;
font-weight: 500;
text-transform: none;
height: 30px;
display: inline-block;
color: #fff;
}
body .ds table.booked-calendar thead th .monthName{
color: #fff;
}
body table.booked-calendar tbody td{
padding: 0;
text-align: center;
}
body .booked-calendar-wrap{
margin: 0 0 30px;
}
body .widget_booked_calendar .booked-calendar-wrap{
margin: 0;
}
body table.booked-calendar{
margin: 0;
padding: 0;
background: rgba(0, 0, 0, 0);
border-spacing: 0;
width: 100%;
border: none;
border-bottom: 1px solid #dedfe1;
}
body .ds table.booked-calendar{
border-bottom: 1px solid #dedfe1;
}
body table.booked-calendar thead{
background-color: var(--colorMain) !important;
color: #fff;
text-transform: none;
}
body table.booked-calendar th{
text-align: center;
position: relative;
font-size: 20px;
width: 14.285%;
border-width: 0;
border-style: solid;
padding: 25px 0;
line-height: 1;
}
body table.booked-calendar tr.days{
color: #fff;
text-transform: uppercase;
}
body table.booked-calendar tr.days th{
padding: 24px 0 23px;
border-width: 0;
border-style: solid;
font-size: 12px;
font-weight: 500;
letter-spacing: .2em;
}
body table.booked-calendar th .monthName a{
display: none;
}
body table.booked-calendar th .monthName a:hover{
color: rgba(255, 255, 255, .5);
}
body table.booked-calendar th .page-left{
width: 80px;
height: 80px;
display: block;
position: absolute;
left: 0;
top: 0;
border-right: 1px solid #dedfe1;
}
body table.booked-calendar th .page-left:hover{
left: 0;
}
body table.booked-calendar th .page-left:hover::after{
color: #1f2732;
}
body table.booked-calendar th .page-right{
width: 80px;
height: 80px;
display: block;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #dedfe1;
}
body table.booked-calendar th .page-right:hover{
right: 0;
}
body table.booked-calendar th .page-right:hover::after{
color: #1f2732;
}
body table.booked-calendar td{
text-align: center;
overflow: hidden;
position: relative;
font-size: 16px;
font-weight: 500;
color: #191f28;
padding: 0;
border-right: 1px solid #dedfe1;
}
@media (min-width: 768px) {
body table.booked-calendar td{
font-size: 24px;
}
}
body .ds table.booked-calendar td{
border-right: 1px solid #dedfe1;
color: #a4a9b9;
}
@media (min-width: 1200px) {
body table.booked-calendar td{
height: 100px !important;
}
body table.booked-calendar td > span{
line-height: 101px !important;
}
}
body table.booked-calendar td:first-child{
border-left: 1px solid #dedfe1;
}
body table.booked-calendar td:last-child{
border-right: 1px solid #dedfe1;
}
body .ds table.booked-calendar td:last-child{
border-right: 1px solid #dedfe1;
}
body .ds table.booked-calendar td:first-child{
border-left: 1px solid #dedfe1;
}
body table.booked-calendar td .date{
background: #f1f1f1;
display: block;
width: 100%;
height: 100%;
}
body .ds table.booked-calendar td .date{
background: #1f2732;
}
body table.booked-calendar td .date .number{
border-radius: 30px;
width: 50px;
height: 50px;
line-height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
}
body table.booked-calendar td:hover .date{
cursor: pointer;
background: var(--colorMain);
}
body table.booked-calendar td:hover .date span{
color: #fff;
}
body table.booked-calendar tr.week td.active{
border-bottom-color: #dedfe1;
}
body .ds table.booked-calendar tr.week td.active{
border-bottom-color: #dedfe1;
}
body table.booked-calendar tr.week td.active .date{
background: #ddd;
color: #7f7f7f;
}
body table.booked-calendar tr.week td.active .date .number{
border: none;
background: var(--colorMain);
color: #fff;
line-height: 50px;
}
body table.booked-calendar tr.week td.active{
background: #ddd;
}
body table.booked-calendar tr.entryBlock{
color: #fff;
}
body table.booked-calendar tr.entryBlock td{
padding: 0;
text-align: left;
color: #fff;
border-bottom-color: #dedfe1;
}
body .ds table.booked-calendar tr.entryBlock td{
border-bottom-color: #dedfe1;
}
body table.booked-calendar tr.entryBlock.loading td{
height: 132px;
}
body table.booked-calendar td.prev-date .date,
body table.booked-calendar td.prev-date:hover .date,
body table.booked-calendar td.prev-date:hover .date span{
cursor: not-allowed;
background: #fff !important;
color: #191f28 !important;
}
body .ds table.booked-calendar td.prev-date .date,
body .ds table.booked-calendar td.prev-date:hover .date,
body .ds table.booked-calendar td.prev-date:hover .date span{
background: #1f2732 !important;
color: #a4a9b9 !important;
}
body table.booked-calendar td.blur .date,
body table.booked-calendar td.blur:hover .date,
body table.booked-calendar td.blur:hover .date span{
cursor: not-allowed;
background: #f5f5f5 !important;
color: #ccc !important;
}
body table.booked-calendar td.next-month .date span,
body table.booked-calendar td.prev-month .date span{
color: #7f7f7f;
}
body .ds table.booked-calendar td.next-month .date span,
body .ds table.booked-calendar td.prev-month .date span{
color: #a4a9b9;
}
body table.booked-calendar td.next-month:hover .date span,
body table.booked-calendar td.prev-month:hover .date span{
color: var(--colorMain);
}
body table.booked-calendar td.booked .date,
body table.booked-calendar td.booked:hover .date,
body table.booked-calendar td.booked .date span,
body table.booked-calendar td.booked:hover .date span{
cursor: not-allowed;
background: #fff9f8 !important;
color: #ffa790 !important;
}
body table.booked-calendar td.active:hover .date span{
background: #fff;
}
body table.booked-calendar.booked-pa-active td.booked .date,
body table.booked-calendar.booked-pa-active td.booked:hover .date,
body table.booked-calendar.booked-pa-active td.booked .date span,
body table.booked-calendar.booked-pa-active td.booked:hover .date span{
cursor: pointer;
}
body table.booked-calendar.booked-pa-active td.booked:hover .date span{
background: #e35656 !important;
color: #fff !important;
}
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date,
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date:hover{
background: #ddd !important;
color: #555 !important;
}
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date span,
body table.booked-calendar.booked-pa-active tr.week td.booked.active .date span:hover{
background: #fff !important;
color: #555 !important;
}
body table.booked-calendar td.next-month .date,
body table.booked-calendar td.prev-month .date{
background: #fafafa;
}
body .ds table.booked-calendar td.next-month .date,
body .ds table.booked-calendar td.prev-month .date{
background: #191f28 !important;
}
body table.booked-calendar td.today{
position: relative;
}
body table.booked-calendar td.today .today_word{
position: absolute;
top: 10px;
right: 10px;
font-size: 12px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
line-height: 1 !important;
display: block;
}
@media (max-width: 768px) {
body table.booked-calendar td.today .today_word{
display: none;
}
}
body table.booked-calendar td.today .date{
background: var(--colorMain) !important;
color: #000;
}
body table.booked-calendar td.today .date span{
color: #000 !important;
}
body table.booked-calendar td.today.prev-date .date span{
color: #fff !important;
}
body table.booked-calendar td.today:hover .date{
background: var(--colorMain) !important;
color: #000 !important;
}
body table.booked-calendar td.today:hover .date span{
background: var(--colorMain) !important;
border: 0 !important;
color: #fff !important;
}
body table.booked-calendar td.today.active:hover .date span{
background: #fff !important;
color: #000 !important;
}
body table.booked-calendar td.today.prev-date:hover .date span{
background: none !important;
color: #fff !important;
}
body table.booked-calendar tr.week td.active .date,
body table.booked-calendar tr.week td.active:hover .date,
body table.booked-calendar tr.entryBlock{
background: #f2f2f2;
}
body .ds table.booked-calendar tr.week td.active .date,
body .ds table.booked-calendar tr.week td.active:hover .date,
body .ds table.booked-calendar tr.entryBlock{
background: #1f2732;
}
body .booked-calendar-wrap .booked-appt-list{
font-size: 30px;
line-height: 1;
}
body table.booked-calendar .booked-appt-list{
color: #000;
background: #fff;
-webkit-transform: scale(0.95);
transform: scale(0.95);
padding: 30px 35px 20px;
display: none;
box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
border-radius: 3px;
}
@media (min-width: 1200px) {
body table.booked-calendar .booked-appt-list{
padding: 40px 55px 40px;
}
}
body .ds table.booked-calendar .booked-appt-list{
background: #191f28;
}
body .booked-calendar-wrap .booked-appt-list.shown{
-webkit-transform: scale(1);
transform: scale(1);
}
body .booked-calendar-wrap .booked-appt-list h2{
text-align: left;
color: #191f28;
font-weight: 500;
text-transform: none;
font-size: 24px;
margin: 0 0 30px;
line-height: 1.7;
}
body .booked-calendar-wrap .booked-appt-list h2 strong{
font-weight: 400 !important;
}
body .booked-calendar-wrap .booked-appt-list h2 span{
line-height: 1.7;
}
body .ds .booked-calendar-wrap .booked-appt-list h2{
color: #fff;
}
body .booked-list-view .booked-appt-list h2.booked-no-prev{
text-align: left;
}
body .booked-calendar-wrap .booked-appt-list p{
color: #888;
font-weight: 400;
margin: 0 0 20px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot{
box-sizing: border-box;
line-height: 1.8;
color: #888;
min-height: 96px;
border-top: 1px solid #dedfe1;
}
body .ds .booked-calendar-wrap .booked-appt-list .timeslot{
border-top: 1px solid #dedfe1;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:last-child{
border-bottom: 1px solid #dedfe1;
}
body .ds .booked-calendar-wrap .booked-appt-list .timeslot:last-child{
border-bottom: 1px solid #dedfe1;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.faded{
opacity: .25;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:hover{
background: #f9f9f9;
}
body .ds .booked-calendar-wrap .booked-appt-list .timeslot:hover{
background: #1f2732;
}
body .booked-list-view .booked-appt-list .timeslot:hover{
background: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:last-child{
margin: 0 0 20px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-title{
margin: 0;
display: block;
color: var(--colorMain);
font-weight: 300;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
height: 96px;
padding: 18px 0 0 0;
box-sizing: border-box;
float: left;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title .timeslot-time{
height: auto;
min-height: 71px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time i.fa{
color: var(--colorMain);
font-size: 18px;
margin-right: 10px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
height: 71px;
padding: 18px 0 0 0;
box-sizing: border-box;
float: right;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
line-height: 1;
width: 60%;
font-weight: 300;
color: #191f28;
font-size: 16px;
}
body .ds .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
color: #a4a9b9;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available{
font-weight: 300;
text-transform: none;
font-size: 16px;
display: inline-block;
padding-left: 0;
color: var(--colorMain);
padding-bottom: 8px;
}
@media (min-width: 1200px) {
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available{
width: 220px;
}
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-range{
position: relative;
margin-top: 8px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-range:before{
font-family: FontAwesome;
content: "";
font-size: 4px;
color: var(--colorMain);
position: absolute;
top: 6px;
left: -1px;
}
@media (min-width: 1200px) {
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-range{
width: 240px;
display: inline-block;
}
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-range .booked-icon{
font-size: 0;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available.empty{
color: #e35656;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-unavailable .spots-available{
opacity: 0;
height: 13px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
width: 40%;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button{
float: right;
margin: 0 0 0 10px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot a{
font-weight: 600;
text-decoration: none;
}
body table.booked-calendar .booked-appt-list .timeslot button .spots-available,
body .booked-calendar-wrap .booked-appt-list .timeslot button .spots-available{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time{
min-height: auto;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-title{
margin: 0;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-range{
display: none;
}
body table.booked-calendar .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time{
min-height: auto;
}
body table.booked-calendar .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-title{
margin: 0;
}
body table.booked-calendar .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-time .timeslot-range{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-time{
height: 60px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
height: 60px;
padding-top: 13px;
padding-right: 13px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-time{
padding-top: 22px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time{
padding-left: 5px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
padding-right: 16px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time{
padding-left: 0;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people,
body .booked-list-view .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
padding-right: 0;
}
body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list .timeslot:hover .timeslot-people{
padding-right: 0;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button{
color: #fff;
border-width: 1px;
border-style: solid;
border-radius: 0;
padding: 12px 28px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button:hover{
border-width: 1px;
border-style: solid;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled],
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled]:hover{
cursor: default !important;
background: #eee !important;
border-color: #dedfe1 !important;
color: #aaa !important;
}
body .booked-list-view{
position: relative;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time{
width: 50%;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people{
width: 50%;
}
body .booked-list-view.small .booked-appt-list h2,
body .booked-list-view.booked-tight .booked-appt-list h2{
text-align: center;
}
body .booked-list-view.small .booked-list-view-nav,
body .booked-list-view.booked-tight .booked-list-view-nav{
display: block;
margin: -5px 0 30px;
position: relative;
text-align: center;
}
body .booked-list-view.small .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view.small .booked-list-view-nav .booked-list-view-date-prev,
body .booked-list-view.booked-tight .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view.booked-tight .booked-list-view-nav .booked-list-view-date-prev{
margin: 0 3px 5px;
position: relative;
display: inline-block;
top: 0;
}
body table.booked-calendar .timeslot-count strong{
display: block;
text-transform: uppercase;
margin: 20px 0 10px;
}
body table.booked-calendar .appt-block{
width: 80%;
border-top: 1px solid #dedfe1;
display: block;
padding: 10px 0;
}
body table.booked-calendar .timeslot-count button{
float: right;
margin: 0 0 0 10px;
}
body table.booked-calendar .timeslot-count a.delete{
float: left;
margin: 0 10px 0 0;
font-size: 20px;
line-height: 1.3;
color: #f59e9e;
}
body table.booked-calendar .timeslot-count a.delete:hover{
color: #e35656;
}
body table.booked-calendar tr.week td.active:hover .count{
top: -40px;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: block;
}
body .booked-calendarSwitcher.calendar{
box-sizing: border-box;
display: inline-block;
margin: 0;
padding: 8px 10px 9px 12px;
color: #fff;
border-radius: 5px 5px 0 0;
}
body .booked-calendarSwitcher.calendar p{
position: relative;
line-height: 1;
margin: 0;
}
body .booked-calendarSwitcher.calendar p i.fa{
font-size: 14px;
margin: 0 10px 0 0;
position: relative;
color: #fff;
}
body .booked-calendarSwitcher.calendar select{
position: relative;
cursor: pointer;
background: rgba(0, 0, 0, 0);
font-size: 14px;
min-width: 200px;
border: none;
color: #fff;
-webkit-appearance: none;
}
body .booked-calendarSwitcher.calendar select:active,
body .booked-calendarSwitcher.calendar select:focus{
box-shadow: none;
outline: none;
}
body .booked-calendarSwitcher.calendar p:before{
position: absolute;
top: 1px;
right: 3px;
color: #fff;
font-family: "FontAwesome";
content: "";
}
body .booked-calendarSwitcher.list{
box-sizing: border-box;
display: inline-block;
margin: 0 0 20px;
padding: 0;
}
body .booked-calendarSwitcher.list p{
line-height: 1;
margin: 0;
}
body .booked-calendarSwitcher.list p i.fa{
display: none;
}
body .booked-calendarSwitcher.list select{
font-size: 14px;
min-width: 200px;
border: 1px solid #ddd;
background: #f9f9f9;
height: 30px;
}
body .booked-calendarSwitcher.list select:active,
body .booked-calendarSwitcher.list select:focus{
box-shadow: none;
outline: none;
}
body .booked-calendar-wrap.small table.booked-calendar thead th{
font-size: 16px;
padding: 13px 0 10px;
}
body .booked-calendar-wrap.small table.booked-calendar thead tr.days th{
font-size: 11px;
padding: 7px 0 5px;
}
body .booked-calendar-wrap.small table.booked-calendar td{
font-size: 13px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-left{
left: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-right{
right: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-left:hover{
left: 9px;
}
body .booked-calendar-wrap.small table.booked-calendar thead th .page-right:hover{
right: 9px;
}
body .booked-calendar-wrap.small table.booked-calendar th .monthName{
height: auto;
display: inline-block;
}
body .booked-calendar-wrap.small table.booked-calendar th .monthName a{
top: -2px;
font-size: 10px;
}
body .booked-calendar-wrap.small table.booked-calendar td .count{
display: none;
}
body .booked-calendar-wrap.small table.booked-calendar td .date{
height: 100%;
}
body .booked-calendar-wrap.small table.booked-calendar td .date .number{
border: none;
display: block;
border-radius: 0;
-webkit-transform: scale(1);
transform: scale(1);
width: 100%;
height: 100%;
vertical-align: middle;
}
body .booked-calendar-wrap.small table.booked-calendar td.blur .date,
body .booked-calendar-wrap.small table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ccc;
}
body .booked-calendar-wrap.small table.booked-calendar td.booked .date,
body .booked-calendar-wrap.small table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffe4df;
color: #f15934;
}
body .booked-calendar-wrap.small table.booked-calendar td.today .date{
background: #e3f2f9;
color: #555;
}
body .booked-calendar-wrap.small table.booked-calendar td.today:hover .date{
background: #eff7fb;
color: #555;
}
body .booked-calendar-wrap.small table.booked-calendar td:hover .date{
background: #f9f9f9;
cursor: pointer;
color: #000;
}
body .booked-calendar-wrap.small table.booked-calendar tr.week td.active .date .number{
border: none;
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: none;
color: #000;
}
body .booked-calendar-wrap.small table.booked-calendar tr.entryBlock td{
padding: 5%;
}
body .booked-calendar-wrap.small .booked-appt-list{
max-height: 170px;
overflow-y: auto;
overflow-x: hidden;
padding: 15px 20px 10px;
}
body .booked-calendar-wrap.small .booked-appt-list h2{
text-align: center;
margin: 0 0 15px;
font-size: 15px;
}
body .booked-calendar-wrap.small .booked-appt-list h2 span{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot{
border-top: 0;
margin: 0 0 10px;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-time,
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-count{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people{
width: 100%;
padding: 0;
height: auto;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button{
float: none;
margin: 0;
width: 100%;
height: auto;
padding: 7px 0;
line-height: 1.5;
text-align: center;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: block;
font-weight: 600;
font-size: 13px;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot .timeslot-people button .button-text{
display: none;
}
body .booked-calendar-wrap.small .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot{
display: none;
}
body .booked-calendar-wrap.small table.booked-calendar td.prev-date .date,
body .booked-calendar-wrap.small table.booked-calendar td.prev-date:hover .date{
cursor: default;
background: #f9f9f9;
color: #bbb;
}
body .booked-calendar-wrap.small table.booked-calendar td.blur .date,
body .booked-calendar-wrap.small table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ddd;
}
body .booked-calendar-wrap.small table.booked-calendar td.booked .date,
body .booked-calendar-wrap.small table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffeae7;
color: #f0b1a1;
}
body .booked-calendar-wrap.small table.booked-calendar tr.week td.active .date,
body .booked-calendar-wrap.small table.booked-calendar td.today.active:hover .date span{
background: #ddd !important;
}
body .booked-list-view.small .booked-appt-list h2{
color: #555;
font-size: 20px;
margin: 0 0 30px;
}
body .booked-list-view.small .booked-appt-list{
max-height: none;
padding: 0;
}
body .booked-list-view .booked-appt-list{
opacity: 1;
position: relative;
}
body .booked-list-view.booked-loading .booked-appt-list{
opacity: .15;
}
body .booked-list-view.booked-loading .booked-appt-list > h2{
opacity: 0;
}
body .booked-list-view .booked-list-view-nav{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next{
position: absolute;
top: 1px;
right: 35px;
font-weight: 400;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev{
position: absolute;
top: 1px;
left: 0;
font-weight: 400;
}
body .booked-list-view span.booked-datepicker-wrap{
position: absolute;
top: 2px;
right: 0;
}
body .booked-list-view a.booked_list_date_picker_trigger{
text-align: center;
-webkit-transform: scale(1);
transform: scale(1);
background: #eee;
border: 1px solid #ccc;
box-sizing: content-box;
color: #333;
display: inline-block;
position: relative;
top: -2px;
margin: 0;
font-size: 13px;
width: 24px;
height: 24px;
line-height: 23px;
border-radius: 3px;
}
body .booked-list-view a.booked_list_date_picker_trigger:hover{
background: #ddd;
color: #000;
border-color: #ccc;
}
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active,
body .booked-list-view a.booked_list_date_picker_trigger.booked-dp-active:hover{
-webkit-transform: scale(1.23);
transform: scale(1.23);
color: #fff;
}
.booked-appt-list .booked-public-appointment-title{
display: block;
font-weight: 600;
font-size: 15px;
padding: 0 0 5px;
}
.booked-appt-list ul.booked-public-appointment-list,
.booked-appt-list ul.booked-public-appointment-list li{
display: block;
font-weight: 400;
list-style: none;
margin: 0 0 14px;
padding: 0;
}
.booked-appt-list ul.booked-public-appointment-list li{
padding: 0;
margin: 0;
}
.booked-appt-list .booked-public-pending{
color: #aaa;
}
.timeslot-time.booked-public-appointments{
height: auto !important;
}
body .booked-form{
padding-top: 5px;
}
body .booked-form .field{
margin: 5px 0 7px;
}
body .booked-form .field.booked-text-content{
margin-bottom: 0;
margin-top: 20px;
}
body .booked-form .field.booked-text-content *:last-child{
margin-bottom: 0;
}
body .booked-form .field:after{
content: "";
display: table;
clear: both;
}
body .booked-form input[type=radio],
body .booked-form input[type=checkbox]{
position: relative;
top: 2px;
}
body .booked-form .field select,
body .booked-form .field input[type=text],
body .booked-form .field input[type=password],
body .booked-form .field input[type=tel],
body .booked-form .field input[type=email],
body .booked-form .field textarea{
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
margin-right: 1.5%;
width: 49.2%;
float: left;
}
body .booked-form .field input:last-child{
margin-right: 0;
}
body .booked-form .field input[type=text],
body .booked-form .field input[type=password],
body .booked-form .field input[type=tel],
body .booked-form .field input[type=email],
body .booked-form .field textarea{
font-size: 13px;
padding: 7px 10px;
color: #aaa;
border-radius: 3px;
}
body .booked-form .field textarea,
body .booked-form .field input.hasContent{
color: #555;
}
body .booked-form .field input.large,
body .booked-form .field select.large{
width: 100%;
margin-right: 1px;
width: 99.8%;
}
body .booked-form .spacer{
padding: 5px 0 0 0;
margin: 0;
display: block;
}
body .booked-form .spacer.big{
padding: 25px 0 0;
}
body .booked-form hr{
border: none;
border-top: 1px solid #ddd;
padding: 10px 0 0 0;
margin: 20px 0 0 0;
}
body .booked-form .condition-block{
display: none;
}
body .booked-form .condition-block.default{
display: block;
}
body .booked-form input[type=submit],
body .booked-form button.cancel,
body .booked-modal input[type=submit].button-primary,
body .booked-form button.booked-forgot-goback{
float: left;
margin: 0 10px 4px 0;
padding: 0 12px;
line-height: 30px;
font-size: 12px;
font-weight: 500;
border-width: 1px;
border-radius: 0;
background-color: var(--colorMain);
border-color: var(--colorMain);
color: #fff;
}
body .booked-form input[type=submit]:hover,
body .booked-form button.cancel:hover,
body .booked-modal input[type=submit].button-primary:hover,
body .booked-form button.booked-forgot-goback:hover{
background-color: rgba(0, 0, 0, 0) !important;
color: var(--colorMain);
}
body .booked-modal button.cancel{
background-color: rgba(0, 0, 0, 0) !important;
color: var(--colorMain) !important;
}
body .booked-modal button.cancel:hover{
background-color: var(--colorMain) !important;
color: #fff !important;
}
@media (max-width: 720px) {
body table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: block;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people{
width: 100%;
}
body .booked-modal{
top: 0 !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number{
line-height: 35px !important;
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number{
width: 36px;
height: 36px;
margin: -18px 0 0 -18px;
}
}
body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col.today .date span{
box-shadow: inset 0 0 0 2px var(--colorMain);
}
body .booked-form .field label{
cursor: pointer;
}
body .booked-form .field label.field-label{
cursor: default;
display: block;
font-weight: bold;
padding: 10px 0 8px;
}
body .booked-form .field textarea{
height: 100px;
width: 100%;
box-sizing: border-box;
line-height: 1.6;
}
body .booked-form .field .checkbox-radio-block{
display: block;
padding: 0 0 3px 10px;
}
body .booked-form .field .checkbox-radio-block label{
font-size: 13px;
display: inline-block;
padding-left: 7px;
position: relative;
top: 3px;
}
body .booked-form .cf-block{
margin: 0 0 25px;
}
body .booked-form .cf-block select{
font-size: 13px;
width: 100%;
height: 33px;
margin-right: 0;
padding: 0 10px;
}
body .booked-form .cf-block ul,
body .booked-form .cf-block ol{
margin-left: 30px;
}
body .booked-form .required-asterisk{
color: #e35656;
margin: -1px 0 0 7px;
}
body .booked-form #ajaxlogin{
width: 100%;
}
body .booked-form #ajaxlogin p.status{
display: none;
padding: 15px 0 0;
margin: 0;
font-size: 15px;
color: #888;
}
body .booked-form #newAppointmentForm p.status{
display: none;
padding: 0 0 20px;
margin: 0;
font-size: 15px;
color: #888;
}
body img.captcha-image{
position: relative;
top: 5px;
left: 5px;
}
body #booked-page-form p.captcha,
body .booked-modal .bm-window p.captcha{
margin: -5px 0 15px;
}
body .booked-form .field p.field-small-p{
font-size: 14px;
margin: -5px 0 5px;
}
body .booked-form input[type=submit].button:disabled{
background: #ddd !important;
border-color: #ddd !important;
color: #aaa !important;
cursor: not-allowed;
}
body .booked-form .booked-appointments{
background: #fff;
padding: 10px 16px 13px;
margin: 0 0 15px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
border-radius: 3px;
}
body .booked-form .booked-appointment-details{
margin: 0 0 10px;
padding: 0 0 7px;
border-bottom: 1px solid #ddd;
}
body .booked-form .booked-appointment-details:last-child{
margin: 0;
padding: 0;
border: none;
}
body .booked-form .booked-appointment-details.has-error{
color: #e35656;
}
#customerChoices{
display: block;
text-align: left;
background: #fff;
padding: 20px 0 23px;
text-align: center;
margin: -26px -36px 15px;
border-bottom: 1px solid #ddd;
}
#customerChoices .field{
display: inline-block;
}
#customerChoices .field .checkbox-radio-block{
padding-left: 0;
}
#customerChoices .field{
margin: 0 20px 0 0;
}
#customerChoices .field:last-child{
margin: 0;
}
#customerChoices .field .checkbox-radio-block label{
font-weight: 400;
font-size: 15px;
}
#ajaxforgot{
display: none;
}
body .booked-modal{
margin-top: -84px;
min-height: 168px;
position: fixed;
z-index: 9999999;
top: 50%;
right: 0;
bottom: 0;
left: 0;
}
body .booked-modal hr{
border-top: 1px solid #ddd;
background: none;
}
body .booked-modal .bm-overlay{
animation: booked-fadein .2s;
-webkit-animation: booked-fadein .2s;
-moz-animation: booked-fadein .2s;
-ms-animation: booked-fadein .2s;
-o-animation: booked-fadein .2s;
-webkit-backface-visibility: hidden;
position: fixed;
background: #000;
background: rgba(0, 0, 0, .65);
top: 0;
right: 0;
bottom: 0;
left: 0;
}
body .booked-modal .bm-window{
animation: booked-flyin .2s;
-webkit-animation: booked-flyin .2s;
-moz-animation: booked-flyin .2s;
-ms-animation: booked-flyin .2s;
-o-animation: booked-flyin .2s;
-webkit-backface-visibility: hidden;
padding: 43px 0 25px;
width: 450px;
position: relative;
margin: 0 auto;
background: #fff;
border-radius: 5px;
box-shadow: 1px 1px 60px rgba(0, 0, 0, .5);
}
body .booked-modal.bm-loading .bm-window{
background: none;
box-shadow: none;
}
body .booked-modal.bm-closing .bm-overlay{
animation: booked-fadeout .2s;
-webkit-animation: booked-fadeout .2s;
-moz-animation: booked-fadeout .2s;
-ms-animation: booked-fadeout .2s;
-o-animation: booked-fadeout .2s;
-webkit-backface-visibility: hidden;
}
body .booked-modal.bm-closing .bm-window{
animation: booked-flyout .2s;
-webkit-animation: booked-flyout .2s;
-moz-animation: booked-flyout .2s;
-ms-animation: booked-flyout .2s;
-o-animation: booked-flyout .2s;
-webkit-backface-visibility: hidden;
}
body .booked-modal .bm-window{
background: #f5f5f5;
max-height: 100px;
z-index: 2000000000;
}
body .booked-modal .bm-window p{
margin: 0 0 15px;
font-size: 15px;
}
body .booked-modal .bm-window p small{
display: block;
margin: 0 0 15px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
body .booked-modal .bm-window p.appointment-title{
font-weight: 600;
margin-bottom: 0;
}
body .booked-modal .bm-window p.calendar-name{
font-weight: 600;
margin-bottom: 0;
}
body .booked-modal .bm-window p.appointment-info{
font-size: 15px;
margin: 0;
line-height: 1.7;
}
body .booked-modal .bm-window p strong{
font-size: 13px;
text-transform: uppercase;
display: inline-block;
padding-right: 3px;
font-weight: 600;
}
body .booked-modal .bm-window a{
text-decoration: none;
}
body .booked-modal .bm-window .close{
line-height: 1;
color: #fff;
color: rgba(255, 255, 255, .5);
font-size: 20px;
position: absolute;
top: 11px;
right: 14px;
}
body .booked-modal .bm-window .close:hover{
color: #fff;
}
body .booked-modal .bm-window p i.fa.fa-clock-o{
font-size: 18px;
position: relative;
top: 1px;
}
body .booked-modal .bm-window p.booked-calendar-name{
font-weight: 600;
font-size: 15px;
}
body .booked-modal .bm-window .booked-scrollable{
max-height: 100px;
padding: 25px 30px;
overflow-y: auto;
overflow-x: hidden;
background: #f5f5f5;
border-radius: 3px;
box-sizing: content-box;
}
body .booked-modal .bm-window p.booked-title-bar{
box-sizing: border-box;
font-size: 13px;
position: absolute;
top: 0;
left: 0;
line-height: 1;
width: 100%;
color: #fff;
border-radius: 4px 4px 0 0;
padding: 15px 30px 15px 15px;
}
body .booked-modal .bm-window p.booked-title-bar small{
margin: 0;
}
body .booked-modal .bm-window .booked-scrollable{
-webkit-overflow-scrolling: touch;
}
body .booked-modal .bm-window .booked-scrollable > *{
-webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0, 0, 0);
}
body #booked-profile-page{
position: relative;
margin: 0 0 30px;
}
body #booked-profile-page .booked-profile-header{
border: 1px solid #ddd;
border-radius: 3px 3px 0 0;
padding: 15px;
position: relative;
}
body #booked-profile-page .booked-profile-header .booked-logout-button{
font-size: 13px;
position: relative;
top: -1px;
}
body #booked-profile-page .booked-user-avatar{
width: 35px;
height: 35px;
position: relative;
top: 0;
left: 0;
float: left;
display: inline-block;
}
body #booked-profile-page .booked-user-avatar img{
width: 100%;
height: auto;
display: block;
margin: 0;
border-radius: 20px;
}
body #booked-profile-page .booked-info{
width: 100%;
}
body #booked-profile-page .booked-user *{
margin: 0;
padding: 0;
line-height: 1.6;
}
body #booked-profile-page .booked-user h3{
color: #fff;
margin: 0;
padding: 4px 0 4px 12px;
float: left;
display: inline-block;
font-size: 17px;
}
body #booked-profile-page .booked-user h3 a{
text-decoration: none;
}
body #booked-profile-page .booked-user h3 a:hover{
color: #fff;
}
body #booked-profile-page .booked-counts{
float: right;
width: 25%;
margin-left: 5%;
}
body #booked-profile-page .booked-counts span{
display: block;
text-align: right;
font-size: 12px;
line-height: 2.1;
}
body #booked-profile-page .booked-counts i.fa{
display: inline-block;
padding-right: 7px;
}
body #booked-profile-page .booked-tabs{
border-width: 1px;
border-style: solid;
border-top: 0;
border-bottom: 0;
list-style: none;
margin: 0;
padding: 0;
}
body #booked-profile-page .booked-tabs li{
float: left;
display: inline-block;
margin: 0;
padding: 0;
}
body #booked-profile-page .booked-tabs li a{
font-size: 14px;
border-right-width: 1px;
border-right-style: solid;
display: block;
text-decoration: none;
padding: 0 15px;
line-height: 40px;
}
body #booked-profile-page .booked-tabs li a i.fa{
display: inline-block;
padding-right: 7px;
}
body #booked-profile-page .booked-tab-content{
border-radius: 0 0 3px 3px;
display: none;
padding: 30px 35px 30px 35px;
border-width: 1px;
border-style: solid;
border-top: none;
}
body #booked-profile-page .booked-tabs.login{
border-top-width: 1px;
border-top-style: solid;
}
body #booked-profile-page .booked-tabs li a{
background: rgba(0, 0, 0, .15);
}
body #booked-profile-page .booked-tabs li a:hover{
background: rgba(0, 0, 0, .25);
}
body #booked-profile-page .booked-tabs li a{
color: #fff;
}
body #booked-profile-page .booked-tabs li a:hover{
color: #fff;
}
body #booked-profile-page .booked-tab-content{
border-color: #ddd;
background: #fff;
}
body #booked-profile-page .booked-counts,
body #booked-profile-page .booked-tabs li.active a,
body #booked-profile-page .booked-tabs li.active a:hover{
color: #fff;
}
body #booked-profile-page .booked-tabs li a{
border: none;
}
body #booked-profile-page p.booked-no-margin{
color: #888;
margin: 0;
}
body #booked-profile-page .booked-show-cf{
outline: none;
font-weight: 600;
}
body #booked-profile-page .booked-show-cf.booked-cf-active{
color: #000;
}
body #booked-profile-page .cf-meta-values-hidden{
animation: booked-popdown .2s;
-webkit-animation: booked-popdown .2s;
-moz-animation: booked-popdown .2s;
-ms-animation: booked-popdown .2s;
-o-animation: booked-popdown .2s;
display: none;
border-left: 3px solid #ddd;
margin: 10px 0 0 0px;
padding: 0 0 0 20px;
}
body #booked-profile-page .cf-meta-values-hidden p{
margin: 0 0 10px;
font-size: 14px;
font-weight: 300;
line-height: 1.5;
}
body #booked-profile-page .cf-meta-values-hidden p:last-child{
margin-bottom: 0;
}
body #booked-profile-page .cf-meta-values-hidden p strong{
font-weight: 600;
}
body #booked-profile-page .result-section.table-layout{
margin: 0;
}
body #booked-profile-page .result-section.table-layout .table-box{
border: none;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .table-row{
min-height: 115px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title{
font-weight: normal;
font-size: 15px;
line-height: 1.6;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title p{
margin: 0;
padding: 10px 0 0 0;
font-size: 12px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title small{
display: block;
padding-top: 5px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title a{
font-weight: 600;
}
body #booked-profile-page .result-section.table-layout .table-box .table-head-row{
background: none !important;
}
body #booked-profile-page .result-section.table-layout .table-box .table-cell{
padding: 20px 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title{
position: relative;
width: 55%;
padding-right: 25px;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img{
width: 65px;
height: auto;
position: absolute;
border-radius: 3px;
top: 26px;
left: 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .cell-title-wrap{
padding-left: 85px;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-rating{
width: 20%;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-time{
width: 25%;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews{
width: 100%;
padding-right: 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title.reviews .rating{
margin-top: 10px;
}
body #booked-profile-page .result-section.table-layout .table-box .table-body .cell-title .booked-review p{
font-size: 14px;
line-height: 1.7;
}
body #booked-page-form .booked-form-wrap{
padding: 10px 0;
}
body #booked-page-form input[type=submit]{
margin: 0;
}
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form input[type=email],
body #booked-page-form textarea{
margin: 7px 0 0 0;
border-width: 1px;
border-style: solid;
padding: 10px 12px;
width: 100%;
box-sizing: border-box;
}
body #booked-page-form input:disabled,
body #booked-page-form textarea:disabled{
background: #f9f9f9;
color: #bbb;
border: 1px dotted #ccc;
}
body #booked-page-form input[type=file]:disabled{
background: #fff;
border: none;
}
body #booked-page-form label .not-bold{
font-weight: 400;
color: #ccc;
padding: 0 0 0 5px;
}
body #booked-page-form p{
margin: 0 0 15px;
}
body #booked-page-form .login-remember{
float: left;
margin: 2px 0 0 0;
}
body #booked-page-form .login-remember input{
margin: 0 4px 0 0;
position: relative;
top: -1px;
}
body #booked-page-form .login-submit{
float: right;
margin: 0;
}
body #booked-page-form .login-submit input{
margin: 0;
}
body #profile-edit #booked-page-form{
border-top: 1px solid #ddd;
padding-top: 20px;
}
body #profile-edit #booked-page-form input[type=file]{
display: inline-block;
padding: 0;
}
body #profile-edit #booked-page-form label{
font-weight: 600;
}
body #profile-edit #booked-page-form p.form-nickname,
body #profile-edit #booked-page-form p.form-email,
body #profile-edit #booked-page-form p.form-url{
float: left;
width: 100%;
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-password{
float: left;
width: 48%;
margin: 0 4% 25px 0;
}
body #profile-edit #booked-page-form p.form-password.last{
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-textarea,
body #profile-edit #booked-page-form p.form-avatar,
body #profile-edit #booked-page-form p.form-submit{
float: none;
width: 100%;
margin: 0 0 25px;
}
body #profile-edit #booked-page-form p.form-submit{
margin: 0 0 5px;
}
body #profile-edit #booked-page-form .hint-p{
font-size: 12px;
color: #aaa;
padding-top: 5px;
display: block;
font-style: italic;
}
body #profile-login label,
#profile-register label,
#profile-forgot label{
font-weight: 600;
}
body .booked-upload-wrap,
body .booked-upload-wrap input{
background: #f5f5f5;
border: 1px solid #ddd;
display: block;
height: 35px;
width: 100%;
cursor: pointer;
border-radius: 3px;
position: relative;
}
body .booked-upload-wrap{
width: 100%;
margin: 10px 0 4px;
}
body #booked-submit-recipe-form .booked-upload-wrap{
width: 100%;
margin: 0;
}
body .booked-upload-wrap:hover{
background: #eee;
}
body .booked-upload-wrap span{
color: #888;
font-size: 13px;
text-align: center;
height: 24px;
width: 100%;
position: absolute;
left: 0;
top: 50%;
margin-top: -12px;
display: block;
z-index: 1;
}
body .booked-upload-wrap input{
z-index: 2;
opacity: 0;
}
body .booked-upload-wrap.hasFile{
background: #f9f9f9;
border: 1px solid #ccc;
color: #666;
}
body #booked-submit-recipe-form .booked-upload-wrap.hasFile{
width: 100%;
}
body .booked-upload-wrap.hasFile span{
color: #000;
}
body .booked-custom-error{
display: none;
margin: 0 0 20px;
padding: 5px 10px;
background: #fff0f0;
border: 1px solid #e3c3c3;
border-radius: 3px;
}
body .booked-custom-error.not-hidden{
display: block;
}
body #booked-plugin-page p.booked-form-notice,
body #booked-profile-page p.booked-form-notice{
border: 1px solid #e6db55;
border-radius: 3px;
background-color: #fffbcc;
margin: 0 0 35px;
padding: 10px 15px;
}
body #booked-profile-page .booked-profile-appt-list,
body #booked-profile-page #profile-edit{
box-sizing: border-box;
}
body #booked-profile-page h4{
margin: 0 0 20px;
padding: 0;
font-size: 19px;
font-weight: 600;
}
body #booked-profile-page .booked-tabs li.edit-button{
float: right;
}
body #booked-profile-page .booked-profile-appt-list .appt-block{
color: #888;
line-height: 23px;
padding: 20px 0 25px;
border-top: 1px solid #ddd;
display: block;
}
body #booked-profile-page .booked-profile-appt-list .appt-block > i.fa{
width: 23px;
color: #333;
}
body #booked-profile-page .booked-profile-appt-list .appt-block:last-child{
padding-bottom: 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
border-radius: 3px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
float: right;
padding: 0 12px 1px;
line-height: 33px;
margin: 6px 0 0 0;
background: #ccc;
color: #fff;
}
body #booked-profile-page .booked-profile-appt-list .appt-block.approved{
color: #000;
}
body #booked-profile-page .booked-profile-appt-list .appt-block button{
float: right;
margin: 6px 0 0 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel{
color: #aaa;
font-size: 12px;
padding-left: 10px;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons{
display: block;
padding: 15px 0 0 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a{
text-decoration: none;
display: inline-block;
padding: 2px 7px;
margin: 0 7px 0 0;
border-radius: 3px;
line-height: 20px;
font-size: 12px;
font-weight: 400;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a:hover{
text-decoration: none;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .google-cal-button > a{
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding: 2px 9px;
border-width: 1px;
border-style: solid;
color: #fff;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons span{
float: left;
}
body #booked-profile-page .addtocalendar var{
display: none;
}
body #booked-profile-page .addtocalendar{
position: relative;
display: inline-block;
}
body #booked-profile-page .atcb-link{
display: block;
outline: none !important;
cursor: pointer;
}
body #booked-profile-page .atcb-link:focus ~ ul,
body #booked-profile-page .atcb-link:active ~ ul,
body #booked-profile-page .atcb-list:hover{
visibility: visible;
}
body #booked-profile-page .atcb-list{
box-shadow: 0 1px 25px rgba(0, 0, 0, .2);
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
width: 170px;
z-index: 900;
}
body #booked-profile-page .atcb-list,
body #booked-profile-page .atcb-item{
list-style: none;
margin: 0;
padding: 0;
}
body #booked-profile-page .atcb-item{
float: none;
text-align: left;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a.atcb-item-link{
box-sizing: border-box;
text-decoration: none;
outline: none;
display: block;
color: #aaa;
background: #f9f9f9;
border-radius: 0;
margin: 0;
width: 100%;
padding: 3px 12px;
display: block;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a.atcb-item-link:hover{
color: #555;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .atcb-list li:first-child a.atcb-item-link{
padding-top: 10px;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons .atcb-list li:last-child a.atcb-item-link{
padding-bottom: 10px;
border-radius: 0 0 3px 3px;
}
body #booked-profile-page .atcb-item.hover,
body #booked-profile-page .atcb-item:hover{
position: relative;
z-index: 900;
cursor: pointer;
text-decoration: none;
outline: none;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel{
border: 1px solid #ddd;
background: #f5f5f5;
color: #aaa;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .cancel:hover{
background: #eee;
color: #888;
border-color: #ccc;
}
body #booked-profile-page .booked-profile-appt-list .calendar-name{
padding: 0 0 5px;
}
.booked-list-date-picker-wrap{
width: 100%;
position: absolute;
text-align: center;
top: 30px;
left: 0;
}
#ui-datepicker-div.booked_custom_date_picker{
animation: booked-popflyin .15s;
-webkit-animation: booked-popflyin .15s;
-moz-animation: booked-popflyin .15s;
-ms-animation: booked-popflyin .15s;
-o-animation: booked-popflyin .15s;
background: #fff;
margin-top: 37px;
margin-left: -107px;
width: 170px;
border: 1px solid #d5d5d5;
padding: 8px;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
z-index: 9999 !important;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header{
position: relative;
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next{
cursor: pointer;
top: 9px;
font-size: 16px;
position: absolute;
display: inline-block;
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next .ui-icon{
display: none;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev{
left: 9px;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next{
right: 9px;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-title{
text-transform: uppercase;
padding: 9px 0 10px;
text-align: center;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:hover{
opacity: .7;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:before{
content: "";
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:before{
content: "";
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar{
width: 100%;
border-collapse: collapse;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
font-size: 11px;
font-weight: normal;
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar thead th{
width: 14.285%;
text-align: center;
padding: 5px 0;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody{
border-top: 8px solid #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td{
font-size: 12px;
font-weight: normal;
background: #fff;
color: #888;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td{
text-align: center;
padding: 0;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a{
display: block;
border-radius: 3px;
line-height: 33px;
text-decoration: none;
color: #333;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a:hover{
background: #eee;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td span{
display: block;
line-height: 33px;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-unselectable span{
color: #ddd;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-week-end a{
color: #888;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a{
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td.ui-datepicker-today a:hover{
color: #fff;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active,
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a.ui-state-active:hover{
color: #fff;
}
body #booked-page-form input[type=email],
body #booked-page-form input[type=text],
body #booked-page-form input[type=password],
body #booked-page-form textarea,
body #booked-page-form{
border-color: #ccc;
color: #888;
line-height: 1.5;
font-size: 13px;
}
body .booked-calendar-wrap{
transition: height .15s ease-out;
}
body table.booked-calendar td .count,
body table.booked-calendar thead th a,
body .booked-appt-list .timeslot .timeslot-time,
body .booked-appt-list .timeslot .timeslot-people,
body .booked-appt-list .timeslot,
body #booked-profile-page .booked-profile-appt-list .appt-block .booked-cal-buttons a,
body #booked-profile-page .booked-show-cf,
body .booked-list-view a.booked_list_date_picker_trigger{
transition: all .1s ease-out;
}
body table.booked-calendar td .date,
body table.booked-calendar td .date span{
transition: background .15s ease-out, color .15s ease-out;
}
body .booked-list-view .booked-appt-list{
transition: opacity .2s ease-out;
}
body .booked-appt-list{
transition: -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
}
.booked-tabs{
overflow: hidden;
}
.booked-tabs .booked-tabs-nav{
margin-bottom: 20px;
}
.booked-tabs .booked-tabs-nav span{
display: inline-block;
padding: 0 5px;
border: 1px solid #ccc;
background: #eee;
color: #000;
font-size: 12px;
line-height: 30px;
text-transform: uppercase;
cursor: pointer;
box-sizing: border-box;
}
.booked-tabs .booked-tabs-nav span:hover,
.booked-tabs .booked-tabs-nav span.active{
background: #ddd;
color: #fff;
}
.booked-tabs .booked-tabs-cnt > div{
display: none;
}
.booked-tabs .booked-tabs-cnt > div.active{
display: block;
}
@media screen and (max-width: 1200px) {
body .booked-list-view .booked-appt-list h2{
text-align: left;
margin: 0 0 20px;
}
body .booked-list-view .booked-appt-list h2.booked-no-prev{
text-align: left;
}
body .booked-list-view .booked-list-view-nav{
display: block;
height: 26px;
margin: -5px 0 30px;
position: static;
text-align: left;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next,
body .booked-list-view .booked-list-view-nav .booked-list-view-date-prev{
margin: 0 6px 5px 0;
position: relative;
display: inline-block;
top: 0;
right: 0;
}
body .booked-list-view .booked-list-view-nav .booked-list-view-date-next{
float: right;
margin: 0 0 5px;
}
}
@media screen and (max-width: 1100px) {
body table.booked-calendar td .count{
padding: 5px 0;
font-size: 9px;
}
body table.booked-calendar td .date .number{
width: 40px;
height: 40px;
line-height: 40px !important;
font-size: 14px;
}
}
@media screen and (max-width: 860px) {
body #booked-profile-page .booked-profile-appt-list{
float: none;
width: 100%;
margin: 0 0 30px;
}
body #booked-profile-page #profile-edit{
float: none;
width: 100%;
margin: 0;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
float: right;
margin: 6px 0 0 0;
}
}
@media screen and (max-width: 720px) {
body .booked-calendar-wrap table.booked-calendar thead th{
font-size: 16px;
padding: 15px 0 15px;
}
body .booked-calendar-wrap table.booked-calendar thead tr.days th{
font-size: 11px;
padding: 7px 0 5px;
}
body table.booked-calendar thead th .monthName{
font-size: 24px;
}
body table.booked-calendar th .page-left,
body table.booked-calendar th .page-right{
width: 55px;
height: 55px;
}
body .booked-calendar-wrap table.booked-calendar td{
font-size: 13px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-left{
font-size: 15px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-right{
font-size: 15px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-left:hover{
left: 0;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-right:hover{
right: 0;
}
body .booked-calendar-wrap table.booked-calendar th .monthName{
height: auto;
display: inline-block;
}
body .booked-calendar-wrap table.booked-calendar th .monthName a{
top: -2px;
font-size: 10px;
}
body .booked-calendar-wrap table.booked-calendar td .count{
display: none;
}
body .booked-calendar-wrap table.booked-calendar td .date{
height: 100%;
}
body .booked-calendar-wrap table.booked-calendar td .date .number{
border: none;
border-radius: 0;
-webkit-transform: scale(1);
transform: scale(1);
width: 100%;
height: 100%;
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: center;
}
body .booked-calendar-wrap table.booked-calendar td.blur .date,
body .booked-calendar-wrap table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ccc;
}
body .booked-calendar-wrap table.booked-calendar td.booked .date,
body .booked-calendar-wrap table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffe4df;
color: #f15934;
}
body .booked-calendar-wrap table.booked-calendar td.today .date{
background: #e3f2f9;
color: #555;
}
body .booked-calendar-wrap table.booked-calendar td.today:hover .date{
background: #eff7fb;
color: #555;
}
body .booked-calendar-wrap table.booked-calendar td:hover .date{
background: #f9f9f9;
cursor: pointer;
color: #000;
}
body .booked-calendar-wrap table.booked-calendar tr.week td.active .date .number{
border: none;
-webkit-transform: scale(1.5);
transform: scale(1.5);
background: none;
color: #000;
}
body .booked-calendar-wrap table.booked-calendar tr.entryBlock td{
padding: 0;
}
body .booked-calendar-wrap table.booked-calendar .booked-appt-list{
max-height: 100%;
overflow-y: scroll;
overflow-x: hidden;
padding: 15px 20px 10px;
}
body .booked-calendar-wrap.small table.booked-calendar .booked-appt-list{
max-height: 100%;
}
body table.booked-calendar .booked-appt-list h2{
text-align: center;
margin: 0 0 15px;
font-size: 12px;
}
body table.booked-calendar .booked-appt-list h2 span{
display: none;
}
body table.booked-calendar .booked-appt-list .timeslot{
border-top: 0;
margin: 0 0 10px;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-time,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-count{
display: none;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title,
body .booked-calendar-wrap table.booked-calendar .booked-appt-list .timeslot .timeslot-mobile-title{
display: block;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people,
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people:hover{
width: 100%;
padding: 0;
height: auto;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button{
float: none;
margin: 0;
width: 100%;
text-align: center;
padding: 7px 0;
line-height: 1.5;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: block;
font-weight: 600;
font-size: 13px;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-text{
display: none;
}
body .booked-calendar-wrap table.booked-calendar td.prev-date .date,
body .booked-calendar-wrap table.booked-calendar td.prev-date:hover .date{
cursor: default;
background: #f9f9f9;
color: #bbb;
}
body .booked-calendar-wrap table.booked-calendar td.blur .date,
body .booked-calendar-wrap table.booked-calendar td.blur:hover .date{
cursor: default;
background: #eee;
color: #ddd;
}
body .booked-calendar-wrap table.booked-calendar td.booked .date,
body .booked-calendar-wrap table.booked-calendar td.booked:hover .date{
cursor: default;
background: #ffeae7;
color: #f0b1a1;
}
body .booked-calendar-wrap table.booked-calendar tr.week td.active .date,
body .booked-calendar-wrap table.booked-calendar tr.week td.active:hover .date{
background: #ddd;
}
body #booked-profile-page .result-section.table-layout{
padding: 10px 0;
}
body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img{
top: 46px;
left: 12px;
}
body #booked-profile-page .booked-tabs li,
body #booked-profile-page .booked-tabs li.edit-button{
display: block;
float: none;
}
body #booked-profile-page .booked-tabs li a,
body #booked-profile-page .booked-tabs li.edit-button a{
border-left: none;
border-right: none;
}
body .booked-modal{
padding: 0;
margin: 20px;
}
body .booked-modal .bm-window{
width: 100%;
padding: 43px 0 0;
box-sizing: border-box;
border-radius: 6px;
}
body .booked-modal .bm-window .booked-scrollable{
padding: 30px 35px;
}
body .booked-modal .bm-overlay{
background: rgba(0, 0, 0, .8);
}
body .booked-modal .bm-window p.name b{
display: block;
}
body .booked-list-view .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot,
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot{
display: none;
}
}
@media screen and (max-width: 600px) {
body .booked-modal input[type=submit]{
margin: 0 10px 10px 0;
float: none;
}
body .booked-modal .button{
width: 100%;
float: none;
}
body .booked-calendarSwitcher{
width: 100%;
display: block;
padding: 8px 5px;
}
body .booked-calendarSwitcher i.fa{
display: none;
}
body .booked-calendarSwitcher select{
width: 100%;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{
display: block;
float: none;
margin: 0 0 10px;
}
body #profile-edit #booked-page-form p.form-nickname,
body #profile-edit #booked-page-form p.form-email,
body #profile-edit #booked-page-form p.form-url,
body #profile-edit #booked-page-form p.form-password{
float: none;
width: 100%;
}
body .booked-modal #customerChoices .field{
display: block;
float: none;
margin: 5px 0;
}
}
@media screen and (max-width: 450px) {
body .booked-list-view .booked-appt-list h2 strong{
display: block;
margin: 0 auto;
}
body .booked-list-view .booked-appt-list h2 span:last-child{
display: none;
}
body .booked-list-view .booked-appt-list .timeslot{
border-top: 0;
margin: 0 0 10px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-time,
body .booked-list-view .booked-appt-list .timeslot .timeslot-count{
display: none;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people{
width: 100%;
padding: 0;
height: auto;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button{
float: none;
margin: 0;
width: 100%;
text-align: center;
padding: 7px 0;
line-height: 1.5;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-timeslot{
display: block;
font-weight: 600;
font-size: 13px;
}
body .booked-list-view .booked-appt-list .timeslot .timeslot-people button .button-text{
display: none;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button .timeslot-mobile-title{
display: block;
}
body .booked-calendar-wrap .booked-appt-list .timeslot.timeslot-count-hidden .timeslot-people{
height: auto;
padding: 0;
}
}
body .booked-appt-list .timeslot .timeslot-time i.fa-solid{
font-size: 0;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row .bc-col .monthName{
font-size: 30px;
font-weight: 500;
text-transform: none;
line-height: 1em;
height: 1em;
display: inline-block;
color: #fff;
}
body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col{
padding: 25px 0;
}
body div.booked-calendar-wrap div.booked-calendar{
border-radius: 0;
}
.wordpress-helpdesk .widget,
.tax-faq_topics .widget{
margin-bottom: 52px;
}
.wordpress-helpdesk .widgettitle,
.tax-faq_topics .widgettitle{
font-size: 24px;
margin-bottom: 27px;
font-weight: 500;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-column,
.tax-faq_topics .wordpress-helpdesk-faq-column{
padding-left: 15px !important;
padding-right: 15px !important;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform,
.tax-faq_topics .wordpress-helpdesk-faq-searchform{
margin: 20px 0 45px;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap{
padding-left: 15px !important;
padding-right: 15px !important;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control{
border-radius: 0;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .2em;
color: var(--colorFont);
font-weight: 500;
padding: 6px 40px 6px 30px;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control.wordpress-helpdesk-faq-searchterm,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .form-control.wordpress-helpdesk-faq-searchterm{
height: 60px;
background-color: var(--colorBackground);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit{
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
line-height: 20px;
text-align: center;
background: rgba(0, 0, 0, 0);
opacity: 1;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
outline: 0;
color: var(--colorMain);
font-size: 14px;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:hover,
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:focus,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:hover,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-searchform .searchform-submit:focus{
color: rgba(var(--colorMainRGB), 0.6);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-results,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-results{
z-index: 999;
border-radius: 10px;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-header,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-header{
padding: 10px 20px;
border-bottom: 1px solid var(--colorBorder);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-result,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-result{
padding-top: 20px;
padding-bottom: 20px;
display: inline-block !important;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-header-title,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-header-title{
word-break: break-word;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-result-title,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-result-title{
color: var(--colorDark);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-result-content,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-result-content{
color: var(--colorFont);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-footer-see-all,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-footer-see-all{
background-color: var(--colorMain);
color: var(--colorLight);
border: 2px solid var(--colorMain);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-footer-see-all:hover,
.tax-faq_topics .wordpress-helpdesk-faq-searchform-wrap .wordpress-helpdesk-faq-live-search-footer-see-all:hover{
color: var(--colorMain);
background-color: rgba(0, 0, 0, 0);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed,
.tax-faq_topics .wordpress-helpdesk-faq-boxed{
margin-bottom: 15px;
background: rgba(0, 0, 0, 0);
box-shadow: 0 0px 10px 0px rgba(0, 0, 0, .05);
border: 0;
border-radius: 0;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed .icon-wrap,
.tax-faq_topics .wordpress-helpdesk-faq-boxed .icon-wrap{
margin-top: 20px;
width: 120px;
height: 120px;
background: var(--colorLight);
display: inline-block;
border-radius: 50%;
border: 5px solid var(--colorBackground);
padding: 5px;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed .icon-wrap .icon-inner,
.tax-faq_topics .wordpress-helpdesk-faq-boxed .icon-wrap .icon-inner{
background: var(--colorBackground);
border-radius: 50%;
width: 100%;
height: 100%;
position: relative;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed i,
.tax-faq_topics .wordpress-helpdesk-faq-boxed i{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: var(--colorMain2);
font-size: 50px !important;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed i.color-1,
.tax-faq_topics .wordpress-helpdesk-faq-boxed i.color-1{
color: var(--colorMain);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed i.color-2,
.tax-faq_topics .wordpress-helpdesk-faq-boxed i.color-2{
color: var(--colorMain2);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed i.color-3,
.tax-faq_topics .wordpress-helpdesk-faq-boxed i.color-3{
color: var(--colorMain3);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed i.color-4,
.tax-faq_topics .wordpress-helpdesk-faq-boxed i.color-4{
color: var(--colorMain4);
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-title,
.tax-faq_topics .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-title{
font-size: 30px;
font-weight: 500;
margin-top: 15px;
margin-bottom: 15px;
transition: all .2s ease-in-out 0s;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-count,
.tax-faq_topics .wordpress-helpdesk-faq-boxed .wordpress-helpdesk-faq-boxed-count{
font-size: 16px;
font-weight: 300;
color: var(--colorFont);
margin-bottom: 20px;
}
.wordpress-helpdesk .wordpress-helpdesk-faq-boxed:hover .wordpress-helpdesk-faq-boxed-title,
.tax-faq_topics .wordpress-helpdesk-faq-boxed:hover .wordpress-helpdesk-faq-boxed-title{
opacity: .6;
}
.wordpress-helpdesk .fa-file-alt:before,
.tax-faq_topics .fa-file-alt:before{
content: "";
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-row > *{
padding-left: 15px;
padding-right: 15px;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq{
margin-bottom: 30px;
}
@media (min-width: 1440px) {
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq{
padding-left: 40px;
position: relative;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-title:before{
content: "";
font-family: FontAwesome;
color: var(--colorMain2);
position: absolute;
top: 6px;
left: 0;
font-size: 28px;
}
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-title{
font-weight: 500;
padding: 10px 0 15px;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-title i{
display: none;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-divider{
display: none;
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-link a{
color: var(--colorMain);
}
.tax-faq_topics .wordpress-helpdesk .wordpress-helpdesk-faq .wordpress-helpdesk-faq-link a:hover{
opacity: .7;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper{
margin-top: 15px;
}
.wordpress-helpdesk-my-tickets label{
display: inline-block;
font-size: 0;
width: 100%;
margin-bottom: 20px;
font-weight: 400 !important;
line-height: 0;
}
.wordpress-helpdesk-my-tickets label .select_container{
font-size: 16px !important;
color: var(--colorFont) !important;
line-height: 1;
}
.wordpress-helpdesk-my-tickets label .select_container > select{
border-radius: 5px;
font-size: 12px;
}
.wordpress-helpdesk-my-tickets table.dataTable.no-footer{
border-bottom: 1px solid var(--colorBorder);
}
.wordpress-helpdesk-my-tickets table.dataTable thead th,
.wordpress-helpdesk-my-tickets table.dataTable thead td{
padding: 12px 18px;
border-bottom: 1px solid var(--colorBorder);
}
.wordpress-helpdesk-my-tickets table.dataTable thead th,
.wordpress-helpdesk-my-tickets table.dataTable tfoot th{
font-weight: 400;
}
.wordpress-helpdesk-my-tickets table.dataTable tbody th,
.wordpress-helpdesk-my-tickets table.dataTable tbody td{
padding: 17px 14px;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_filter input{
margin-left: 0;
height: 60px;
font-size: 12px;
letter-spacing: .2em;
text-transform: uppercase;
border-radius: 5px;
}
.wordpress-helpdesk-my-tickets .wordpress-helpdesk-my-tickets-header{
background-color: var(--colorBackground);
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_info{
clear: both;
float: left;
padding-top: 1.5em;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate{
float: right;
text-align: right;
padding-top: 1em;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button{
display: inline-block;
margin-right: 4px;
margin-left: 0;
margin-bottom: 7px;
padding: .5em 1.2em;
min-width: 3em;
text-align: center;
line-height: inherit;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.current{
color: var(--colorFont) !important;
border: 2px solid var(--colorBorder);
border-radius: 5px !important;
background: rgba(0, 0, 0, 0) !important;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.current{
border: 2px solid var(--colorMain);
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button:active{
box-shadow: none !important;
border: 2px solid var(--colorMain);
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.next{
font-size: 0;
width: 50px;
height: 50px;
line-height: 45px;
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before,
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{
font-family: FontAwesome;
font-size: 18px;
content: "";
}
.wordpress-helpdesk-my-tickets .dataTables_wrapper .dataTables_paginate .paginate_button.next:before{
content: "";
}
.wordpress-helpdesk-sidebar .widget-first .widgettitle{
margin-top: 15px;
}
.wordpress-helpdesk-faq-list li,
.widget_faq_topics li{
padding: 8px 0 8px 0;
margin-bottom: .2em;
list-style: none;
border-bottom: 1px solid var(--colorBorder);
}
.wordpress-helpdesk-faq-list li i,
.widget_faq_topics li i{
color: var(--colorMain);
margin-right: 18px;
font-size: 16px;
}
.wordpress-helpdesk-faq-list li,
.widget_faq_topics li{
padding: 9px 0 9px 0;
margin-bottom: 0;
list-style: none;
border-bottom: 1px solid rgba(76, 76, 76, .1);
}
.wordpress-helpdesk-faq-list li:first-child,
.widget_faq_topics li:first-child{
border-top: 1px solid rgba(76, 76, 76, .1);
}
.widget_faq_live_search .wordpress-helpdesk-faq-searchform{
margin: 0 0 45px;
}
.single-page-article .wordpress-helpdesk .dataTables_length label{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.single-ticket .wordpress-helpdesk-single-title{
font-size: 30px;
line-height: 1.2;
margin-top: 15px;
margin-bottom: 25px;
}
.single-ticket .wordpress-helpdesk-single-description-title{
font-size: 24px;
margin-top: 30px;
margin-bottom: 15px;
}
.single-ticket .wordpress-helpdesk-ticket-attachments-title{
font-size: 24px;
margin-top: 0;
margin-bottom: 15px;
}
.single-ticket .wordpress-helpdesk-agent-box,
.single-ticket .wordpress-helpdesk-reporter-box{
font-size: 12px;
color: var(--colorFont) 2;
}
.single-ticket .wordpress-helpdesk-agent-box .wordpress-helpdesk-col-sm-3,
.single-ticket .wordpress-helpdesk-agent-box .wordpress-helpdesk-col-sm-9,
.single-ticket .wordpress-helpdesk-reporter-box .wordpress-helpdesk-col-sm-3,
.single-ticket .wordpress-helpdesk-reporter-box .wordpress-helpdesk-col-sm-9{
padding-right: 15px;
padding-left: 15px;
}
.single-ticket .wordpress-helpdesk-agent-box .wordpress-helpdesk-agent-box-title,
.single-ticket .wordpress-helpdesk-agent-box .wordpress-helpdesk-reporter-box-title,
.single-ticket .wordpress-helpdesk-reporter-box .wordpress-helpdesk-agent-box-title,
.single-ticket .wordpress-helpdesk-reporter-box .wordpress-helpdesk-reporter-box-title{
font-size: 20px;
margin-top: 0;
margin-bottom: .5em;
}
.wordpress-helpdesk-comments .comment-form p.form-submit{
margin-top: 34px;
margin-bottom: 0;
}
.wordpress-helpdesk-comments .comment-form p.form-submit .btn{
color: var(--colorLight) !important;
}
.wordpress-helpdesk-comments .comment-form p.form-submit .btn span{
font-size: 12px;
line-height: 1.6em;
font-weight: 500;
text-transform: uppercase;
}
.wordpress-helpdesk-comments .comment-form p.form-submit .btn:hover,
.wordpress-helpdesk-comments .comment-form p.form-submit .btn:focus{
color: var(--colorFont) 2;
}
.wordpress-helpdesk-comments .wp-editor-wrap{
position: relative;
width: 100%;
}
.wordpress-helpdesk-comments .comments-area{
margin-top: 30px;
}
.wordpress-helpdesk-comments .comments-area .quicktags-toolbar .ed_button{
width: auto;
display: inline-block;
transition: all .2s ease-in-out 0s;
}
.wordpress-helpdesk-comments .comments-area .quicktags-toolbar .ed_button:hover{
background-color: var(--colorMain);
}