@charset "UTF-8";
.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;
word-break: 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)}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
  :root {
--colorLight: #ffffff;
--colorFont: #787878;
--colorFontLight: #b4b4b4;
--colorBackground: #f5f5f5;
--colorBorder: #b4b4b4;
--colorBorderDark: #303030;
--colorDark: #181818;
--colorDarkMuted: #071c1f;
--colorMain: #ffc326;
--colorMain2: #e23751;
--colorMainDarken: rgb(191, 138.1889400922, 0);
--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: 1;
}
.svg-icon svg {
max-width: 1em;
max-height: 1em;
fill: var(--colorFont);
}
.social-links {
line-height: 1;
}
.social-links a {
display: inline-block;
}
.social-links a svg {
max-width: 14px;
max-height: 14px;
}
.social-links a:hover svg {
fill: var(--colorMain3);
}
.social-links a + a {
margin-left: 13px;
}
a.social-icon {
display: inline-block;
line-height: 1;
text-align: center;
vertical-align: middle;
}
a.social-icon i {
font-size: 12px;
}
a.social-icon.border-icon {
width: 40px;
height: 40px;
align-items: center;
border: 1px solid #989898;
display: flex;
align-items: center;
justify-content: center;
}
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 .c .icon-inline .svg-icon svg {
fill: #fff;
}
.meta-icons-main2 .icon-inline .svg-icon svg {
fill: var(--colorMain2);
}
.meta-icons-main2 .c2 .icon-inline .svg-icon svg {
fill: #fff;
}
.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-muted .icon-inline .svg-icon svg {
fill: var(--colorDarkMuted);
} .animation-enabled .animate,
[data-animate*=".column-aside .widget"] .column-aside .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 0.35s ease;
}
.no-js .preloader {
display: none;
}
.preloader.cover {
top: 0;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.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;
animation-play-state: paused;
}
.preloader_css {
width: 30px;
height: 30px;
margin: 10px;
border: 3px solid #f7f7f7;
border-radius: 50%;
border-top-color: #ffc326;
border-top-color: var(--colorMain);
opacity: 1;
transition: opacity 0.35s ease;
animation: spin 0.5s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-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: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
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: 0.35em 0.75em 0.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;
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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: #ffffff;
background-color: var(--colorLight);
text-rendering: optimizeLegibility;
word-break: break-word;
width: 100%;
position: relative;
font-weight: 300;
line-height: 24px;
}
body,
button,
input,
select,
textarea {
color: #787878;
color: var(--colorFont);
font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, segoe ui, fira sans, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
}
iframe {
max-width: 100%;
border: none;
}
figure,
img {
margin: 0;
max-width: 100%;
height: auto;
}
figcaption {
font-size: 14px;
line-height: 1.5;
padding: 0.5em 0;
}
table {
width: 100%;
border-collapse: collapse;
}
td,
th {
padding: 0.8em;
border: 1px solid var(--colorBorder);
word-break: normal;
text-align: center;
}
@media (max-width: 767px) {
td,
th {
padding-left: 0.6em;
padding-right: 0.6em;
}
}
th {
text-align: center;
background-color: transparent;
color: var(--colorDarkGrey);
font-weight: bold;
}
.i th {
color: var(--colorLight);
}
a:hover,
a:active,
a:focus {
text-decoration: none !important;
}
code {
padding: 0 0.5rem;
font-size: 0.85rem;
display: inline-block;
background-color: #f5f5f5;
background-color: var(--colorBackground);
}
pre {
margin: 20px 0;
max-width: 100%;
overflow-x: auto;
font-size: 0.85rem;
padding: 1em;
background-color: #f5f5f5;
background-color: var(--colorBackground);
}
blockquote,
.wp-block-quote {
position: relative;
margin: 0;
padding: 10px 10px 30px 10px;
border: 0;
font-size: 18px;
font-weight: 300;
line-height: 30px;
text-align: center;
font-style: italic;
}
@media (min-width: 768px) {
blockquote,
.wp-block-quote {
margin-left: auto;
margin-right: auto;
}
}
blockquote footer,
.wp-block-quote footer {
font-weight: 600;
font-style: normal;
font-size: 15px;
line-height: 1.4;
text-transform: uppercase;
color: var(--colorMain);
}
blockquote p,
.wp-block-quote p {
margin-bottom: 45px;
width: 100%;
}
blockquote:last-child,
blockquote p:last-child,
.wp-block-quote:last-child,
.wp-block-quote p:last-child {
margin-bottom: 0;
}
blockquote cite,
.wp-block-quote cite {
font-style: normal;
text-transform: none;
font-weight: 300;
color: var(--colorFontLight);
display: block;
width: 100%;
font-size: 16px;
}
blockquote cite strong,
.wp-block-quote cite strong {
text-transform: uppercase;
font-weight: 900;
font-size: 12px;
line-height: 1.2;
margin-top: 10px;
display: block;
width: 100%;
color: var(--colorMain) !important;
}
blockquote cite img,
.wp-block-quote cite img {
max-width: 40px;
border-radius: 50%;
margin-right: 0.5em;
vertical-align: middle;
}
blockquote.is-style-large,
.wp-block-quote.is-style-large {
padding-left: 0;
padding-right: 0;
}
blockquote.is-style-large::before,
.wp-block-quote.is-style-large::before {
display: none;
}
blockquote.is-style-large p,
.wp-block-quote.is-style-large p {
font-weight: 300;
color: var(--colorDark);
font-style: normal;
margin-bottom: 0.5em;
}
@media (min-width: 767px) {
blockquote.is-style-large p,
.wp-block-quote.is-style-large p {
font-size: 32px;
}
}
blockquote.has-text-align-right,
.wp-block-quote.has-text-align-right {
text-align: right;
justify-content: flex-end;
}
.has-cyan-bluish-gray-background-color blockquote::before,
.has-cyan-bluish-gray-background-color .wp-block-quote::before {
background-color: transparent !important;
}
.single-post blockquote,
.single-post .wp-block-quote {
margin-top: 60px;
margin-bottom: 60px;
}
.wp-block-column .wp-block-quote {
padding-left: 0;
min-height: 0;
}
.wp-block-column .wp-block-quote:before {
position: relative;
line-height: 1;
width: 32px;
height: 32px;
}
cite {
color: var(--colorDarkMuted);
font-style: normal;
font-size: 14px;
width: 100%;
}
a {
outline: none;
text-decoration: none;
transition: all 0.3s linear 0s;
color: #232323;
color: var(--colorDarkGrey);
}
a > img {
opacity: 1;
transition: all 0.3s linear 0s;
}
a:focus,
a:hover {
text-decoration: underline;
color: #ffc326;
color: var(--colorMain);
}
a:focus .svg-icon svg,
a:hover .svg-icon svg {
fill: var(--colorMain);
}
a:focus > img,
a:hover > img {
opacity: 0.8;
}
ol,
ul,
dd {
padding-left: 20px;
margin: 0 0 2em;
}
dt {
font-weight: bolder;
}
dd {
margin-left: 0;
}
ol li:not([class]):not([role=presentation]),
ul li:not([class]):not([role=presentation]) {
padding: 0.5em 0;
}
ol li:not([class]):not([role=presentation]):last-child,
ul li:not([class]):not([role=presentation]):last-child {
padding-bottom: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0.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: 0.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: "0" 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: 0.65em;
margin-right: 24px;
background: url(//auto-franjo.hr/wp-content/themes/towy/assets/img/arrow-right.svg) no-repeat center/cover;
color: var(--colorMain);
position: relative;
bottom: 0.05em;
}
nav > ul {
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
line-height: 1.3;
word-break: break-word;
margin-top: 1.5em;
margin-bottom: 1em;
position: relative;
color: var(--colorDarkGrey);
}
h1:first-child:not([class*=mt-]),
h2:first-child:not([class*=mt-]),
h3:first-child:not([class*=mt-]),
h4:first-child:not([class*=mt-]),
h5:first-child:not([class*=mt-]),
h6:first-child:not([class*=mt-]) {
margin-top: 0;
}
h1 {
font-size: 54px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
p {
margin-top: 0;
margin-bottom: 20px;
}
p:last-child:after {
content: "";
display: block;
clear: both;
}
p:last-child {
margin-bottom: 0;
}
address {
margin-bottom: 20px;
}
hr {
border: 0;
height: 1px;
background-color: #b4b4b4;
background-color: var(--colorBorder);
}
.pre-heading {
color: var(--colorMain2);
}
.pre-heading,
.footer_top-pre-heading {
position: relative;
line-height: 1;
font-weight: 300;
z-index: 0;
text-transform: uppercase;
}
.pre-heading .pre-heading-bg-text,
.footer_top-pre-heading .pre-heading-bg-text {
position: absolute;
font-family: "kristi";
color: var(--colorBackground);
top: -60px;
left: 50%;
transform: translateX(-50%);
font-style: normal;
font-weight: normal;
font-size: 150px;
line-height: 120px;
min-width: 100%;
z-index: -1;
}
@media (max-width: 767px) {
.pre-heading .pre-heading-bg-text,
.footer_top-pre-heading .pre-heading-bg-text {
top: -30px;
font-size: 80px;
line-height: 70px;
}
}
mark {
color: inherit;
background-color: transparent;
}
.special {
font-size: 2em;
text-transform: uppercase;
}
.small {
font-size: 0.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: 0.8em;
}
.main .wp-block-image .alignright {
left: 2em;
margin-bottom: 0.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: 50px;
left: 0;
padding: 0 !important;
margin: 5px 0 0 !important;
list-style: none;
z-index: 1;
}
.dropdown ul:not(.topline-menu) li {
padding: 0 !important;
}
.dropdown ul:not(.topline-menu) li::before {
display: none;
}
.dropdown ul:not(.topline-menu) li + li {
margin-left: 1px;
}
.dropdown input[type=checkbox]:checked ~ ul {
display: flex;
}
.form-in-line input:not([type=submit]) {
width: 100%;
}
.form-in-line {
text-align: center;
}
@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: "\f08a";
}
.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 0.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(--colorDarkMuted);
background-color: transparent;
}
.slick-dots li button:hover::before {
color: var(--colorDarkMuted) !important;
}
.slick-dots li.slick-active button {
border-color: var(--colorDarkMuted);
background-color: transparent;
}
.slick-dots li.slick-active button::before {
color: var(--colorDarkMuted) !important;
}
.slick-slider .slick-arrow.slick-prev::before {
content: "\f053";
font-family: "Font Awesome 5 Free";
font-weight: 800;
color: var(--colorDark);
font-size: 1.5rem;
}
.slick-slider .slick-arrow.slick-next::before {
content: "\f054";
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-pre-heading {
font-size: 32px;
line-height: 64px;
font-weight: 300;
line-height: 1;
font-style: normal;
text-transform: uppercase;
margin: 0;
position: relative;
word-break: break-word;
}
@media (max-width: 767px) {
.section-intro .intro-pre-heading::before {
display: none;
}
}
.section-intro .intro-heading {
font-size: 32px;
line-height: 64px;
font-weight: 700;
margin: 0;
text-transform: uppercase;
position: relative;
word-break: break-word;
margin-bottom: 20px;
}
.section-intro .intro-description {
color: var(--colorFont);
font-size: 14px;
font-weight: 300;
margin-bottom: 2em;
}
.section-intro .theme_button {
margin-top: 1em;
} .post-adds {
font-size: 14px;
margin: 15px 0 30px;
border-radius: 5px;
}
.post-adds span,
.post-adds a {
display: inline-block;
}
.post-adds .share_buttons {
margin: 0;
padding: 0;
width: 40px;
line-height: 40px;
border-radius: 0;
}
.post-adds .share_buttons i {
font-size: 16px;
position: static;
}
.post-adds .share_buttons:first-child {
border-radius: 5px 0 0 5px;
}
.post-adds .share_button {
border-radius: 2px 0 0 2px;
}
.post-adds .theme_button.like_button,
.post-adds .like_button {
border-right: 1px solid rgba(145, 152, 153, 0.3) !important;
line-height: 50px;
margin-left: -3px;
text-align: center;
width: 50px;
}
.post-adds .theme_button.like_button i,
.post-adds .like_button i {
font-size: 16px;
position: static;
}
.post-adds .theme_button.like_button:hover,
.post-adds .like_button:hover {
color: var(--colorDarkMuted);
}
.post-adds .item-likes,
.post-adds .views-count,
.post-adds .comments-link {
font-weight: 500;
padding-left: 5px;
padding-right: 5px;
}
.post-adds .views-count {
padding: 0 10px;
border-radius: 0 5px 5px 0;
color: var(--colorLight);
}
.post-adds .comments-link {
line-height: 50px;
padding: 0 15px;
}
.blog-feed .post-adds .comments-link {
display: none;
}
@media (min-width: 992px) {
.post-adds {
font-size: 14px;
}
.post-adds .theme_button {
width: 50px;
line-height: 50px;
}
.post-adds .item-likes,
.post-adds .views-count,
.post-adds .comments-link {
padding-left: 20px;
padding-right: 20px;
}
.post-adds .views-count {
padding: 0 30px;
}
}
.post-adds .dropdown-menu {
margin: 5px 0 0;
padding: 0;
border: none;
background-color: transparent;
}
.dropdown-menu {
border: 2px solid #19bcdb;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px;
margin-top: 0;
padding-left: 0;
padding-right: 0;
z-index: 1001;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
}
.elementor-accordion .elementor-tab-title {
border: none !important;
border-bottom: 1px solid var(--colorBorder) !important;
}
.elementor-accordion .elementor-accordion-item {
border: none !important;
}
.elementor-accordion .elementor-tab-content {
border: none !important;
}
.color2 {
color: var(--colorMain2);
}
.bottom-arrows .premium-carousel-wrapper a.carousel-arrow {
top: auto !important;
bottom: 58px !important;
}
@media (max-width: 767px) {
.bottom-arrows .premium-carousel-wrapper a.carousel-arrow {
bottom: 38px !important;
}
}
.bottom-arrows .premium-carousel-wrapper a.carousel-arrow.carousel-prev {
left: calc(50% - 140px) !important;
}
.bottom-arrows .premium-carousel-wrapper a.carousel-arrow.carousel-next {
right: calc(50% - 140px) !important;
}
.section-team .elementor-column {
margin: 0 auto;
} fieldset {
border-color: #b4b4b4;
border-color: var(--colorBorder);
border-width: 1px;
border-style: solid;
}
input,
label,
select,
button,
textarea {
font-size: 18px;
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
}
label {
cursor: pointer;
font-size: 16px;
margin-bottom: 0.75em;
color: var(--colorDarkMuted);
}
.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 {
height: 50px;
border-width: 1px;
border-style: solid;
border-color: var(--colorBorder);
background-color: transparent;
border-radius: 0;
color: var(--colorFont);
padding-left: 20px;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
font-size: 16px;
font-weight: 600;
}
.wpcf7-spinner {
display: none;
}
.wpcf7 form .wpcf7-response-output {
padding-left: 20px;
padding-right: 20px;
padding-top: 9px;
padding-bottom: 9px;
font-size: 16px;
font-weight: 600;
width: 100%;
margin-top: 30px;
}
textarea.form-control {
height: auto;
max-width: 100%;
min-width: 100%;
}
input.form-control {
max-width: 100%;
min-width: 100%;
}
.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);
}
input[type=number] {
padding-right: 0;
} input[type=checkbox],
input[type=radio] {
width: 13px;
height: 13px;
margin-right: 0.25em;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox] + label,
input[type=checkbox] + .wpcf7-list-item-label {
padding-left: 0;
}
input[type=checkbox] + label:before,
input[type=checkbox] + .wpcf7-list-item-label:before {
content: "";
display: inline-block;
vertical-align: middle;
margin: 0 10px 4px 0;
text-align: center;
width: 1.1em;
height: 1.1em;
line-height: 1em;
font-size: 1em;
border: 1px solid var(--colorDarkGrey);
background-color: transparent;
border-radius: 0;
font-family: "FontAwesome";
}
input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked + .wpcf7-list-item-label:before {
content: "\f00c";
color: var(--colorMain);
}  input[type=search] {
-webkit-appearance: textfield;
} ::-webkit-search-decoration {
display: none;
} .theme_buttons a,
.theme_button,
.wc-proceed-to-checkout .checkout-button,
.buttons a,
button,
input[type=submit] {
width: auto;
font-size: 16px;
font-weight: 700;
padding: 15px 25px 15px;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
color: var(--colorLight);
border: 3px solid var(--colorDarkGrey);
background-color: var(--colorDarkGrey);
border-radius: 1px;
position: relative;
transition: all 0.4s linear 0s;
}
.theme_buttons a:active, .theme_buttons a:hover, .theme_buttons a:focus,
.theme_button:active,
.theme_button:hover,
.theme_button:focus,
.wc-proceed-to-checkout .checkout-button:active,
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus,
.buttons a:active,
.buttons a:hover,
.buttons a:focus,
button:active,
button:hover,
button:focus,
input[type=submit]:active,
input[type=submit]:hover,
input[type=submit]:focus {
background-color: transparent;
}
.theme_buttons.color1 a,
.theme_button.color1 {
background-color: var(--colorMain);
border-color: var(--colorMain);
}
.theme_buttons.color1 a:hover, .theme_buttons.color1 a:focus, .theme_buttons.color1 a:active,
.theme_button.color1:hover,
.theme_button.color1:focus,
.theme_button.color1:active {
color: var(--colorDarkGrey);
background-color: transparent;
}
.theme_buttons.color1.inverse a,
.theme_button.color1.inverse {
color: var(--colorMain);
background-color: transparent;
}
.theme_buttons.color1.inverse a:hover, .theme_buttons.color1.inverse a:focus, .theme_buttons.color1.inverse a:active,
.theme_button.color1.inverse:hover,
.theme_button.color1.inverse:focus,
.theme_button.color1.inverse:active {
color: var(--colorLight);
background-color: var(--colorMain);
}
.theme_buttons.color2 a,
.theme_button.color2 {
background-color: var(--colorMain2);
border-color: var(--colorMain2);
}
.theme_buttons.color2 a:hover, .theme_buttons.color2 a:focus, .theme_buttons.color2 a:active,
.theme_button.color2:hover,
.theme_button.color2:focus,
.theme_button.color2:active {
color: var(--colorDarkGrey);
border-color: var(--colorMain2);
}
.theme_buttons.white_color a,
.theme_button.white_color {
background-color: var(--colorLight);
border-color: var(--colorLight);
color: var(--colorMain);
}
.theme_buttons.white_color a:hover, .theme_buttons.white_color a:focus, .theme_buttons.white_color a:active,
.theme_button.white_color:hover,
.theme_button.white_color:focus,
.theme_button.white_color:active {
color: var(--colorLight);
border-color: var(--colorLight);
background-color: transparent;
}
.theme_buttons a:active,
.theme_buttons a:hover,
.theme_buttons a:focus,
.wc-proceed-to-checkout .checkout-button:hover {
color: var(--colorDarkGrey);
background-color: transparent;
opacity: 1;
text-decoration: none;
outline: none;
-webkit-transition: all 0.05s linear 0s;
-moz-transition: all 0.05s linear 0s;
-o-transition: all 0.05s linear 0s;
-ms-transition: all 0.05s linear 0s;
transition: all 0.05s linear 0s;
}
.theme_buttons a:active,
.theme_button:active {
top: 1px;
}
.muted_buttons a,
.muted_button {
opacity: 0.2;
}
.small_buttons a,
.small_button {
padding: 3px 5px 2px;
min-width: auto;
}
.square_buttons a,
.square_button {
padding-left: 10px;
padding-right: 10px;
min-width: auto;
}
.wide_buttons a,
.wide_button {
padding-right: 55px;
padding-left: 55px;
}
a.inactive {
pointer-events: none;
}
.block_buttons a,
.block_button {
display: block;
width: 100%;
text-align: center;
}
.min_width_button {
min-width: 170px;
}
.no_bg_button {
background-color: transparent !important;
border-color: transparent;
}
.no_bg_button.color1 {
color: var(--colorMain);
}
.no_bg_button.color2 {
color: var(--colorMain2);
}
.no_bg_button[class*=color]:hover, .no_bg_button[class*=color]:focus, .no_bg_button[class*=color]:active {
color: var(--colorDarkGrey);
}
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: 0.08em;
padding-right: 0.1em;
}
p > [class*=rt-icon] {
font-size: 1.1em;
position: relative;
top: 0.1em;
line-height: 0;
padding: 0 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;
}
.read-more,
.more-link {
font-weight: 700;
}
.theme_buttons.inverse a,
.theme_button.inverse {
color: var(--colorDarkGrey);
background-color: transparent;
}
.theme_buttons.inverse a:hover, .theme_buttons.inverse a:focus, .theme_buttons.inverse a:active,
.theme_button.inverse:hover,
.theme_button.inverse:focus,
.theme_button.inverse:active {
color: var(--colorLight);
background-color: var(--colorDarkGrey);
}
.theme_buttons.color2 a,
.theme_button.color2,
.button.alt,
.btn-accent,
.wc-proceed-to-checkout .checkout-button {
background-color: var(--colorMain2);
border-color: var(--colorMain2);
}
.theme_buttons.color2 a:hover, .theme_buttons.color2 a:focus, .theme_buttons.color2 a:active,
.theme_button.color2:hover,
.theme_button.color2:focus,
.theme_button.color2:active,
.button.alt:hover,
.button.alt:focus,
.button.alt:active,
.btn-accent:hover,
.btn-accent:focus,
.btn-accent:active,
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus,
.wc-proceed-to-checkout .checkout-button:active {
color: var(--colorMain2);
background-color: transparent;
}
.theme_buttons.color2.inverse a,
.theme_button.color2.inverse {
color: var(--colorMain2);
background-color: transparent;
border-color: var(--colorMain2);
}
.theme_buttons.color2.inverse a:hover, .theme_buttons.color2.inverse a:focus, .theme_buttons.color2.inverse a:active,
.theme_button.color2.inverse:hover,
.theme_button.color2.inverse:focus,
.theme_button.color2.inverse:active {
color: var(--colorLight);
background-color: var(--colorMain2);
}
.is-style-squared .wp-block-button__link {
border-radius: 0 !important;
}
.just-link .premium-button::before {
background-image: none !important;
}
#footer-top [type=submit] {
font-size: 16px;
font-weight: 700;
padding: 15px 25px 15px;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
color: var(--colorLight);
border: 3px solid var(--colorDarkGrey);
background-color: var(--colorDarkGrey);
border-radius: 1px;
position: relative;
transition: all 0.4s linear 0s;
}
#footer-top [type=submit]:active, #footer-top [type=submit]:hover, #footer-top [type=submit]:focus {
background-color: transparent;
}
#footer-top [type=submit] {
border-color: var(--colorMain) !important;
}
#footer-top [type=submit]:hover {
background-color: var(--colorMain) !important;
line-height: 9 !important;
}
.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;
}
.btn-link .wp-block-button__link {
text-transform: inherit;
padding: 0;
background-color: transparent;
color: var(--colorFont) !important;
font-size: 16px;
}
.btn-link .wp-block-button__link::after {
content: "\f054";
font-family: "Font Awesome 5 Free";
margin-left: 10px;
font-size: 14px;
}
.btn-link .wp-block-button__link:hover {
background-color: transparent;
color: var(--colorMain) !important;
} input[type=file] {
display: block;
} textarea { vertical-align: top; overflow: auto;
}
select[multiple] { vertical-align: top;
} ::-webkit-input-placeholder {
opacity: 0.5;
transition: opacity 0.6s ease;
}
::-moz-placeholder {
opacity: 0.5;
transition: opacity 0.6s ease;
}
:-moz-placeholder {
opacity: 0.5;
transition: opacity 0.6s ease;
}
:-ms-input-placeholder {
opacity: 0.5;
transition: opacity 0.6s ease;
}
:focus::-webkit-input-placeholder {
opacity: 0;
}
:focus::-moz-placeholder {
opacity: 0;
}
:focus:-moz-placeholder {
opacity: 0;
}
:focus:-ms-input-placeholder {
opacity: 0;
}
.select-wrap {
position: relative;
}
.select-wrap::after {
content: "";
display: inline-block;
position: absolute;
top: calc(50% - 4px);
width: 5px;
height: 5px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #b4b4b4;
border-color: var(--colorBorder);
transform: rotate(135deg);
right: 12px;
cursor: pointer;
pointer-events: none;
}
.select-wrap select {
background-color: transparent;
color: var(--colorFont);
border-color: var(--colorMain);
padding-left: 20px;
padding-right: 20px;
font-weight: 600;
height: 40px;
line-height: 1;
font-size: 16px;
position: relative;
cursor: pointer;
width: 100%;
z-index: 1;
appearance: none;
background-color: transparent;
box-shadow: none !important;
}
form.wpcf7-form .form-with-icons {
margin-left: -15px;
margin-right: -15px;
}
form.wpcf7-form .form-with-icons p {
position: relative;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 1199px) {
form.wpcf7-form .form-with-icons p {
margin-top: 5px;
margin-bottom: 5px;
}
}
form.wpcf7-form .form-with-icons p span + [class*=icon2-],
form.wpcf7-form .form-with-icons p span + [class*=fa-] {
position: absolute;
font-size: 14px;
left: 28px;
top: 13px;
width: 14px;
color: var(--colorMain);
}
form.wpcf7-form .form-with-icons p .wpcf7-form-control-wrap {
position: relative;
margin-bottom: 10px;
}
form.wpcf7-form .form-with-icons p .wpcf7-form-control-wrap input,
form.wpcf7-form .form-with-icons p .wpcf7-form-control-wrap textarea {
text-indent: 30px;
}  .l {
background-color: #ffffff;
background-color: var(--colorLight);
}
.l .darklinks a,
.l .darklinks span,
.l a.darklink {
color: var(--colorDarkGrey);
}
.l .darklinks a:hover,
.l .darklinks span:hover,
.l a.darklink:hover {
color: var(--colorMain);
}
.l .darklinks a .svg-icon svg {
fill: var(--colorDarkGrey);
}
.l .highlight {
border-color: var(--colorMain);
color: var(--colorMain);
}
@media screen and (min-width: 992px) and (min-width: 992px) {
.l .top-menu li.menu-item-has-children a:after {
border-color: var(--colorDarkGrey);
}
}
.m {
background-color: #f5f5f5;
background-color: var(--colorBackground);
}
.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: var(--colorLight);
}
.l.m.page_topline input[type=search] {
background-color: #f9f9f9;
} .i {
background-color: var(--colorDarkGrey);
color: var(--colorLight);
}
@media (min-width: 1200px) {
.i.slider-topline {
background-color: rgba(31, 35, 43, 0.5);
}
}
.i.page_topline {
background-color: rgba(35, 35, 35, 0.6);
}
.i ::-webkit-input-placeholder {
color: var(--colorDarkGrey);
}
.i ::-moz-placeholder {
color: var(--colorDarkGrey);
}
.i :-moz-placeholder {
color: var(--colorDarkGrey);
}
.i :-ms-input-placeholder {
color: var(--colorDarkGrey);
}
.i h1,
.i h2,
.i h3,
.i h4,
.i h5,
.i h6 {
color: var(--colorLight);
}
.i h1.slide-heading,
.i h2.slide-heading,
.i h3.slide-heading,
.i h4.slide-heading,
.i h5.slide-heading,
.i h6.slide-heading {
color: var(--colorMain);
}
.i .entry-view-wrap {
color: var(--colorLight);
}
.i.title h1 {
color: var(--colorMain);
}
.i.c.title h1 {
color: var(--colorDarkGrey);
}
.i a {
color: var(--colorLight);
}
.i a:focus, .i a:hover {
color: #ffc326;
color: var(--colorMain);
}
.i .layout-default .post {
background-color: transparent;
}
.i .posts-list li h3 a,
.i .posts-list li h4 a {
color: var(--colorLight);
}
.i .posts-list li h3 a:hover,
.i .posts-list li h4 a:hover {
color: var(--colorMain);
}
.i.footer a {
color: var(--colorFont);
}
.i.footer a:focus, .i.footer a:hover {
color: #ffffff;
color: var(--colorLight);
}
.i.footer .wp-block-getwid-social-links__item a:hover {
opacity: 1;
}
.i.footer .wp-block-getwid-social-links__item a:hover i {
color: var(--colorMain);
}
.i.copyright .copyright-text {
color: var(--colorFont);
}
.i li a:not([class]) {
opacity: 1;
}
.i li a:not([class]):hover {
opacity: 1;
}
.i .highlight {
border-color: var(--colorMain);
color: var(--colorMain);
}
.i .is-style-outline .wp-block-button__link {
border-color: var(--colorLight);
color: var(--colorLight);
}
.i .is-style-outline .wp-block-button__link:hover {
color: var(--colorLight);
}
.i .wp-block-button__link:hover, .i .wp-block-button__link:focus,
.i .button:hover,
.i .button:focus,
.i button:hover,
.i button:focus,
.i input[type=reset]:hover,
.i input[type=reset]:focus,
.i input[type=button]:hover,
.i input[type=button]:focus,
.i input[type=submit]:hover,
.i input[type=submit]:focus {
color: var(--colorLight);
}
.i input[type=text],
.i input[type=email],
.i input[type=url],
.i input[type=password],
.i input[type=search],
.i input[type=tel],
.i input[type=number],
.i textarea,
.i select,
.i .form-control {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
color: var(--colorLight);
}
.i.m {
background-color: #181818;
background-color: var(--colorDark);
}
.i.c {
background-color: #ffc326;
background-color: var(--colorMain);
}
.i.c.c2 {
background-color: #e23751;
background-color: var(--colorMain2);
}
.i.c.c3 {
background-color: #ff9402;
background-color: var(--colorMain3);
}
.i.c.c4 {
background-color: #0e292e;
background-color: var(--colorMain4);
}
.i.c.gradient {
background-image: linear-gradient(0deg, #ffc326, #e23751);
background-image: linear-gradient(0deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.horizontal {
background-image: linear-gradient(90deg, #ffc326, #e23751);
background-image: linear-gradient(90deg, var(--colorMain), var(--colorMain2));
}
.i.c.gradient.diagonal {
background-image: linear-gradient(45deg, #ffc326, #e23751);
background-image: linear-gradient(45deg, var(--colorMain), var(--colorMain2));
}
.i.c a:focus,
.i.c a:hover {
color: var(--colorMain3);
}
.i.c a:focus svg,
.i.c a:hover svg {
fill: var(--colorMain3);
}
@media (min-width: 1200px) {
.i.c .top-menu > .current-menu-item > a,
.i.c .top-menu > .current-menu-ancestor > a,
.i.c .top-menu ul.sub-menu .current-menu-ancestor a {
color: var(--colorMain3);
}
.i.c .top-menu ul {
background-color: var(--colorMain2);
}
.i.c .top-menu ul.sub-menu a {
color: var(--colorLight);
}
.i.c .top-menu ul.sub-menu a:hover, .i.c .top-menu ul.sub-menu a.active {
color: var(--colorMain3);
}
.i.c ul.sub-menu .current-menu-item > a {
color: #ff9402;
color: var(--colorMain3);
}
}
.i.c .header-search #search_toggle:hover .fa.fa-search,
.i.c .header-button.user:hover i,
.i.c .cart-dropdown .dropdown-toggle:hover i {
color: var(--colorMain3);
}
.i.c a[href*="mailto:"] {
color: var(--colorLight);
}
.i.c input,
.i.c select,
.i.c textarea {
color: var(--colorDarkMuted);
}
.i.c [type=submit] {
color: var(--colorDark);
border-color: var(--colorMain);
}
.i.c [type=submit]:hover {
background-color: var(--colorMain);
color: var(--colorMain);
}
.i.c ::-webkit-input-placeholder {
color: var(--colorDarkMuted);
}
.i.c ::-moz-placeholder {
color: var(--colorDarkMuted);
}
.i.c :-moz-placeholder {
color: var(--colorDarkMuted);
}
.i.c :-ms-input-placeholder {
color: var(--colorDarkMuted);
}
.i.c .wp-block-button__link {
background-color: var(--colorLight);
color: var(--colorMain);
}
.i.c .wp-block-button__link:hover {
color: var(--colorLight);
background-color: transparent;
border-color: var(--colorLight);
}
.i.c.topline.topline-3 .svg-icon.icon-printer svg,
.i.c.topline.topline-3 .svg-icon.icon-mail svg {
fill: var(--colorLight);
}
.i .svg-icon svg {
fill: #fff;
}
.i .l.affix .svg-icon svg {
fill: #071c1f;
fill: var(--colorDarkMuted);
}
.i .header-search #search_toggle .fa.fa-search {
color: var(--colorLight);
}
.i .affix.l,
.i .affix.l.m {
color: #fff;
}
.i .affix.l a,
.i .affix.l.m a {
color: #071c1f;
color: var(--colorDarkMuted);
}
.i .affix.l a:hover,
.i .affix.l.m a:hover {
color: #ffc326;
color: var(--colorMain);
}
.i .section-hr {
background-color: rgba(255, 255, 255, 0.3);
}
.i .widget_nav_menu li a {
color: var(--colorLight);
}
.i .with_corner_border::before, .i .with_corner_border::after {
border-color: var(--colorLight);
}
.i .with_corner_border .bottom_corners::before, .i .with_corner_border .bottom_corners::after {
border-color: var(--colorLight);
}
.i .theme_buttons.color1 a:hover, .i .theme_buttons.color1 a:focus, .i .theme_buttons.color1 a:active,
.i .theme_button.color1:hover,
.i .theme_button.color1:focus,
.i .theme_button.color1:active {
color: var(--colorLight);
}
.i .scroll-icon i {
color: var(--colorLight);
}
.i .scroll-icon a {
color: var(--colorFontLight);
}
.i .scroll-icon a:hover {
color: var(--colorLight);
} .bordered {
border: 1px solid;
border-color: #b4b4b4;
border-color: var(--colorBorder);
}
.i .bordered {
border-color: rgba(255, 255, 255, 0.3);
}
.with_border {
border: 2px solid rgba(0, 0, 0, 0.06);
}
.muted {
background-color: #f5f5f5;
background-color: var(--colorBackground);
}
.l.m .muted {
background-color: #ffffff;
background-color: var(--colorLight);
}
.i .muted {
background-color: rgba(255, 255, 255, 0.1);
}
.shadow {
box-shadow: 0 0 20px 0 rgba(100, 100, 100, 0.15);
}
.i .shadow {
box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.1);
}
.d-none {
display: none !important;
}
.text-uppercase {
text-transform: uppercase;
}
.extra-padding,
.bordered,
.muted,
.shadow {
padding: 50px;
}
@media (max-width: 500px) {
.extra-padding,
.bordered,
.muted,
.shadow {
padding: 30px;
}
}
.rounded {
border-radius: 10px;
overflow: hidden;
}
.background-overlay {
position: relative;
}
.background-overlay:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: block;
background: var(--colorDarkGrey);
opacity: 0.65;
border-radius: 0 !important;
}
.background-overlay.overlay-light:before {
background-color: rgba(17, 51, 58, 0.6);
}
.background-overlay > * {
position: relative;
}
.background-overlay.title:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
display: block;
background: var(--colorDarkGrey);
border-radius: 0 !important;
opacity: 0.95;
z-index: 0;
}
.background-overlay.title.overlay-main:before {
background: var(--colorMain);
opacity: 0.95;
}
.background-overlay.title.overlay-light:before {
background: rgba(17, 51, 58, 0.6);
}
.background-cover {
background-position: 50% 0;
background-size: cover;
}
.background-cover.cover-center {
background-position: 50% 50%;
}
.background-cover.cover-top {
background-position: 50% 1px;
}
.background-fixed {
background-attachment: fixed;
}
.dropdown {
position: relative;
}
.highlight2 {
border-color: var(--colorMain2);
color: var(--colorMain2);
}
.main_bg_color2 {
background-color: var(--colorMain2);
} .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;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left !important;
}
.fw-100 {
font-weight: 100;
}
.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);
}
@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(255, 195, 38, 0), 0 0 0 0.5em rgba(255, 195, 38, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 195, 38, 0), 0 0 0 0 rgba(255, 195, 38, 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 {
object-position: 65%;
}
.content-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}
.muted_background {
background-color: var(--colorBackground);
}
.inline-block {
display: inline-block;
max-width: 100%;
} .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;
}
}
.animate.an__fadeInLeft {
animation: 5s infinite linear;
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: 50px !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-50 {
margin-right: 50px !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: 50px !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-50 {
margin-left: 50px !important;
}
.with-sidebar .column-aside.m-lg-60 {
margin-left: 60px !important;
}
.with-sidebar .column-aside.m-lg-80 {
margin-left: 80px !important;
}
}
.top-margin-120 {
margin-top: -120px;
}
.topmargin_40 {
margin-top: 40px;
}
.position-relative {
position: relative;
}
.pt-50 {
padding-top: 50px;
}
.pb-50 {
padding-bottom: 50px;
}
.pt-75 {
padding-top: 75px;
}
@media (max-width: 767px) {
.pt-75 {
padding-top: 50px;
}
}
.pb-75 {
padding-bottom: 75px;
}
@media (max-width: 767px) {
.pb-75 {
padding-bottom: 50px;
}
}
.pt-100 {
padding-top: 100px;
}
@media (max-width: 1199px) {
.pt-100 {
padding-top: 75px;
}
}
@media (max-width: 479px) {
.pt-100 {
padding-top: 50px;
}
}
.pb-90 {
padding-bottom: 90px;
}
@media (max-width: 1199px) {
.pb-90 {
padding-bottom: 75px;
}
}
@media (max-width: 479px) {
.pb-90 {
padding-bottom: 50px;
}
}
.m-0 {
margin: 0 !important;
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.with_corner_border {
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.with_corner_border {
display: none;
}
}
.with_corner_border:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 2px 0 0 2px;
border-radius: 5px 0 0 0;
}
@media (max-width: 1199px) {
.with_corner_border:before {
display: none;
}
}
.with_corner_border:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 2px 2px 0 0;
border-radius: 0 5px 0 0;
}
@media (max-width: 1199px) {
.with_corner_border:after {
display: none;
}
}
.with_corner_border .bottom_corners:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 0 0 2px 2px;
border-radius: 0 0 0 5px;
}
@media (max-width: 1199px) {
.with_corner_border .bottom_corners:before {
display: none;
}
}
.with_corner_border .bottom_corners:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 0 2px 2px 0;
border-radius: 0 0 5px 0;
}
@media (max-width: 1199px) {
.with_corner_border .bottom_corners:after {
display: none;
}
}
.with_corner_border.with_border:before {
top: -2px;
left: -2px;
}
.with_corner_border.with_border:after {
top: -2px;
right: -2px;
}
.with_corner_border.with_border .bottom_corners:before {
bottom: -2px;
left: -2px;
}
.with_corner_border.with_border .bottom_corners:after {
bottom: -2px;
right: -2px;
}
.elementor-column.corner_border > div {
position: relative;
z-index: 1;
}
.elementor-column.corner_border > div:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 2px 0 0 2px;
border-radius: 5px 0 0 0;
}
@media (max-width: 1199px) {
.elementor-column.corner_border > div:before {
display: none;
}
}
.elementor-column.corner_border > div:after {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 2px 2px 0 0;
border-radius: 0 5px 0 0;
}
@media (max-width: 1199px) {
.elementor-column.corner_border > div:after {
display: none;
}
}
.elementor-column.corner_border > div .elementor-widget-button:before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 0 0 2px 2px;
border-radius: 0 0 0 5px;
}
@media (max-width: 1199px) {
.elementor-column.corner_border > div .elementor-widget-button:before {
display: none;
}
}
.elementor-column.corner_border > div .elementor-widget-button:after {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
width: 30px;
height: 30px;
border: 2px solid var(--colorDark);
border-width: 0 2px 2px 0;
border-radius: 0 0 5px 0;
}
@media (max-width: 1199px) {
.elementor-column.corner_border > div .elementor-widget-button:after {
display: none;
}
}
.elementor-column.corner_border.with_border > div:before {
top: -2px;
left: -2px;
}
.elementor-column.corner_border.with_border > div:after {
top: -2px;
right: -2px;
}
.elementor-column.corner_border.with_border > div .elementor-widget-button:before {
bottom: -2px;
left: -2px;
}
.elementor-column.corner_border.with_border > div .elementor-widget-button:after {
bottom: -2px;
right: -2px;
}
.min_width_button a {
min-width: 170px;
}
.d-flex {
display: flex;
}
.bg_teaser {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0;
position: relative;
color: var(--colorLight);
overflow: hidden;
}  .container {
position: relative;
max-width: 1520px;
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 .page_topline .container, .container-1520 .footer .container, .container-1520 .copyright .container, .container-1520 .intro_slider .container, .container-1520 .section-intro .container, .container-1520 .slider-topline .container, .container-1520 .footer-top .container {
max-width: 1520px;
}
.container-1170 .main .container, .container-1170 .title .container, .container-1170 .header .container, .container-1170 .toplogo .container, .container-1170 .page_topline .container, .container-1170 .footer .container, .container-1170 .copyright .container, .container-1170 .intro_slider .container, .container-1170 .section-intro .container, .container-1170 .slider-topline .container, .container-1170 .footer-top .container {
max-width: 1170px;
}
.container-960 .main .container, .container-960 .title .container, .container-960 .header .container, .container-960 .toplogo .container, .container-960 .page_topline .container, .container-960 .footer .container, .container-960 .copyright .container, .container-960 .intro_slider .container, .container-960 .section-intro .container, .container-960 .slider-topline .container, .container-960 .footer-top .container {
max-width: 960px;
}
.container-720 .main .container, .container-720 .title .container, .container-720 .header .container, .container-720 .toplogo .container, .container-720 .page_topline .container, .container-720 .footer .container, .container-720 .copyright .container, .container-720 .intro_slider .container, .container-720 .section-intro .container, .container-720 .slider-topline .container, .container-720 .footer-top .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 {
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 1920px) {
.container,
.container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.header .container,
.header .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) {
.container-md-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: 0px;
}
.layout-gap-1 .grid-item {
padding-right: 0px;
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: 992px) {
.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: 992px) {
.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;
clip-path: inset(-60px 0);
}
.decor:before, .decor:after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 60px;
top: -59px;
background-color: #ffffff;
background-color: var(--colorLight);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
display: none;
}
.decor:after {
top: auto;
bottom: -59px;
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 {
transform: scaleX(-1);
}
.decor.decor-b-inverse:after {
transform: scaleY(-1);
}
.decor.chev-t:before {
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.chev-b:after {
clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.decor.arr-t:before {
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
transform: scaleY(-1);
}
.decor.arr-b:after {
clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0);
transform: none;
}
.decor.m:before, .decor.m:after {
background-color: #f5f5f5;
background-color: var(--colorBackground);
}
.decor.i:before, .decor.i:after {
background-color: #181818;
background-color: var(--colorDark);
}
.decor.i.m:before, .decor.i.m:after {
background-color: #071c1f;
background-color: var(--colorDarkMuted);
}
.decor.c:before, .decor.c:after {
background-color: #ffc326;
background-color: var(--colorMain);
}
.decor.c2:before, .decor.c2:after {
background-color: #e23751;
background-color: var(--colorMain2);
}
.decor.gradient:after {
background-color: #e23751;
background-color: var(--colorMain2);
}
.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;
}
.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;
position: relative;
align-items: center;
}
.posts-list li img {
max-width: 85px;
min-width: 85px;
height: auto;
}
.posts-list li h3,
.posts-list li h4 {
line-height: 1;
margin: 0 0 4px;
font-size: 16px;
}
.posts-list li h3 a,
.posts-list li h4 a {
color: var(--colorDarkGrey);
}
.posts-list li h3 a:hover,
.posts-list li h4 a:hover {
color: var(--colorMain);
}
.posts-list li + li {
margin-top: 22px;
}
.posts-list li.list-has-post-thumbnail::before {
display: none;
}
.posts-list .posts-list-thumbnail {
margin-right: 20px;
width: auto;
}
.posts-list .item-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.icon-inline-wrap {
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.icon-inline-wrap > span:first-child {
margin-right: 20px;
}
li .post-date.icon-inline {
font-size: 14px;
font-weight: 300;
display: flex;
align-items: center;
color: #ffc326;
color: var(--colorMain);
}
li .post-date.icon-inline svg {
fill: #e23751;
fill: var(--colorMain2);
max-width: 1em;
max-height: 1em;
}
.i li .post-date.icon-inline {
color: #787878;
color: var(--colorFont);
}
.i li .post-date.icon-inline svg {
fill: #ffffff;
fill: var(--colorLight);
}
.posts-list-thumbnail {
display: block;
position: relative;
width: 100%;
}
.posts-list-thumbnail img {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
.posts-list-thumbnail .svg-icon {
display: none;
}
.posts-list-thumbnail .svg-icon svg {
fill: #fff;
}
.post-title {
word-break: break-word;
-webkit-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 article {
margin-bottom: 3.5em;
}
.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 {
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 .title-wrap,
body.single-post.no-sidebar .title-wrap,
body.single-post.with-sidebar .title-wrap {
position: relative;
text-align: left;
}
body.single-post .title-wrap .background-author,
body.single-post.no-sidebar .title-wrap .background-author,
body.single-post.with-sidebar .title-wrap .background-author {
content: "post";
font-family: "Kristi";
font-style: normal;
font-weight: normal;
font-size: 150px;
line-height: 120px;
color: var(--colorBackground);
position: absolute;
top: -60px;
z-index: -1;
}
body.single-post .title-wrap .author-post,
body.single-post.no-sidebar .title-wrap .author-post,
body.single-post.with-sidebar .title-wrap .author-post {
color: var(--colorMain2);
margin-bottom: 20px;
font-size: 16px;
line-height: 21px;
font-weight: bold;
}
body.single-post .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title,
body.single-post.with-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 .title-wrap .entry-title,
body.single-post.no-sidebar .title-wrap .entry-title,
body.single-post.with-sidebar .title-wrap .entry-title {
font-size: 42px;
line-height: 50px;
margin-bottom: 30px;
}
}
body.single-post .item-content,
body.single-post.no-sidebar .item-content,
body.single-post.with-sidebar .item-content {
padding: 35px;
max-width: 1000px;
margin: 0 auto;
}
@media (max-width: 399px) {
body.single-post .item-content,
body.single-post.no-sidebar .item-content,
body.single-post.with-sidebar .item-content {
padding: 25px 20px;
}
}
body.single-post .item-content .entry-header .categories-list a,
body.single-post.no-sidebar .item-content .entry-header .categories-list a,
body.single-post.with-sidebar .item-content .entry-header .categories-list a {
font-size: 14px;
font-weight: 500;
margin-bottom: 6px;
margin-right: 6px;
color: var(--colorMain2);
}
body.single-post .item-content .entry-header .categories-list a:hover,
body.single-post.no-sidebar .item-content .entry-header .categories-list a:hover,
body.single-post.with-sidebar .item-content .entry-header .categories-list a:hover {
color: var(--colorDarkGrey);
}
body.single-post .item-content .entry-header .post-adds,
body.single-post.no-sidebar .item-content .entry-header .post-adds,
body.single-post.with-sidebar .item-content .entry-header .post-adds {
border-radius: 5px;
font-size: 12px;
margin: 15px 0 30px;
}
@media (min-width: 992px) {
body.single-post .item-content .entry-header .post-adds,
body.single-post.no-sidebar .item-content .entry-header .post-adds,
body.single-post.with-sidebar .item-content .entry-header .post-adds {
font-size: 14px;
}
}
body.single-post .item-content .first-paragraph,
body.single-post.no-sidebar .item-content .first-paragraph,
body.single-post.with-sidebar .item-content .first-paragraph {
font-weight: 500;
font-size: 20px;
line-height: 32px;
margin-bottom: 20px;
}
body.single-post .item-content ul:not(.blocks-gallery-grid),
body.single-post .item-content ol:not(.blocks-gallery-grid),
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid),
body.single-post.no-sidebar .item-content ol:not(.blocks-gallery-grid),
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid),
body.single-post.with-sidebar .item-content ol:not(.blocks-gallery-grid) {
list-style: none;
padding-left: 0px;
margin-bottom: 35px;
}
body.single-post .item-content ul:not(.blocks-gallery-grid) li,
body.single-post .item-content ol:not(.blocks-gallery-grid) li,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid) li,
body.single-post.no-sidebar .item-content ol:not(.blocks-gallery-grid) li,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid) li,
body.single-post.with-sidebar .item-content ol:not(.blocks-gallery-grid) li {
position: relative;
padding: 5px 0;
color: var(--colorDarkGrey);
}
body.single-post .item-content ul:not(.blocks-gallery-grid) li::before,
body.single-post .item-content ol:not(.blocks-gallery-grid) li::before,
body.single-post.no-sidebar .item-content ul:not(.blocks-gallery-grid) li::before,
body.single-post.no-sidebar .item-content ol:not(.blocks-gallery-grid) li::before,
body.single-post.with-sidebar .item-content ul:not(.blocks-gallery-grid) li::before,
body.single-post.with-sidebar .item-content ol:not(.blocks-gallery-grid) li::before {
background-color: transparent;
color: var(--colorMain);
content: "\f00c";
font-family: "FontAwesome";
font-size: 16px;
height: auto;
left: -30px;
width: auto;
margin-right: 10px;
}
body.single-post.no-sidebar .title-wrap {
text-align: center;
}
body.single-post.no-sidebar .title-wrap .background-author {
left: 50%;
transform: translateX(-50%);
}
.single-post blockquote {
position: relative;
margin: 60px 0 60px;
padding: 55px 40px 50px;
background-image: url(//auto-franjo.hr/wp-content/themes/towy/assets/img/qoute.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border: 0;
font-size: 18px;
font-weight: 300;
line-height: 30px;
font-style: italic;
text-align: center;
} .side-item .post-thumbnail {
margin-bottom: 0;
}
.side-item .item-content {
padding-top: 2em;
}
@media screen and (min-width: 576px) {
.side-item {
display: flex;
}
.side-item > * {
flex: 2;
}
.side-item > *:first-child {
flex: 1;
margin-right: 30px;
}
.side-item.has-post-thumbnail .item-content {
padding-top: 0;
}
}
.item-media img {
display: block;
}
.content-absolute {
position: relative;
display: flex;
}
.content-absolute .entry-title {
margin-bottom: 0.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: #ffffff;
color: var(--colorLight);
}
.content-absolute .overlap-content h1, .content-absolute .overlap-content h2, .content-absolute .overlap-content h3, .content-absolute .overlap-content h4 {
color: #ffffff;
color: var(--colorLight);
}
.content-absolute .overlap-content a {
color: #ffffff;
color: var(--colorLight);
}
.content-absolute .overlap-content a:hover {
color: #ffffff;
color: var(--colorLight);
opacity: 0.7;
}
.content-absolute .overlap-content span .svg-icon svg {
fill: #ffffff;
}
.content-absolute .overlap-content .entry-footer {
padding: 0;
border: none;
margin-top: 0.5em;
color: rgba(255, 255, 255, 0.7);
}
.content-absolute .overlap-content .entry-footer a:hover {
color: #ffc326;
color: var(--colorMain);
}
.content-absolute h2, .content-absolute h3 {
margin-bottom: 0.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: 0.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: 0.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, 0.5);
z-index: 1001;
visibility: hidden;
opacity: 0;
}
body,
body:after,
.page_header_side {
transition: all 0.6s ease-in-out;
}
body {
-webkit-transition-property: left, right;
-moz-transition-property: left, right;
-ms-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
}
body.active-side-header {
left: 270px;
}
body.active-side-header .page_header_side {
left: 0;
}
body.active-side-header:after {
visibility: visible;
opacity: 1;
}
.page_header_side {
z-index: 1002;
position: fixed;
width: 270px;
left: -270px;
top: 0;
bottom: 0;
}
.page_header_side.active-slide-side-header {
box-shadow: 0px 0px 3px 3px rgba(50, 50, 50, 0.15);
}
.page_header_side ~ * .toggle_menu {
display: none;
}
.page_header_side .meta-wrap {
margin: 11px 30px;
font-weight: 300;
line-height: 1;
color: var(--colorFont);
}
.page_header_side .meta-wrap strong {
color: var(--colorMain3);
}
.page_header_side .social-links-wrap {
margin-top: 30px;
}
.page_header_side .social-links-wrap .social-links {
margin: 0 30px;
}
.page_header_side .social-links-wrap .social-links a + a {
margin-left: 20px;
}
.page_header_side .widget {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
.page_header_side .social-icons {
margin: 0 30px;
}
.side_header_inner {
padding: 60px 30px;
}
.toggle_menu_side {
position: absolute;
top: 15px;
right: -65px;
background-color: #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.5);
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: 14px;
position: absolute;
background-color: var(--colorFont);
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
height: 3px;
border-radius: 5px;
}
.toggle_menu_side:before,
.toggle_menu_side span {
left: 18px;
top: 50%;
}
.toggle_menu_side span:before {
opacity: 1;
top: -5px;
}
.toggle_menu_side span:after {
opacity: 1;
top: 5px;
}
.active-slide-side-header .toggle_menu_side:before, .active-side-header .toggle_menu_side:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-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);
-moz-transform: rotate(-45deg);
-o-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;
}
.ds .toggle_menu_side {
background-color: #3d3d47;
}
.ds .toggle_menu_side span,
.ds .toggle_menu_side span:before,
.ds .toggle_menu_side span:after, .ds .toggle_menu_side:before {
background-color: var(--colorLight);
}
.bs .toggle_menu_side {
background-color: #2e2e37;
}
@media (max-width: 350px) {
.toggle_menu_side {
top: 5px;
right: -50px;
}
}
.page_header_side.page_header_side_sticked .toggle_menu_side {
transition: 0.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 0.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: 270px;
}
.page_header_side_sticked.active-slide-side-header ~ * {
margin-left: 270px;
}
.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: -270px;
}
.page_header_side.header_side_right.active-slide-side-header {
right: 0;
}
.page_header_side.header_side_right .toggle_menu_side {
right: auto;
left: -65px;
}
@media (max-width: 350px) {
.page_header_side.header_side_right .toggle_menu_side {
left: -50px;
}
}
body.active-side-header.slide-right {
left: -270px;
}
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;
position: absolute;
right: 0;
top: 11px;
font-size: 16px;
text-align: center;
width: 25px;
transform: rotate(-90deg);
transition: 0.25s ease-in-out;
}
.menu-side-click .activate_submenu:before {
content: "+";
color: var(--colorMain);
}
.i .menu-side-click .activate_submenu {
color: var(--colorLight);
}
.menu-side-click li.active-submenu > .activate_submenu:before {
content: "-";
}
.menu-side-click .active-submenu > .activate_submenu {
transform: rotate(0deg);
}
.menu-side-click li {
position: relative;
list-style: none;
}
.menu-side-click > li {
background-color: transparent;
border-left: 3px solid transparent;
transition: 0.3s ease-in-out;
}
.menu-side-click > li a {
position: relative;
display: block;
padding: 10px 15px;
color: var(--colorFont);
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.menu-side-click > li a::before {
font-family: "rt-icons-2";
content: "\e7c1";
font-size: 18px;
color: var(--colorMain);
position: absolute;
left: -3px;
}
.menu-side-click > li { }
.menu-side-click > li li {
font-weight: 300;
}
.menu-side-click li.active > a {
color: var(--colorMain);
}
.menu-side-click ul {
opacity: 0;
height: 0;
padding-left: 20px;
}
.menu-side-click ul ul {
padding-left: 20px;
font-size: 95%;
}
.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 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.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;
} .page_topline .page_topline_wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 991px) {
.page_topline .page_topline_wrap {
display: block;
text-align: center;
padding: 8px 0;
}
}
@media (max-width: 767px) {
.page_topline .page_topline_wrap {
padding: 0;
}
}
.page_topline .divided-content {
margin-top: 10px;
margin-bottom: 10px;
}
.page_topline .divided-content .icon-inline {
padding: 0;
}
.page_topline .divided-content .icon-inline::before {
display: none;
}
.page_topline .divided-content .icon-inline i {
padding-right: 7px;
color: var(--colorMain);
}
.page_topline .divided-content .icon-inline + .icon-inline {
margin-left: 30px;
}
@media (max-width: 1199px) {
.page_topline .divided-content .icon-inline + .icon-inline {
margin-left: 10px;
}
}
.page_topline .social-links-wrap > * {
vertical-align: middle;
display: inline-block;
}
@media (max-width: 991px) {
.page_topline .social-links-wrap > * {
display: none;
}
}
.page_topline .social-links-wrap > * a .svg-icon svg {
fill: var(--colorMain);
}
section.page_topline {
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}
section.page_topline a {
text-transform: uppercase;
}
.header-absolute-wrap #topline {
position: relative;
z-index: 1;
}
.topline {
position: relative;
}
.header-absolute-wrap .topline {
background-color: transparent;
}
.topline .container,
.topline .container-fluid {
display: flex;
align-items: center;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.topline .container > *:first-child,
.topline .container-fluid > *:first-child {
margin-right: auto;
}
@media (min-width: 1200px) {
.topline .container-fluid > * {
margin-left: 15px;
margin-right: 15px;
}
}
.topline .icon-inline {
margin: 0 1em 0 0;
}
.topline .icon-inline:last-child {
margin-right: 0;
}
@media (min-width: 1200px) {
.topline .dropdown-menu.site-meta .icon-inline:first-child .svg-icon {
margin-left: -3px;
}
}
@media screen and (max-width: 991px) {
.topline .dropdown-menu-md {
display: none;
}
.topline .active .dropdown-menu-md {
min-width: 300px;
max-width: 310px;
padding: 1em 1em;
display: block;
position: absolute;
z-index: 11;
background-color: #ffffff;
background-color: var(--colorLight);
color: #787878;
color: var(--colorFont);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, 0.15);
}
.topline .active .dropdown-menu-md a:not([class]) {
color: #071c1f;
color: var(--colorDarkMuted);
}
.topline .active .dropdown-menu-md a:not([class]):hover {
color: #ffc326;
color: var(--colorMain);
}
.topline .active .dropdown-menu-md svg {
fill: #071c1f;
fill: var(--colorDarkMuted);
}
.topline .active .dropdown-menu-md > * {
display: flex;
align-items: flex-start;
line-height: 1.4;
}
.topline .active .dropdown-menu-md > * + * {
margin-top: 0.7em;
}
.topline .icon-inline {
margin-right: 0;
height: auto;
}
}
.topline.l {
color: var(--colorDarkMuted);
}
.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;
}
.toplogo > [class*=container] {
padding-top: 25px;
padding-bottom: 25px;
}
.toplogo .container-fluid,
.toplogo .container {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 991px) {
.toplogo .logo.logo-left {
padding-left: 15px;
}
}
.toplogo .meta-wrap {
line-height: 1;
}
.toplogo .meta-wrap > * {
margin: 0.5em 0;
}
.toplogo [class*=cols-] {
align-items: center;
}
@media (max-width: 599px) {
.toplogo [class*=cols-] {
flex-direction: column;
}
.toplogo [class*=cols-] > * {
width: auto;
}
.toplogo [class*=cols-] .search-social-wrap,
.toplogo [class*=cols-] .meta-wrap {
margin: 1em 0;
}
}
@media (min-width: 600px) {
.toplogo [class*=cols-] > *:last-child {
text-align: right;
justify-content: flex-end;
}
}
.toplogo .search-social-wrap.flex-column {
align-items: flex-end;
flex-direction: column;
}
.toplogo .search-social-wrap.flex-column > * {
margin: 1em 0;
}
.toplogo .search-social-wrap.flex-column > * + * {
margin-top: 0;
}
.toplogo .container-md-flex .icon-inline .svg-icon {
line-height: 2em;
text-align: center;
margin-right: 20px;
width: 2em;
height: 2em;
border: 2px solid var(--colorMain2);
border-radius: 5px;
font-size: 24px;
padding-top: 2px;
}
.toplogo .container-md-flex .icon-inline .svg-icon:hover {
animation: scaleDisappear 0.5s;
}
.toplogo .container-md-flex .icon-inline .svg-icon svg {
margin-top: -2px;
line-height: 2em;
max-width: 24px;
max-height: 24px;
fill: var(--colorMain2);
}
@keyframes scaleDisappear {
0% {
opacity: 1;
transform: scale(1);
}
60% {
opacity: 0;
transform: scale(1.3);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.toplogo .container-md-flex .icon-inline .body {
text-align: left;
}
.toplogo .container-md-flex .icon-inline .body .title {
font-size: 24px;
font-weight: 500;
line-height: 1;
margin: 0;
color: var(--colorMain3);
}
.toplogo .container-md-flex .icon-inline .body .text {
font-size: 12px;
line-height: 1;
font-weight: 500;
color: var(--colorFont);
margin-bottom: 8px;
}
@media (max-width: 991px) {
.toplogo .container-md-flex .icon-inline {
margin-top: 1em !important;
}
}
@media (max-width: 991px) {
.toplogo {
text-align: center;
}
}
.toplogo.i .container-md-flex .icon-inline .body .title {
color: var(--colorLight);
}
.toplogo .container-md-flex .logo {
margin-right: auto;
}
@media (min-width: 1199px) {
.toplogo .container-md-flex .inline-teasers-wrap {
padding: 0 15px;
margin-left: -25px;
margin-right: -25px;
}
}
.toplogo .container-md-flex .inline-teasers-wrap .icon-inline,
.toplogo .container-md-flex .inline-teasers-wrap .search-social-wrap {
margin: 10px 25px;
min-width: 270px;
}
.search-social-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.home #header-affix-wrap.home-page-absolute {
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
}
.home #header-affix-wrap.home-page-absolute .header-1.i {
background-color: rgba(35, 35, 35, 0.8);
}
.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: 40px;
}
.header-wrap.transparent {
background-color: transparent;
}
.header-wrap.absolute {
min-height: 0;
}
.header {
top: 0;
left: 0;
right: 0;
position: relative;
transition-property: transform, background-color;
z-index: 1000;
}
.header.transparent {
background-color: transparent;
background-image: none;
}
.header.affix {
position: fixed;
transform: translateY(-100%);
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
background-color: var(--colorLight);
}
.header.affix.m {
background-color: #f5f5f5;
background-color: var(--colorBackground);
}
.header.affix.i {
background-color: var(--colorDarkGrey);
}
.header.affix.i.m {
background-color: #071c1f;
background-color: var(--colorDarkMuted);
}
.header.affix.i.c {
background-color: #ffc326;
background-color: var(--colorMain);
}
.header.affix .section-hr {
opacity: 0;
}
.header.affix.scrolling-down {
transition-timing-function: ease-in;
transition-duration: 0.25s;
}
.header.affix.scrolling-up {
transition-timing-function: ease-out;
transition-duration: 0.3s;
transform: translateY(0);
}
.header.affix.always-sticky {
transform: none;
}
.header div.container,
.header div.container-fluid {
display: flex;
justify-content: center;
align-items: center;
}
.header.header-1 div.container,
.header.header-1 div.container-fluid {
justify-content: left;
}
@media (min-width: 992px) {
.header.header-1 > div > a.logo {
display: none;
}
.header.header-1 .top-menu {
flex: 1;
}
.header.header-1 .top-menu > li {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
}
.header.header-1 .top-menu > li > a {
margin: 0;
}
}
@media (max-width: 991px) {
.header.header-1.header_logo_center .logo {
margin-left: 0;
}
}
@media (min-width: 1600px) {
.header div.container-fluid {
padding-left: 57px;
padding-right: 57px;
}
}
.header #nav_toggle {
display: none;
}
.header.header-3:not(.affix) .logo {
display: none;
opacity: 0;
}
#header-image .l:not(.affix),
#header-image .i:not(.affix),
#header-image .m:not(.affix) {
background-color: transparent;
background-image: none;
}
.header-login {
margin-right: 1em;
}
.header-login .svg-icon {
padding-right: 0.5em;
position: relative;
bottom: -1px;
}
.header-login button {
transition: all 0.3s ease-in-out;
font-size: inherit;
}
.header-login button:hover {
color: var(--colorMain);
}
.l .header-login button {
color: var(--colorDarkMuted);
}
.l .header-login button:hover {
color: var(--colorMain);
}
.header-search {
position: relative;
padding: 0 17px;
}
@media (min-width: 400px) {
.header .header-search .search-form {
margin: 0 1em;
}
}
.header-search #search_toggle {
border: none;
background: transparent;
font-size: 14px;
}
.header-search #search_toggle .fa.fa-search {
margin: 0;
color: var(--colorMain3);
}
.header-search #search_toggle:hover .fa.fa-search {
color: var(--colorMain);
}
.header-button {
white-space: nowrap;
}
@media screen and (min-width: 600px) {
.header-button {
margin: 0 1em;
}
}
.no-logo .header-button {
margin: 0 0 0 1em;
}
@media (max-width: 1199px) {
.no-logo .header-button {
margin: 10px 15px;
}
}
.header-button.user {
margin: 0;
padding: 0 17px;
}
.header-button.user i {
font-size: 14px;
}
.header-button.user:hover i {
color: var(--colorMain);
}
.header-meta .icon-inline {
font-size: 16px;
margin-left: 10px;
}
.header-meta .svg-icon {
padding: 10px;
border-radius: 50%;
margin-right: 4px;
}
#search_dropdown {
z-index: -1;
opacity: 0;
position: fixed;
top: 0;
right: 0;
left: 0;
padding: 0;
transition: all 0.25s ease-in-out;
transform: scale(0);
}
#search_dropdown.active {
opacity: 1;
background-color: transparent;
z-index: 10003;
transform: scale(1);
}
#search_dropdown form {
margin: 0 0 0 40px;
}
#search_modal_close {
position: fixed;
left: -60px;
top: 0;
transition: right 0.6s ease;
width: 40px;
height: 40px;
}
#search_modal_close span,
#search_modal_close span:before,
#search_modal_close span:after {
background-color: var(--colorLight);
}
.active + #search_modal_close {
left: 0;
z-index: 100003;
}
#search_modal_close:hover span,
#search_modal_close:hover span:before,
#search_modal_close:hover span:after {
background-color: var(--colorMain2);
}
#login_modal_close {
display: none;
background-color: var(--colorLight);
color: var(--colorLight);
position: fixed;
right: -60px;
top: 5px;
transition: right 0.6s ease;
z-index: 999;
}
.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(--colorDarkMuted);
}
.admin-bar .side_header_inner {
margin-top: 32px;
}
.admin-bar#body .page_header_side.header_side_right .toggle_menu_side, .admin-bar#body .page_header_side.header_side_right.active-slide-side-header .toggle_menu_side {
top: 52px;
}
.container_px_120 .container-fluid {
padding-right: 15px !important;
padding-left: 15px !important;
}
@media (min-width: 1200px) {
.container_px_120 .container-fluid {
padding-right: 120px !important;
padding-left: 120px !important;
}
}
@media (min-width: 1200px) {
.header-2 .top-menu > li > a {
padding-top: 35px;
padding-bottom: 35px;
margin: 0 28px;
}
}
@media (min-width: 992px) {
.nav-narrow .top-menu > li > a:before {
background-color: transparent;
background-image: linear-gradient(-45deg, transparent 10%, #ffc326 10%, #ffc326 50%, transparent 50%, transparent 60%, #ffc326 60%, #ffc326);
background-size: 7px 7px;
content: "";
height: 3px;
left: 50%;
width: 0;
position: absolute;
right: 50%;
top: 0;
z-index: 1;
transition: 0.3s ease-in-out;
}
.nav-narrow .top-menu > li > a {
padding-top: 50px;
padding-bottom: 50px;
}
.nav-narrow .top-menu > li > a:hover:before,
.nav-narrow .top-menu > li.active > a:before {
left: 0;
right: 0;
width: 100%;
}
} .logo-wrap {
text-align: center;
line-height: 1;
}
.logo-link {
display: inline-block;
}
.logo {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
white-space: nowrap;
}
.logo:hover {
color: inherit;
text-decoration: none;
}
.logo.px {
padding-left: 1.5em;
padding-right: 1.5em;
}
.logo .logo-text {
padding: 5px 15px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
}
.logo .logo-text .logo-text-primary {
font-size: 30px;
line-height: 1;
font-weight: 900;
letter-spacing: -0.04em;
}
.logo .logo-text .logo-text-secondary {
display: block;
width: 100%;
font-size: 10px;
letter-spacing: 0.43em;
font-weight: 300;
}
@media (min-width: 1200px) {
.container .logo.no-image .logo-text {
margin: 0;
}
}
.logo:not(.logo-between) .logo-text-primary {
font-size: 30px;
font-weight: 900;
color: var(--colorMain);
}
#header .logo {
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 8px 0;
}
@media (min-width: 1200px) {
#header.menu-center.has-menu .logo {
margin-right: 0;
}
}
#header.header-tall:not(.affix) .logo {
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 1200px) {
#header.header-tall:not(.affix) .logo {
padding-top: 35px;
padding-bottom: 35px;
}
}
.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 0.25em;
}
.logo.logo-between.no-image span {
padding: 0 0.25em;
}
.logo img {
width: auto;
display: inline-block;
vertical-align: middle;
}
.header_logo_center .logo {
margin: 0 20px;
}
@media (min-width: 992px) {
.header_logo_center .logo {
margin-left: 30px;
}
}
.header_logo_center .logo_wrapper a.logo {
padding: 13px 0 !important;
z-index: 2;
margin-left: 24px;
margin-right: 24px;
}
@media (max-width: 991px) {
.header_logo_center .logo_wrapper a.logo {
margin-left: 0;
}
}
@media (min-width: 992px) {
.header_logo_center .logo_wrapper {
position: absolute;
left: 0;
right: 0;
text-align: center;
}
.header_logo_center .logo_wrapper a.logo {
display: inline-block;
word-break: break-word;
text-transform: uppercase;
position: relative;
}
}
#header.page_header_side .logo {
margin-bottom: 40px;
}
#header.page_header_side .logo .logo-text {
padding: 5px 0 5px 8px;
}
.footer .logo-footer {
position: relative;
}
.footer .logo-footer .logo-text {
padding: 0;
position: relative;
z-index: 1;
}
.footer .logo-footer .logo-bg {
position: absolute;
top: -18px;
left: calc(50% - 40px);
opacity: 0.3;
z-index: 0;
} .section-hr {
box-sizing: border-box;
position: absolute;
margin: 0 auto;
padding: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #b4b4b4;
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;
}
#box {
display: flex;
flex-direction: column;
}
#box.box-fade-in {
transition: opacity 0.35s ease-out;
opacity: 0;
}
.window-loaded #box.box-fade-in {
opacity: 1;
} .title {
position: relative;
}
.title h1 {
margin-top: 15px !important;
margin-bottom: 15px;
display: inline-block;
font-size: 56px;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
word-wrap: break-word;
}
@media (max-width: 767px) {
.title h1 {
font-size: 42px;
}
}
.title .breadcrumbs {
margin: 17px 0 0;
font-size: 0;
}
.title .breadcrumbs a,
.title .breadcrumbs span.breadcrumb_last,
.title .breadcrumbs span.breadcrumbs_item:last-child {
display: inline-block;
font-size: 14px;
margin: 5px 10px 5px 0;
}
.title .breadcrumbs span + span {
font-size: 16px;
}
.title.i .breadcrumbs a::after {
content: "/";
font-size: 12px;
color: var(--colorFont);
margin-left: 12px;
}
.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 + nav {
margin-left: 15px;
padding-left: 15px;
}
.title.title-inline .search-form {
margin-left: 2em;
margin-right: 2em;
}
}
.title.title-3 .container {
overflow: hidden;
}
.title.title-3 .breadcrumbs {
margin: 10px 0 0;
text-transform: uppercase;
font-weight: 500;
}
.title.title-3.i .breadcrumbs a::after {
color: var(--colorFont);
margin: 0 20px;
}
.title.title-3 a,
.title.title-3 span.breadcrumb_last,
.title.title-3 span.breadcrumbs_item:last-child {
margin: 0;
}
.title.title-3 a:hover {
color: var(--colorMain);
}
.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%;
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;
transform: scale(1.4);
}
}
.intro-buttons {
margin-top: 2em;
} #main {
position: relative;
flex-grow: 1;
overflow: hidden;
}
.with-sidebar #main {
overflow: visible;
}
.column-aside {
max-width: 440px;
margin: 4em 0 0;
}
.column-aside .widgets-wrap.sticky {
position: sticky;
top: 40px;
}
.column-aside .widgets-wrap > * + * {
margin-top: 55px;
}
@media (max-width: 767px) {
.column-aside .widgets-wrap > * + * {
margin-top: 50px;
}
}
@media screen and (min-width: 320px) 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;
}
.column-aside .widgets-wrap > *:nth-child(odd):last-child {
margin-bottom: 0;
}
.column-aside .widgets-wrap > * {
flex: 1 1 100%;
}
}
@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%;
}
.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.i .footer_top-heading {
color: var(--colorLight);
}
.footer-top {
position: relative;
}
.footer-top .footer_top-heading {
line-height: 1.3;
font-style: normal;
font-weight: 500;
font-size: 35px;
text-transform: uppercase;
color: var(--colorMain);
}
.footer-top .footer_top-shortcode {
margin-top: 50px;
}
.footer-top input[type=email] {
width: 740px;
}
@media (max-width: 991px) {
.footer-top input[type=email] {
width: 280px;
}
}
.footer-top input[type=email] {
min-height: 60px;
background: var(--colorLight);
border-radius: 5px;
padding: 15px 30px;
border: none;
text-align: center;
}
.footer-top input[type=email]::placeholder {
color: var(--colorFont);
font-size: 18px;
}
.footer-top button[type=submit] {
border-color: var(--colorMain);
}
.footer-top button[type=submit]:hover {
background-color: var(--colorMain);
}
@media (min-width: 768px) {
.footer-top form.mc4wp-form label {
margin-bottom: 32px;
}
} .footer-top .grid-wrapper {
align-items: center;
}
.footer {
position: relative;
overflow: hidden;
}
.footer .widget .widget-title,
.footer .widget .widgettitle {
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
padding-bottom: 10px;
margin-top: 1px;
margin-bottom: 25px;
position: relative;
display: block;
}
.footer .widget .widget-title .zebra_title,
.footer .widget .widgettitle .zebra_title {
left: 0;
margin-left: 0;
}
.footer .widget .widgettitle span:nth-last-child(-n+2) {
font-weight: bold;
}
.footer-widgets > * {
margin-top: 15px;
margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
.footer-widgets.one-half-only {
width: 50%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 1200px) {
.footer-widgets.one-half-first > *:first-child {
width: 50%;
}
.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 {
font-weight: 300;
}
footer li.wp-social-link + li.wp-social-link {
margin-left: 7px;
}
footer #ctf .ctf-item:not(:first-child) {
margin-top: 10px;
}
footer #ctf .ctf-item:first-child {
margin-top: 7px;
}
footer #ctf .ctf-item {
padding: 0 0 0 25px;
display: flex;
flex-direction: column;
position: relative;
}
footer #ctf .ctf-item .ctf-author-box {
min-height: 0;
margin: 0;
order: 2;
}
footer #ctf .ctf-item .ctf-author-box .ctf-corner-logo {
position: absolute;
top: 0;
left: 0;
}
footer #ctf .ctf-item .ctf-tweet-meta {
margin: 0;
}
footer #ctf .ctf-item .ctf-tweet-meta a {
color: var(--colorLight) !important;
}
footer #ctf .ctf-item .ctf-tweet-content {
margin: 0;
padding: 0;
}
footer .wp-block-gallery {
margin-top: 0;
}
@media (min-width: 600px) {
footer .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
margin-right: 4px;
}
footer .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
margin: 4px;
}
}
footer .wp-block-gallery figure a::before {
background-color: var(--colorDarkMuted);
border: none;
opacity: 0;
}
footer .wp-block-gallery figure a:hover::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.3;
}
footer .social-links-list {
margin: 30px 0 0;
padding: 0;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
footer .social-links-list i {
line-height: 40px;
}
footer .social-links-list li:not(:last-child) {
margin-right: 10px;
}
@media (min-width: 768px) {
footer.footer-7 {
padding-bottom: 38px;
}
}
footer.i .widget {
color: var(--colorFont);
}
footer.i .widget .lofo-footer {
margin-top: -8px;
}
footer .widget_nav_menu ul li.menu-item:first-child {
border: none;
}
footer .widget_nav_menu ul li.menu-item {
border: none;
padding: 0;
line-height: 24px;
display: inline-block;
width: 48%;
}
footer .widget_nav_menu ul li.menu-item a {
opacity: 1;
padding: 0;
color: var(--colorFont);
display: inline-block;
padding: 7px 0;
position: relative;
width: 100%;
}
footer .widget_nav_menu ul li.menu-item a::before {
content: "";
display: inline-block;
position: relative;
top: -0.1em;
width: 5px;
height: 5px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #ffc326;
border-color: var(--colorMain);
transform: rotate(45deg);
margin-right: 13px;
}
footer .widget_nav_menu ul li.menu-item a:hover {
color: var(--colorLight);
}
footer .leaf > img {
max-width: 170px !important;
display: block;
}
footer .leaf-circular-text .wp-block-group__inner-container {
position: relative;
}
footer .leaf-circular-text .wp-block-group__inner-container figure {
position: relative;
}
footer .leaf-circular-text .wp-block-group__inner-container::before {
content: "";
display: block;
position: absolute;
width: 170px;
height: 170px;
background-image: url(//auto-franjo.hr/wp-content/themes/towy/assets/img/circular-text.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0.2;
border-radius: 50%;
animation: iqrotation 15s infinite linear;
animation-play-state: running;
}
@keyframes iqrotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
footer .lofo-footer {
max-width: 50px;
}
.copyright {
position: relative;
}
.copyright .copyright-text {
margin: 15px 0;
}
.copyright i {
padding: 0 10px;
}
.copyright .copyright-menu {
margin: 0.5em 0;
padding: 0;
list-style: none;
}
@media (min-width: 1520px) {
.copyright .copyright-menu {
padding-right: 72px;
}
}
.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: 0.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;
}
.copyright .cols-2 > * {
width: auto;
}
}
.copyright .cols-2 > *:last-child {
margin-top: 1em;
display: block;
}
@media screen and (min-width: 768px) {
.copyright .cols-2 > *:last-child:not(:only-child) {
margin-top: 0;
text-align: right;
}
}
#to-top {
position: fixed;
right: 10px;
bottom: -50px;
background-color: #ffc326;
background-color: var(--colorMain);
box-shadow: 0 0 20px 0 rgba(100, 100, 100, 0.15);
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 50px;
text-align: center;
transition: all 0.25s ease-in-out;
z-index: 2;
opacity: 0.7;
}
#to-top.visible {
bottom: 10px;
}
#to-top:before {
color: #ffffff;
content: "\f106";
font-size: 16px;
line-height: 48px;
font-family: "FontAwesome";
text-align: center;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 0.2s linear;
}
#to-top:hover {
opacity: 1;
bottom: 8px;
}
#overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 20;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.001);
transition: all 0.25s ease-in-out;
}
.top-menu-active #overlay, .side-menu-active #overlay, .login-dropdown-active #overlay, .search-dropdown-active #overlay {
background-color: rgba(0, 0, 0, 0.9);
opacity: 1;
visibility: visible;
}
.search-dropdown-active #overlay {
z-index: 24;
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.pswp__zoom-wrap .embed-responsive {
max-width: 90%;
margin: auto;
top: 50%;
transform: translateY(-50%);
}
@media (min-width: 1200px) {
.pswp__zoom-wrap .embed-responsive {
max-width: 50%;
}
}
#login_dropdown {
display: none;
z-index: -20;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -50%;
margin-left: auto;
margin-right: auto;
transition: all 0.4s ease-in-out;
}
#login_dropdown.active {
display: flex;
z-index: 99;
top: 100px;
max-width: 800px;
max-height: 500px;
height: 100%;
width: calc(100% - 30px);
overflow-y: auto;
background-color: var(--colorLight);
}
.modal {
display: none;
width: 100%;
border: 1px solid var(--colorDark);
}
.modal.active {
display: flex;
}
.modal > * {
padding: 2em 1.5em;
}
.modal h4 {
font-weight: 400;
}
.modal .form-section {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
width: 100%;
}
.modal .form-section form,
.modal .form-section input:not([type=submit]):not([type=checkbox]) {
width: 100%;
}
.modal .img-section {
flex-shrink: 0;
width: 50%;
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.modal .img-section p {
margin-bottom: 0;
}
.modal .img-section h4 {
margin-top: 0.3em;
margin-bottom: 1em;
}
.modal .img-section > * {
z-index: 1;
}
.modal .img-section p,
.modal .img-section h4 {
color: var(--colorLight);
}
.modal .img-section::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: var(--colorDarkMuted);
opacity: 0.5;
z-index: 0;
}
@media (max-width: 767px) {
.modal .img-section {
display: none;
}
}
#footer.l a {
color: var(--colorFont);
}
#footer.l a:hover {
color: var(--colorMain);
}
.layout-search {
max-width: 1000px;
margin: 0 auto;
}
.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 {
border: 2px solid rgba(0, 0, 0, 0.06);
padding: 50px 35px;
border-radius: 0;
}
@media (max-width: 550px) {
.layout-search article {
padding: 30px;
}
}
@media (min-width: 600px) {
.layout-search li.product .product-loop-item .product-text-wrap {
display: flex;
align-items: center;
margin-left: 35px;
}
.layout-search li.product .product-loop-item .product-text-wrap .product-title-cat-wrap {
margin-top: 0;
}
}
ul a:not([href]):empty {
display: none;
} .nav-btn {
width: 24px;
min-width: 0;
height: 24px;
border: none;
padding: 0;
text-align: center;
position: absolute;
right: 15px;
cursor: pointer;
}
.nav-btn[id] {
background: transparent;
}
.nav-btn:hover, .nav-btn:focus {
background: transparent !important;
}
.nav-btn span,
.nav-btn span:before,
.nav-btn span:after {
width: 24px;
height: 2px;
margin: auto;
left: 0;
display: block;
position: relative;
content: "";
background: #181818;
background: var(--colorDark);
transition: 0.25s all ease-in-out;
}
.i .nav-btn span,
.i .nav-btn span:before,
.i .nav-btn span:after {
background: #ffffff;
background: var(--colorLight);
}
.i .l.affix .nav-btn span,
.i .l.affix .nav-btn span:before,
.i .l.affix .nav-btn span:after {
background: #181818;
background: var(--colorDark);
}
.nav-btn[aria-expanded=true] span {
background: transparent !important;
}
.nav-btn span:before {
top: -6px;
}
.nav-btn span:after {
top: 4px;
}
.nav-btn[aria-expanded=true] span:before {
top: 1px;
transform: rotate(45deg);
}
.nav-btn[aria-expanded=true] span:after {
top: -3px;
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;
}
.nav-btn { } .top-nav {
position: relative;
flex: 1;
}
.top-nav a,
.top-nav a:hover {
text-decoration: none;
} @media screen and (min-width: 992px) {
.top-nav {
position: relative;
flex: 1;
display: flex;
align-items: center;
}
.menu-center .top-nav {
justify-content: center;
}
.menu-right .top-nav {
justify-content: flex-end;
}
.no-logo .top-menu > li:first-child {
margin-left: 0;
}
.top-menu {
display: flex;
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
line-height: 1.1;
}
.menu-right .top-menu {
justify-content: flex-end;
}
.menu-center .top-menu {
justify-content: center;
}
.top-menu ~ .nav-btn {
display: none;
}
.top-menu a {
font-weight: bold;
}
.top-menu ul {
list-style: none;
position: absolute;
top: 100%;
left: 0;
min-width: 260px;
opacity: 0;
transition: all 0.2s ease-in;
margin-top: 10px;
text-align: left;
list-style: none;
padding: 10px 30px;
background-color: #ffffff;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
min-width: 15em;
}
.top-menu ul::after {
content: "";
position: absolute;
bottom: -3px;
left: 0;
right: 0;
height: 3px;
background-color: var(--colorMain);
background-image: -webkit-linear-gradient(135deg, #232323 20%, var(--colorMain) 20%, var(--colorMain) 50%, #232323 50%, #232323 70%, var(--colorMain) 70%, var(--colorMain));
background-image: linear-gradient(-45deg, #232323 20%, var(--colorMain) 20%, var(--colorMain) 50%, #232323 50%, #232323 70%, var(--colorMain) 70%, var(--colorMain));
background-size: 8px 8px;
}
.top-menu ul { *width: 10em;
border-radius: 0;
}
.top-menu ul a {
display: block;
white-space: nowrap;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
padding: 10px 0 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
font-size: 16px;
font-weight: 400;
color: var(--colorDarkGrey);
transition: all 0.15s linear 0s;
}
.top-menu ul a::before {
content: "\f013";
font-family: FontAwesome;
padding-right: 15px;
font-size: 12px;
position: relative;
top: -1px;
color: rgba(35, 35, 35, 0.1);
transition: all 0.15s linear 0s;
}
.top-menu ul a::after {
display: none !important;
}
.top-menu ul a:hover {
color: var(--colorMain);
}
.top-menu ul a:hover::before {
color: var(--colorMain);
}
.top-menu { }
.top-menu ul.sub-menu .current-menu-item > a {
color: #ffc326;
color: var(--colorMain);
}
.top-menu li {
position: relative;
}
}
@media screen and (min-width: 992px) and (min-width: 992px) {
.top-menu li.menu-item-has-children a:after {
content: "";
display: inline-block;
position: relative;
top: -0.2em;
width: 5px;
height: 5px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #ffffff;
border-color: var(--colorLight);
transform: rotate(135deg);
margin-left: 7px;
transition: all 0.15s linear 0s;
}
}
@media screen and (min-width: 992px) {
.top-menu li.menu-item-has-children > a {
padding-right: 0.4em;
}
.top-menu li:hover,
.top-menu li:focus,
.top-menu li:focus-within {
overflow: visible;
}
.top-menu li:hover > ul,
.top-menu li:focus > ul,
.top-menu li:focus-within > ul {
z-index: 2;
display: block;
opacity: 1;
margin-top: 0;
}
.top-menu ul ul {
top: -10px;
left: 100%;
border-color: var(--colorMain2);
}
.top-menu ul ul li.menu-item-has-children:after {
position: absolute;
right: 1em;
top: 0.5em;
transform: rotate(135deg);
}
.top-menu ul ul.sub-menu li a {
border: none;
}
.top-menu ul ul.sub-menu li a:hover {
color: #ffc326;
color: var(--colorMain);
}
.top-menu ul ul ul {
min-width: 0;
padding: 0 0 0 0.5em;
top: 0;
left: 0;
margin-top: 0;
opacity: 1;
position: relative;
display: block;
box-shadow: none;
background-color: transparent;
}
.top-menu > li {
overflow: hidden;
}
.top-menu > li:hover {
overflow: visible;
}
.top-menu > li > a {
display: inline-block;
padding: 28px 0;
margin: 0 14px;
position: relative;
font-weight: 600;
line-height: 24px;
}
}
@media screen and (min-width: 992px) and (min-width: 1200px) {
.top-menu > li > a {
padding-top: 35px;
padding-bottom: 35px;
margin: 0 28px;
}
}
@media screen and (min-width: 992px) and (min-width: 1600px) {
.top-menu > li > a {
margin: 0 60px;
}
}
@media screen and (min-width: 992px) and (min-width: 1800px) {
.top-menu > li > a {
margin: 0 80px;
}
}
@media screen and (min-width: 992px) {
.top-menu > li.desktop-logo-menu-item {
min-width: fit-content;
}
.top-menu > li.desktop-logo-menu-item a {
padding: 0;
}
.top-menu > li.desktop-logo-menu-item a .logo {
margin: 0;
}
.top-menu > li.desktop-logo-menu-item a .logo .logo-text {
padding-right: 0;
}
.top-menu > li:last-child a {
margin-right: 0;
}
.top-menu > li:first-child a {
margin-left: 0;
}
.top-menu.menu-low-items > li {
margin: 0;
}
.top-menu > .current_page_parent > a:before,
.top-menu > .current-menu-parent > a:before,
.top-menu > .current-menu-item > a:before {
width: 100%;
}
}
@media screen and (min-width: 992px) { }
@media (min-width: 1200px) {
.top-menu > .current-menu-item > a,
.top-menu > .current-menu-ancestor > a,
.top-menu ul.sub-menu .current-menu-ancestor a {
color: var(--colorMain);
}
} @media screen and (max-width: 991px) {
.top-menu-active {
height: 100%;
overflow: hidden;
overscroll-behavior: contain;
}
.top-nav {
width: 290px;
left: -290px;
display: block;
z-index: 21;
position: fixed;
overflow: auto;
background-color: var(--colorDarkGrey);
padding: 80px 20px 60px 10px;
top: 0px;
bottom: 0px;
right: 0;
font-size: 1.1em;
text-transform: uppercase;
font-weight: 400;
word-wrap: break-word;
text-align: left;
transition: all 0.4s ease-out 0s;
opacity: 0;
}
.top-nav::before {
content: "";
display: block;
width: 100%;
height: 60px;
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: var(--colorMain);
}
.top-nav.active {
left: 0;
opacity: 1;
width: 100%;
}
.top-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.top-nav ul ul {
font-size: 0.92em;
padding: 10px;
font-weight: 300 !important;
font-size: 16px;
text-transform: none;
}
.top-nav ul ul li a:before {
content: "-";
padding-right: 5px;
}
.top-nav ul ul ul li a:before {
content: "--";
padding-right: 5px;
}
.top-nav li {
padding: 0.2em 0;
}
.top-nav .top-menu > li {
display: block;
padding: 10px 15px;
position: relative;
font-size: 0.9em;
text-transform: uppercase;
font-weight: 400;
}
.top-nav .top-menu > li:before {
display: none;
}
.top-nav .top-menu > li > a {
color: #fff;
}
.top-nav .top-menu a {
color: #ffffff;
color: var(--colorLight);
}
.top-nav .top-menu a:hover {
color: #ffc326;
color: var(--colorMain);
}
.top-nav .nav-btn {
position: fixed;
right: 0;
top: 0;
}
.top-nav .nav-btn span,
.top-nav .nav-btn span:before,
.top-nav .nav-btn span:after {
width: 36px;
height: 4px;
border-radius: 5px;
background: #ffffff;
background: var(--colorLight);
}
.top-nav .nav-btn#nav_close {
position: absolute;
margin: 0;
width: 36px;
height: 36px;
top: 12px;
right: 15px;
}
#header #nav_toggle {
display: block;
margin-bottom: 0;
}
#header.no-logo #nav_toggle {
margin-right: auto;
}
} .topline-menu {
list-style: none;
padding: 0;
margin: 0;
}
@media screen and (max-width: 991px) {
.topline-menu li + li {
margin-top: 0.7em;
}
}
@media screen and (min-width: 992px) {
.topline-menu li {
margin: 0 0.5em;
display: inline-block;
}
.topline-menu li:first-child {
margin-left: 0;
}
.topline-menu li:last-child {
margin-right: 0;
}
} @media (max-width: 991px) {
.top-nav .menu-many-items {
padding: 0;
}
.top-nav .menu-many-items i {
width: 1em;
text-align: center;
margin-right: 10px;
}
.top-nav .menu-many-items .toggle_submenu {
cursor: pointer;
position: absolute;
right: 30px;
top: 4px;
font-size: 16px;
text-align: center;
transform: rotate(90deg);
transition: 0.25s ease-in-out;
width: 30px;
height: 30px;
line-height: 30px;
}
.top-nav .menu-many-items .toggle_submenu:before {
content: "";
display: inline-block;
position: relative;
top: -0.1em;
width: 7px;
height: 7px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorLight);
border-color: var(--colorLight);
transform: rotate(45deg);
}
.top-nav .menu-many-items li.desktop-logo-menu-item {
display: none;
}
.top-nav .menu-many-items ul {
padding: 0;
}
.top-nav .menu-many-items li {
position: relative;
list-style: none;
padding: 0;
width: 100%;
}
.top-nav .menu-many-items > li {
transition: 0.3s ease-in-out;
}
.top-nav .menu-many-items a {
display: inline-block;
padding: 10px 15px;
}
.top-nav .menu-many-items .active-submenu > a {
color: var(--colorMain);
background-color: transparent;
}
.top-nav .menu-many-items .active-submenu > .toggle_submenu {
transform: rotate(0deg);
}
.top-nav .menu-many-items li.active > a {
color: #ffc326;
}
.top-nav .menu-many-items ul {
opacity: 0;
height: 0;
}
.top-nav .menu-many-items ul a {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 50px;
}
.top-nav .menu-many-items ul ul a {
padding-left: 60px;
}
.top-nav .menu-many-items ul ul ul a {
padding-left: 70px;
}
.top-nav .menu-many-items ul ul ul ul a {
padding-left: 80px;
}
.top-nav .menu-many-items .active-submenu > div.mega-menu {
height: auto;
}
.top-nav .menu-many-items .active-submenu > ul,
.top-nav .menu-many-items .active-submenu > div.mega-menu > ul {
opacity: 1;
height: auto;
}
.top-nav .menu-many-items ul,
.top-nav .menu-many-items div.mega-menu {
height: 0;
overflow: hidden;
transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out;
}
.top-nav .menu-many-items ul li.sfHover > .mega-menu ul {
display: block;
height: 100%;
}
.top-nav .menu-many-items div.mega-menu > ul {
margin-right: 0;
height: auto;
}
.top-nav ul.sub-menu li.menu-item-has-children::after {
display: none;
}
.top-nav ul.sub-menu li a {
margin-bottom: 0;
padding: 10px 10px 10px 15px;
}
.top-nav ul ul li:before {
left: 20px;
}
.top-nav ul.sub-menu li a:hover {
color: var(--colorMain);
}
.top-nav ul.sub-menu .sub-menu li a {
margin-left: 15px;
}
.top-nav 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);
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, 0.6);
clip: auto !important;
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: 5px 30px 15px 0;
clear: both;
}
.alignright {
max-width: 50%;
float: right;
margin-top: 0;
margin-left: 1.5em;
margin-bottom: 1em;
clear: both;
}
.aligncenter {
text-align: center;
clear: both;
margin-left: auto;
margin-right: auto;
}
.search-form {
position: relative;
}
.search-form input {
height: 40px;
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
box-shadow: none;
color: var(--colorDarkGrey);
padding-left: 20px;
padding-right: 40px;
padding-top: 6px;
padding-bottom: 5px;
font-size: 14px;
line-height: 30px;
width: 100%;
}
.search-form input::placeholder {
color: var(--colorFont);
font-style: italic;
font-weight: 300;
opacity: 1;
}
.search-form button {
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
width: 40px;
height: 40px;
}
.search-form button::before {
font-size: 14px;
content: "\f002";
font-family: "FontAwesome";
color: var(--colorMain);
}
.search-form button .fa.fa-search {
display: none;
}
.search-form button.search-submit {
font-size: 0;
}
.search-form button.search-submit svg {
font-size: 20px;
}
.search-form button.search-submit:hover {
opacity: 0.5;
}
.search-form button.search-submit, .search-form button.search-submit:hover {
border: none;
background: none;
} .sidebar-blog-before-columns {
margin-bottom: 60px;
}
.sidebar-blog-before-columns .item-content.top-zebra-border::before {
content: "";
display: block;
position: absolute;
top: 0;
height: 5px;
left: 0;
right: 0;
background-color: var(--colorMain);
background-image: -webkit-linear-gradient(135deg, var(--colorDarkGrey) 15%, var(--colorMain) 15%, var(--colorMain) 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 65%, var(--colorMain) 65%, var(--colorMain));
background-image: linear-gradient(-45deg, var(--colorDarkGrey) 15%, var(--colorMain) 15%, var(--colorMain) 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 65%, var(--colorMain) 65%, var(--colorMain));
background-size: 8px 8px;
}
.sidebar-blog-before-columns .item-content.with_border.top-zebra-border:before {
top: -2px;
left: -2px;
right: -2px;
}
.category-description {
margin-bottom: 4em;
}
.blog .format-video .entry-content figure {
display: none;
}
.post .entry-content figure.wp-block-gallery {
display: flex;
flex-wrap: wrap;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.blog .entry-content + .entry-wrap,
.blog .entry-content + .share_buttons,
.single-post .entry-content + .entry-wrap,
.single-post .entry-content + .share_buttons {
margin-top: 20px !important;
}
.layout-default .post .entry-content figure {
border-radius: 0;
}
.layout-default .post > .item-content {
padding: 55px 35px 50px;
}
.grid-item .layout-default .post > .item-content {
padding-top: 2em;
}
.layout-default .post > .item-content.content-narrow {
padding-top: 2.5em;
}
.layout-default .post > .item-content { }
.layout-default .post > .item-content.top-zebra-border:before {
content: "";
display: block;
position: absolute;
top: 0;
height: 5px;
left: 0;
right: 0;
background-color: var(--colorMain);
background-image: -webkit-linear-gradient(135deg, var(--colorDarkGrey) 15%, var(--colorMain) 15%, var(--colorMain) 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 65%, var(--colorMain) 65%, var(--colorMain));
background-image: linear-gradient(-45deg, var(--colorDarkGrey) 15%, var(--colorMain) 15%, var(--colorMain) 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 65%, var(--colorMain) 65%, var(--colorMain));
background-size: 8px 8px;
}
.layout-default .post > .item-content.with_border.top-zebra-border:before {
top: -2px;
left: -2px;
right: -2px;
}
@media (min-width: 992px) {
.content-narrow {
margin-left: 4.5em;
margin-right: 4.5em;
}
.no-sidebar.container-1170 .content-narrow {
margin-left: 12em;
margin-right: 12em;
}
}
article.post.format-gallery .flex-control-nav {
display: none;
}
.format-gallery .post-thumbnail-wrap .flex-direction-nav a {
top: 0;
opacity: 0;
transition: all 0.6s ease 0s;
}
.format-gallery .post-thumbnail-wrap:hover .flex-direction-nav a {
top: 50%;
opacity: 1;
}
.post-thumbnail {
position: relative;
font-size: 0;
overflow: hidden;
text-align: center;
line-height: 1;
}
.post-thumbnail.mb-2 {
margin-bottom: 40px;
}
.post-thumbnail .svg-icon.icon-video {
position: absolute;
transition: all 0.2s ease-in-out 0s;
color: var(--colorLight);
font-size: 30px;
line-height: 30px;
width: 30px;
height: 30px;
text-align: center;
left: 50%;
top: 50%;
margin-left: -15px;
margin-top: -15px;
}
.post-thumbnail .svg-icon.icon-video svg {
fill: var(--colorLight);
}
.post-thumbnail img {
transition: all 0.3s ease-in-out;
margin: -1px;
}
.grid-item article:not(.format-gallery):not(.format-video) .post-thumbnail::before,
.hfeed article:not(.format-gallery):not(.format-video) .post-thumbnail::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--colorDark);
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.grid-item article:not(.format-gallery):not(.format-video):hover .post-thumbnail::before,
.hfeed article:not(.format-gallery):not(.format-video):hover .post-thumbnail::before {
opacity: 0.8;
}
.format-video .post-thumbnail a:hover > img {
opacity: 0.8;
}
.format-video .post-thumbnail a:hover > .svg-icon.icon-video {
opacity: 0.4 !important;
}
.blog .format-status,
.archive .format-status,
.blog .format-quote,
.archive .format-quote {
overflow: hidden;
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(35, 35, 35, 0.8);
}
.layout-default .format-status .post-thumbnail-wrap {
display: none;
}
.layout-default .format-status .item-content {
padding: 60px 35px 30px;
font-size: 20px;
font-weight: 400;
color: var(--colorLight);
position: relative;
z-index: 2;
}
.layout-default .format-status .item-content .entry-avatar {
margin-bottom: 25px;
}
.layout-default .format-status .item-content .entry-avatar img {
margin: 0;
border: 4px solid var(--colorMain);
border-radius: 50%;
}
.layout-default .format-status .item-content .entry-content {
font-size: 20px;
font-weight: 400;
color: var(--colorLight);
}
.layout-default .format-status .item-content .entry-date .entry-date-wrap {
margin-top: 0;
}
.layout-default .format-status .item-content .entry-date a {
color: var(--colorLight);
}
.layout-default .format-status .item-content .entry-author-wrap a {
font-weight: 300;
}
.layout-default .format-status .item-content .entry-author-wrap a:hover {
color: var(--colorLight);
}
.single-post .layout-default .format-status .item-content {
color: var(--colorFont);
}
.single-post .layout-default .format-status .item-content .entry-content {
color: var(--colorFont);
}
.single-post .layout-default .format-status .item-content .entry-date a {
color: var(--colorDarkGrey);
}
.single-post .layout-default .format-status .item-content .entry-author-wrap a:hover {
color: var(--colorDarkGrey);
}
.layout-default .format-quote .post-thumbnail-wrap,
.layout-default .format-quote .post-thumbnail,
.layout-default .format-quote .entry-header,
.layout-default .format-quote .item-cats,
.layout-default .format-quote .entry-date,
.layout-default .format-quote .entry-footer {
display: none;
}
.layout-default .format-quote .item-content {
padding: 45px 35px 30px;
position: relative;
z-index: 2;
}
.entry-header .sticky-post {
float: right;
font-size: 14px;
line-height: 1;
}
.entry-header + .entry-footer {
margin-top: -15px;
}
.entry-header.entry-header-small + .entry-footer {
margin-top: -0.5em;
}
.blog article,
.single article,
.single-tribe_events .type-tribe_events {
max-width: 1000px;
margin: 0 auto;
}
.blog article .sticky-post,
.single article .sticky-post,
.single-tribe_events .type-tribe_events .sticky-post {
position: absolute;
top: 24px;
right: -38px;
transform: rotate(45deg);
font-size: 16px;
font-weight: bold;
color: var(--colorLight);
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 30px;
background-color: var(--colorMain);
z-index: 1;
}
.blog article .sticky-post .svg-icon,
.single article .sticky-post .svg-icon,
.single-tribe_events .type-tribe_events .sticky-post .svg-icon {
display: none;
}
h4.entry-title {
font-size: 26px;
font-weight: 400;
margin-bottom: 20px;
}
h4.entry-title a:hover {
color: var(--colorMain);
}
.meta-cat + .entry-content {
margin-top: 1.2em;
}
.entry-content:after {
content: "";
display: block;
clear: both;
}
.entry-content p:last-child:not([class*=mb-]) {
margin-bottom: 0;
}
.entry-content figure:not(:last-child) {
margin-bottom: 1.2em;
}
.entry-content a.more-link {
font-weight: 700;
color: var(--colorMain);
}
.entry-content a.more-link:hover {
color: var(--colorDarkGrey);
}
.read-more {
clear: both;
}
.entry-header .post-adds .share_buttons label,
.item-content .share_buttons label {
display: block;
width: 24px;
height: 24px;
border: none;
background-color: var(--colorMain);
line-height: 24px;
text-align: center;
margin: 0 0 6px;
cursor: pointer;
}
@media (max-width: 767px) {
.entry-header .post-adds .share_buttons label,
.item-content .share_buttons label {
width: 100%;
}
}
.entry-header .post-adds .share_buttons label:hover, .entry-header .post-adds .share_buttons label:focus,
.item-content .share_buttons label:hover,
.item-content .share_buttons label:focus {
opacity: 0.5;
}
.entry-header .post-adds .share_buttons .dropdown label i,
.item-content .share_buttons .dropdown label i {
color: var(--colorLight);
}
.entry-header .post-adds .share_buttons .dropdown ul:not(.topline-menu),
.item-content .share_buttons .dropdown ul:not(.topline-menu) {
display: none;
position: absolute;
top: 30px;
right: auto;
left: 0;
padding: 0 !important;
margin: 0 !important;
list-style: none;
}
.entry-header .post-adds .share_buttons .dropdown input[type=checkbox]:checked ~ ul,
.item-content .share_buttons .dropdown input[type=checkbox]:checked ~ ul {
display: flex;
}
.entry-header .post-adds .share_buttons .dropdown a,
.item-content .share_buttons .dropdown a {
border: none;
margin: 0;
padding: 0;
width: 24px;
height: 24px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
.entry-header .post-adds .share_buttons .dropdown a:hover,
.item-content .share_buttons .dropdown a:hover {
opacity: 1;
}
.entry-footer {
word-break: initial;
min-width: 100%;
margin-bottom: 5px;
}
.entry-footer .entry-categories-wrap {
margin-left: auto;
margin-right: 0;
}
.entry-footer:empty {
display: none;
}
.entry-footer:before, .entry-footer:after {
content: "";
display: block;
clear: both;
}
.entry-footer:first-child {
margin-top: 0;
}
.entry-footer:last-child {
margin-bottom: 0;
}
.entry-footer {
clear: both;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: left;
color: #787878;
color: var(--colorFont);
margin-top: 15px;
font-weight: 700;
text-transform: uppercase;
}
.entry-footer .meta-date {
margin-right: auto;
padding-right: 15px;
}
.entry-footer span[itemprop=datePublished] {
color: var(--colorDarkGrey);
}
.entry-footer a span[itemprop=datePublished] {
color: #ffc326;
color: var(--colorMain);
}
.entry-footer a span[itemprop=datePublished]:focus, .entry-footer a span[itemprop=datePublished]:hover {
color: #232323;
color: var(--colorDarkGrey);
}
.entry-footer .entry-tags a {
display: inline-block;
}
.entry-footer .author-avatar img {
max-width: 60px;
border-radius: 50%;
}
.entry-footer .entry-author-wrap,
.entry-footer .entry-date-wrap {
white-space: nowrap;
margin-right: 6px;
}
.entry-footer .entry-date-wrap {
margin-right: auto;
}
.entry-footer .entry-date-wrap span.svg-icon + a {
margin-right: 4px;
}
.entry-footer .svg-icon {
margin-right: 5px;
}
.entry-footer .svg-icon svg {
fill: #787878;
fill: var(--colorFont);
}
.entry-footer .meta-word {
margin-right: 4px;
font-weight: 300;
text-transform: none;
}
.post-thumbnail + .entry-footer {
margin-top: 0;
}
.entry-footer .share_buttons {
margin-left: auto;
}
.entry-footer.entry-footer-bottom {
margin-top: 30px;
}
.entry-author-wrap {
color: var(--colorMain);
}
.entry-author-wrap a {
color: var(--colorMain);
}
.entry-author-wrap a:hover {
color: var(--colorDarkGrey);
}
.entry-author {
font-size: 13px;
margin-bottom: 20px;
}
.meta-word {
margin-right: 4px;
font-weight: 300;
text-transform: none;
}
.categories-list,
.tags-list {
white-space: initial;
}
.entry-categories-separator:before {
content: " ";
}
.item-cats {
margin-bottom: 20px;
}
.hfeed article {
clear: both;
overflow: hidden;
}
.hfeed article + article {
margin-top: 2.78em;
}
.hfeed .entry-footer:last-child {
border: none;
padding-top: 0;
}
.post-password-form {
margin: 1em 0;
}
.grid-item .entry-title {
font-size: 1.15em;
}
.grid-item .post-title + .entry-footer {
margin-top: 0.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: 2em;
}
.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: 0.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;
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;
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;
}
.format-chat p:first-of-type {
padding: 0 0 10px;
}
.format-chat p {
padding: 10px;
background: transparent;
margin-bottom: 0 !important;
}
.format-chat p:nth-child(even) {
background: #f0f0f0;
padding: 10px 10px 10px 20px;
} .single .post-thumbnail-background .container {
margin-top: 8vw;
margin-bottom: 8vw;
}
.single span[id^=more-] + h3 {
margin-top: 0;
}
@media (min-width: 1200px) {
.single.container-1170.no-sidebar .entry-footer {
margin-left: 200px;
margin-right: 200px;
}
.single.container-1170.no-sidebar .grid-item .entry-footer {
margin: 0;
}
.single.container-1170.no-sidebar .item-content > *:not(.wp-block-embed):not(.wp-block-gallery):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
width: auto;
margin-left: 100px;
margin-right: 100px;
}
}
.single .post-password-form label {
margin: 0;
}
.single .post-password-form [type=submit] {
padding-top: 18px;
padding-bottom: 17px;
}
.related-posts {
margin: 4.5em 0 -35px;
}
@media (max-width: 767px) {
.related-posts {
margin-top: 4em;
margin-bottom: -50px;
}
}
.related-posts h6 {
margin-bottom: 0;
}
.related-posts h5 {
margin-top: 0.5em;
}
.related-posts .related-posts-heading {
font-size: 2.2em;
text-align: center;
margin-bottom: 1em;
font-weight: 400;
} .author-meta {
margin-top: 60px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.author-meta .side-item.has-post-thumbnail {
border-radius: 3px;
}
.author-meta .about-author-heading {
margin-bottom: 0;
color: var(--colorMain);
}
.author-meta .author-name {
font-size: 30px;
color: var(--colorDarkGrey);
margin: 0 0 15px;
position: relative;
}
.author-meta .item-media {
margin-right: 0;
}
.author-meta .item-media img {
margin: 0;
width: auto;
height: 100%;
vertical-align: middle;
object-fit: cover;
border-radius: 3px 0 0 3px;
}
@media (max-width: 575px) {
.author-meta .item-media img {
border-radius: 5px 5px 0 0;
}
}
.author-meta .side-item .item-content {
border-radius: 0 3px 3px 0;
padding: 40px;
background-color: var(--colorBackground);
}
.author-meta .author-social {
position: relative;
left: 0;
bottom: 0;
}
.author-meta .author-social a {
display: inline-block;
margin: 0;
color: #b2b2b2;
font-size: 14px;
}
.author-meta .author-social a:not(:first-child) {
margin-left: 24px;
}
.author-meta .author-social a:before {
top: 1px;
position: relative;
}
.author-meta .author-social a:hover {
color: var(--colorMain) !important;
}
.author-meta .author-social a.social-icon + a.social-icon.color-bg-icon {
margin-left: 5px;
}
.i .author-meta .item-content {
background-color: var(--colorMain);
} .post-nav {
display: flex;
justify-content: center;
max-width: 1000px;
margin: 80px auto 40px;
}
.post-nav > div:first-child {
margin-right: 40px;
}
@media screen and (max-width: 575px) {
.post-nav > div:first-child {
margin-right: 0;
margin-bottom: 20px;
}
}
.post-nav > div .post-nav-item {
background-position: center;
background-size: cover;
padding: 0;
height: 145px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.post-nav > div .post-nav-item {
padding: 30px;
}
}
.post-nav > div .post-nav-item::before {
border-radius: 5px;
transition: all 0.5s ease;
}
.post-nav > div .post-nav-item .post-nav-words-wrap {
position: relative;
display: block;
z-index: 2;
padding: 0 15px;
max-width: 100%;
text-align: center;
}
@media screen and (max-width: 767px) {
.post-nav {
flex-wrap: wrap;
margin: 4em 0;
}
}
.post-nav > * {
position: relative;
display: block;
flex: 1 1 0;
max-width: 50%;
}
@media screen and (max-width: 575px) {
.post-nav > * {
width: 100%;
max-width: none;
flex-basis: auto;
}
.post-nav > *:last-child {
border-top: 1px solid;
border-color: #b4b4b4;
border-color: var(--colorBorder);
}
}
.post-nav .prev-item {
text-align: right;
}
.post-nav .prev-item .post-nav-word::before {
display: none;
}
.post-nav .next-item {
text-align: left;
}
.post-nav .next-item .post-nav-word::after {
display: none;
}
.post-nav .post-nav-arrow {
display: none;
}
.post-nav .post-nav-word {
color: var(--colorMain);
display: block;
line-height: 24px;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
}
.post-nav .post-nav-title {
font-weight: 400;
line-height: 24px;
word-break: break-word;
font-size: 20px;
transition: all 0.3s ease-in-out 0s;
}
.post-nav .post-nav-title:hover {
opacity: 0.8;
}
.post-nav .has-image,
.post-nav .no-image {
color: var(--colorLight);
}
.post-nav .no-image {
background-color: var(--colorDarkGrey);
}
.post-nav-item {
display: flex;
padding: 1em 0;
height: 100%;
align-items: center;
}
.post-nav-item.next-item {
justify-content: flex-end;
}
.post-nav-item.bg-item {
padding: 2em 1em;
}
.post-nav-arrow {
margin-right: 0.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: 0.25em 0;
}
}
.layout-default .meta-cat {
margin-top: 0.8em;
}
.meta-date {
font-size: 16px;
}
.meta-date .svg-icon svg {
fill: #787878;
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: 0.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: transparent;
border-color: var(--colorFont);
color: var(--colorFont);
}
.meta-tags a,
.categories-list a {
border: 3px solid var(--colorMain);
border-radius: 1px;
background-color: var(--colorMain);
padding: 2px 7px 0;
margin: 0 6px 6px 0;
font-size: 16px;
text-transform: uppercase;
color: var(--colorLight);
text-align: center;
font-weight: 100;
min-width: auto;
line-height: 1;
display: inline-block;
transition: all 0.4s linear 0s;
}
.meta-tags a:hover,
.categories-list a:hover {
opacity: 0.6;
}
.meta-tags .comments-link a,
.categories-list .comments-link a {
border: none;
background-color: transparent;
color: var(--colorFont);
padding: 0;
font-weight: 700;
margin: 0 6px 0 0;
line-height: 24px;
}
.item-content.bg-lightgrey {
background-color: transparent;
}
.layout-default .item-content {
position: relative;
padding: 30px;
}
.layout-default .item-content .author-avatar {
position: absolute;
top: -30px;
left: 25px;
}
@media (min-width: 400px) {
.layout-default .item-content .author-avatar {
left: 35px;
}
}
@media (min-width: 1200px) {
.layout-default .item-content .author-avatar {
left: 55px;
}
}
.layout-default .item-content .entry-date-wrap a {
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
color: var(--colorFont);
}
.layout-default .item-content .entry-date-wrap a:hover {
color: var(--colorMain);
}
.post-block {
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
border-radius: 5px;
border-bottom: 2px solid transparent;
padding: 30px;
transition: all 0.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: "\f054";
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 .gallery-item {
text-align: center;
padding: 0 7px;
}
.post .gallery .gallery-item a img {
width: 100%;
}
.post .meta-date {
margin-top: -5px;
}
.entry-tags a {
border: 3px solid var(--colorMain);
border-radius: 1px;
background-color: var(--colorMain);
padding: 2px 7px 0;
margin: 0 6px 6px 0;
font-size: 16px;
text-transform: uppercase;
color: var(--colorLight);
text-align: center;
font-weight: 100;
min-width: auto;
line-height: 1;
display: inline-block;
transition: all 0.3s linear 0s;
}
.entry-tags a:hover {
color: var(--colorLight);
opacity: 0.6;
}
.entry-view-wrap {
color: var(--colorDarkGrey);
}
.widget.widget_custom_posts .layout-slider .item-content .post-title {
min-height: 0 !important;
} .required {
color: #0e292e;
color: var(--colorMain4);
}
.single-post #comments.comments-area.alignfull .comments-wrap,
.single-tribe_events #comments.comments-area.alignfull .comments-wrap {
max-width: 1000px;
margin: auto;
}
.singular #comments.comments-area,
.single-post #comments.comments-area,
.single-tribe_events #comments.comments-area {
margin-top: 60px;
background-color: transparent;
}
.singular #comments.comments-area.alignfull,
.single-post #comments.comments-area.alignfull,
.single-tribe_events #comments.comments-area.alignfull {
margin-top: 60px;
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
left: 0;
right: 0;
}
.singular #comments.comments-area.alignfull .comments-wrap,
.single-post #comments.comments-area.alignfull .comments-wrap,
.single-tribe_events #comments.comments-area.alignfull .comments-wrap {
padding: 30px 35px;
}
.container.pb-0 .singular #comments.comments-area.alignfull,
.container.pb-0 .single-post #comments.comments-area.alignfull,
.container.pb-0 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -0em;
}
.container.pb-1 .singular #comments.comments-area.alignfull,
.container.pb-1 .single-post #comments.comments-area.alignfull,
.container.pb-1 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -1em;
}
.container.pb-2 .singular #comments.comments-area.alignfull,
.container.pb-2 .single-post #comments.comments-area.alignfull,
.container.pb-2 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -2em;
}
.container.pb-3 .singular #comments.comments-area.alignfull,
.container.pb-3 .single-post #comments.comments-area.alignfull,
.container.pb-3 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -3em;
}
.container.pb-4 .singular #comments.comments-area.alignfull,
.container.pb-4 .single-post #comments.comments-area.alignfull,
.container.pb-4 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -4em;
}
.container.pb-5 .singular #comments.comments-area.alignfull,
.container.pb-5 .single-post #comments.comments-area.alignfull,
.container.pb-5 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -5em;
}
.container.pb-6 .singular #comments.comments-area.alignfull,
.container.pb-6 .single-post #comments.comments-area.alignfull,
.container.pb-6 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -6em;
}
.container.pb-7 .singular #comments.comments-area.alignfull,
.container.pb-7 .single-post #comments.comments-area.alignfull,
.container.pb-7 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -7em;
}
.container.pb-8 .singular #comments.comments-area.alignfull,
.container.pb-8 .single-post #comments.comments-area.alignfull,
.container.pb-8 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -8em;
}
.container.pb-9 .singular #comments.comments-area.alignfull,
.container.pb-9 .single-post #comments.comments-area.alignfull,
.container.pb-9 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -9em;
}
.container.pb-10 .singular #comments.comments-area.alignfull,
.container.pb-10 .single-post #comments.comments-area.alignfull,
.container.pb-10 .single-tribe_events #comments.comments-area.alignfull {
margin-bottom: -10em;
}
@media (max-width: 767px) {
.singular #comments.comments-area.alignfull,
.single-post #comments.comments-area.alignfull,
.single-tribe_events #comments.comments-area.alignfull {
margin-top: 50px;
}
}
.singular #comments.comments-area .comment-respond,
.single-post #comments.comments-area .comment-respond,
.single-tribe_events #comments.comments-area .comment-respond {
margin-top: 20px;
margin-bottom: 20px;
}
.singular #comments.comments-area .comment-respond h3.comment-reply-title,
.single-post #comments.comments-area .comment-respond h3.comment-reply-title,
.single-tribe_events #comments.comments-area .comment-respond h3.comment-reply-title {
display: none;
}
.singular #comments.comments-area .comment-respond form.comment-form,
.single-post #comments.comments-area .comment-respond form.comment-form,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form {
margin-bottom: 0;
margin-left: -15px;
margin-right: -15px;
}
.singular #comments.comments-area .comment-respond form.comment-form p,
.single-post #comments.comments-area .comment-respond form.comment-form p,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.singular #comments.comments-area .comment-respond form.comment-form p.comment-form-comment textarea,
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-comment textarea,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-comment textarea {
min-height: 240px;
}
.singular #comments.comments-area .comment-respond form.comment-form p.form-submit,
.single-post #comments.comments-area .comment-respond form.comment-form p.form-submit,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.form-submit {
margin-bottom: 0;
}
@media (min-width: 768px) {
.singular #comments.comments-area .comment-respond form.comment-form p.comment-form-author, .singular #comments.comments-area .comment-respond form.comment-form p.comment-form-email,
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-author,
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-email,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-author,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-email {
width: 50%;
}
.singular #comments.comments-area .comment-respond form.comment-form p.comment-form-author,
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-author,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-author {
padding-right: 15px;
}
.singular #comments.comments-area .comment-respond form.comment-form p.comment-form-email,
.single-post #comments.comments-area .comment-respond form.comment-form p.comment-form-email,
.single-tribe_events #comments.comments-area .comment-respond form.comment-form p.comment-form-email {
padding-left: 15px;
}
}
.comments-title {
display: none;
}
.comment-list {
padding: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.comment-list {
margin-bottom: 2em;
}
}
ol.children {
margin-top: 0;
padding-left: 30px;
}
@media (max-width: 575px) {
ol.children {
margin-top: 30px;
margin-left: 10px;
padding-left: 10px;
}
}
.comment,
.pingback,
.trackback {
list-style: none;
margin-bottom: 1em;
}
.pingback + .comment,
.trackback + .comment {
margin-top: 2em;
}
.comment-meta {
position: relative;
margin-left: 100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
min-height: 30px;
color: #b4b4b4;
color: var(--colorFontLight);
}
.comment-meta b {
font-weight: 600;
text-transform: uppercase;
}
.comment-meta .says {
display: none;
}
.comment-author {
font-size: 18px;
line-height: 1.3;
}
.comment-author img {
max-width: 70px;
border: 4px solid var(--colorMain);
border-radius: 50%;
background-color: #f5f5f5;
width: 70px;
height: 70px;
position: absolute;
left: -100px;
top: -5px;
border-radius: 50%;
}
.comment-metadata {
font-size: 16px;
}
.comment-content {
margin-left: 100px;
}
@media (max-width: 575px) {
.comment-content {
margin-left: 0;
}
}
.comment-body {
position: relative;
padding: 10px 30px 10px 0;
}
.comment-body .edit-link:before {
content: " | ";
}
.reply {
margin-left: 100px;
font-size: 15px;
}
.reply .svg-icon {
display: none;
}
.reply a {
color: var(--colorMain);
}
.comment-reply-title {
font-weight: 400;
margin-bottom: 0.8em;
}
.comment-reply-title a {
color: #b4b4b4;
color: var(--colorFontLight);
} .comment-form {
display: flex;
flex-wrap: wrap;
margin-bottom: 5em;
}
.comment-form p {
width: 100%;
position: relative;
}
.comment-form p input + [class*=fa-],
.comment-form p textarea + [class*=fa-] {
position: absolute;
font-size: 14px;
left: 24px;
top: 13px;
width: 14px;
color: var(--colorMain);
}
.comment-form .form-submit {
margin-bottom: 0;
}
.comment-form .logged-in-as,
.comment-form .comment-notes {
font-size: 0.92em;
margin-bottom: 0.5em;
color: var(--colorFontLight);
}
.comment-form .comment-form-cookies-consent {
line-height: 1.5;
}
.comment-form .comment-form-cookies-consent [type=checkbox] {
position: relative;
top: -1px;
}
.comment-form .comment-form-cookies-consent label {
display: inline !important;
margin-left: 0.3em;
}
.comment-form textarea,
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url] {
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-phone,
.comment-form .comment-form-email {
order: -1;
}
.form-group {
position: relative;
}
.form-group label + [class*=icon2-],
.form-group label + [class*=fa-] {
position: absolute;
font-size: 14px;
left: 27px;
top: 23px;
width: 14px;
text-align: center;
color: #f69c1d;
}
.comment-form-cookies-consent {
text-align: center;
}
#comments #commentform .form-submit {
text-align: center;
margin-bottom: 35px;
}
#comments #commentform .form-submit [type=submit] {
color: var(--colorMain);
}
#comments #commentform .form-submit [type=submit]:hover {
color: var(--colorDarkGrey);
}
li .comment-respond {
margin-top: 1em;
}
.wp-block-latest-comments__comment-date {
color: var(--colorDarkMuted);
font-size: 14px;
}
ol.comment-list .comment-meta .comment-author {
width: 100%;
font-weight: 500;
font-size: 16px;
line-height: 1;
color: var(--colorDarkGrey);
}
ol.comment-list .comment-meta .comment-metadata {
width: 100%;
display: block;
margin: 0 0 10px;
line-height: 30px;
}
ol.comment-list .comment-meta .comment-metadata a {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: var(--colorMain);
}
ol.comment-list .comment-meta .comment-metadata a:hover {
color: var(--colorDarkGrey);
}
@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;
}
}
ol.comment-list .comment-content {
line-height: 24px;
}
ol.comment-list .comment-content p {
margin-bottom: 10px;
}
ol.comment-list .reply a {
position: absolute;
top: -1px;
right: -1px;
font-size: 0;
padding: 7px 4px 13px;
}
ol.comment-list .reply a::before {
content: "\f112";
font-family: "fontAwesome";
font-size: 16px;
color: var(--colorFont);
transition: all 0.4s ease-in-out;
}
ol.comment-list .reply a:hover::before {
color: var(--colorDarkGrey);
} .widget .widget-title,
.widget .widgettitle {
font-size: 21px;
margin: -3px 0 25px;
position: relative;
line-height: 1;
padding-bottom: 22px;
text-transform: uppercase;
}
.widget .widget-title .zebra_title,
.widget .widgettitle .zebra_title {
position: absolute;
bottom: 0;
left: 0;
margin-left: 0;
width: 30px;
height: 3px;
background-color: transparent;
background-image: -webkit-linear-gradient(135deg, transparent 10%, var(--colorMain) 10%, var(--colorMain) 50%, transparent 50%, transparent 60%, var(--colorMain) 60%, var(--colorMain));
background-image: linear-gradient(-45deg, transparent 10%, var(--colorMain) 10%, var(--colorMain) 50%, transparent 50%, transparent 60%, var(--colorMain) 60%, var(--colorMain));
background-size: 7px 7px;
}
.widget .widget-title.has-text-align-center .zebra_title,
.widget .widgettitle.has-text-align-center .zebra_title {
left: 50%;
margin-left: -15px;
}
.widget .widgettitle span:nth-last-child(-n+2) {
font-weight: bold;
}
.widget .widget-title span span:nth-last-child(-n+1) {
font-weight: bold;
}
.widget p {
line-height: 21px;
}
.widget .icon[class^=ico-],
.widget .icon[class*=" ico-"] {
color: var(--colorMain);
margin-right: 16px;
}
.widget > ul,
.widget > ul ul {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
}
.widget ul:not(.menu-side-click):last-child,
.widget ol:last-child {
margin-bottom: 0;
}
.widget select {
display: block;
width: 100%;
}
aside input[type=text],
.before-content-area input[type=text],
aside input[type=email],
.before-content-area input[type=email],
aside input[type=url],
.before-content-area input[type=url],
aside input[type=password],
.before-content-area input[type=password],
aside input[type=search],
.before-content-area input[type=search],
aside input[type=tel],
.before-content-area input[type=tel],
aside input[type=number],
.before-content-area input[type=number],
aside textarea,
.before-content-area textarea,
aside select,
.before-content-area select,
aside .form-control,
.before-content-area .form-control {
border-color: var(--colorMain);
}
.widget.widget_custom_posts .item-content {
margin-left: 0 !important;
margin-right: auto !important;
}
.widget.widget_custom_posts .layout-default .item-content {
width: 100%;
max-width: 260px !important;
}
.widget.widget_custom_posts .layout-default .item-content .post-title {
font-size: 16px;
line-height: 24px;
margin: 0;
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta {
font-size: 12px;
font-weight: 500;
color: var(--colorFont);
align-items: center;
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-posts {
display: flex;
align-items: center;
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-posts .svg-icon svg {
fill: var(--colorFont);
margin-right: 5px;
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-posts a {
color: var(--colorFont);
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-posts a:hover {
color: var(--colorMain);
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-link a {
color: var(--colorFont);
}
.widget.widget_custom_posts .layout-default .item-content .entry-meta .author-link a:hover {
color: var(--colorMain);
}
.widget.widget_custom_posts .posts-list-thumbnail img {
max-width: 60px;
min-width: 60px;
}
.widget.widget_custom_posts .slide .posts-list-thumbnail img {
max-width: none;
}
.widget_search .widget-title + form,
.widget_categories .widget-title + form {
margin-top: 1.15em;
}
.media {
margin: 0 !important;
padding-top: 7px;
padding-bottom: 14px;
}
.media i + span,
.media i + a {
margin-left: 15px;
}
.media i {
color: var(--colorMain);
}
.theme-style-socicon.wp-social-link.wp-block-social-link {
transform: scale(1);
}
.theme-style-socicon.wp-social-link.wp-block-social-link a {
font-family: FontAwesome;
font-style: normal;
font-size: 16px;
line-height: 1;
text-align: center;
transition: all 0.3s ease-in-out 0s;
}
.theme-style-socicon.wp-social-link.wp-block-social-link a svg {
display: none;
}
.theme-style-socicon.wp-social-link.wp-block-social-link a::before {
color: var(--colorLight);
}
.theme-style-socicon.wp-social-link.wp-block-social-link a:hover::before {
color: var(--colorMain);
}
.theme-style-socicon.wp-social-link-facebook a::before {
content: "\f09a";
}
.theme-style-socicon.wp-social-link-twitter a::before {
content: "\f099";
}
.theme-style-socicon.wp-social-link-instagram a::before {
content: "\f16d";
}
.theme-style-socicon.wp-social-link-linkedin a::before {
content: "\f0e1";
}
.theme-style-socicon.wp-social-link-pinterest a::before {
content: "\f231";
}
.widget_archive select {
margin-top: 1.65em;
}
.widget.widget_block .wp-block-tag-cloud {
margin-bottom: 0;
}
.widget.widget_block a.tag-cloud-link {
display: inline-block;
line-height: 1.3;
border: 2px solid var(--colorFont);
padding: 8px 20px;
border-radius: 5px;
font-size: 16px !important;
color: var(--colorDark);
font-weight: 500;
transition: all 0.3s ease-in-out;
margin-top: 10px;
}
.widget.widget_block a.tag-cloud-link:hover {
color: var(--colorLight);
background-color: var(--colorFont);
}
.widget_rss li + li {
margin-top: 1em;
}
.widget_rss .rsswidget {
font-weight: 700;
}
.widget_rss .rss-date {
display: block;
font-size: 14px;
margin-bottom: 0.5em;
}
.widget.widget_mc4wp_form_widget {
background-color: transparent;
border-radius: 5px;
}
.widget.widget_mc4wp_form_widget .widget-title {
margin-bottom: 30px;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields {
position: relative;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields p {
margin-bottom: 20px;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields p:last-child {
margin-bottom: 0;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields p label {
display: none;
margin-bottom: 0;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-inner input[type=email] {
padding-right: 50px;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit] {
position: absolute;
right: 0;
top: 0;
height: 50px;
width: 50px;
font-size: 0;
padding: 0;
margin-bottom: 0;
border: none;
background-color: transparent;
color: var(--colorMain);
display: block;
border: none;
line-height: 1;
transition: all 0.4s linear 0s;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]::before {
font-size: 18px;
content: "\f0e0";
font-family: "FontAwesome";
color: var(--colorMain);
opacity: 1;
transition: all 0.4s linear 0s;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]:hover {
background-color: transparent;
}
.widget.widget_mc4wp_form_widget .mc4wp-form-fields .mc4wp-form-inner [type=submit]:hover::before {
opacity: 0.5;
}
.widget.widget_mc4wp_form_widget .wp-block-search .wp-block-search__button {
position: absolute;
right: 0;
font-size: 0;
padding: 0;
background-color: transparent;
height: 100%;
width: 50px;
}
.wp-block-archives-dropdown label {
display: none;
}
.elementor-widget-container .sidebar-visible {
display: none;
}
.elementor-widget-container p {
line-height: 30px;
}
.elementor-widget-container .widget-title {
margin-bottom: 20px;
}
.elementor-widget-container .mc4wp-form-fields input {
width: 100%;
padding-right: 60px;
border-width: 1px;
border-style: solid;
color: var(--colorDark);
background-color: var(--colorLight);
opacity: 1;
}
.elementor-widget-container .mc4wp-form-fields input::placeholder {
color: var(--colorDark);
opacity: 1;
}
.elementor-widget-container .mc4wp-form-fields {
position: relative;
}
.elementor-widget-container .mc4wp-form-fields p {
margin-bottom: 0;
}
.elementor-widget-container .mc4wp-form-fields p label {
display: none;
margin-bottom: 0;
}
.elementor-widget-container .mc4wp-form-fields .mc4wp-form-inner [type=submit] {
height: 50px;
width: 50px;
margin-left: 4px;
margin-right: 4px;
display: block;
border: none;
position: absolute;
top: 0;
right: 0;
font-size: 0;
padding: 0;
line-height: 1;
background-color: transparent;
transition: all 0.4s linear 0s;
}
.elementor-widget-container .mc4wp-form-fields .mc4wp-form-inner [type=submit]::before {
font-size: 16px;
content: "\f040";
font-family: "FontAwesome";
color: var(--colorMain) !important;
background-image: none !important;
position: relative !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: auto !important;
height: auto !important;
transform: none !important;
transition: all 0.4s linear 0s;
}
.elementor-widget-container .mc4wp-form-fields .mc4wp-form-inner [type=submit]:hover {
background-color: transparent !important;
}
.elementor-widget-container .mc4wp-form-fields .mc4wp-form-inner [type=submit]:hover::before {
color: var(--colorDark) !important;
}
.elementor-widget-container .wp-block-search .wp-block-search__button {
position: absolute;
right: 0;
font-size: 0;
padding: 0;
background-color: transparent;
height: 100%;
width: 50px;
}
.widget_block h5 {
line-height: 1.3;
}
.wp-block-categories-list li > * {
padding: 20px 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
padding: 25px 0 0 !important;
margin: 0 0 20px !important;
display: flex;
flex-wrap: wrap;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.wp-block-latest-posts.wp-block-latest-posts__list li a {
font-weight: 400;
font-size: 20px;
line-height: 1.4;
word-break: break-word;
display: block;
margin-bottom: 20px;
width: 100%;
order: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt {
position: relative;
overflow: hidden;
height: 46px;
margin-top: 0;
margin-bottom: 10px;
width: 100%;
order: 1;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-date {
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
color: var(--colorFont);
margin-right: auto;
order: 2;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-author {
font-size: 13px;
color: var(--colorMain);
order: 3;
}
.wp-block-getwid-social-links__item {
padding: 0;
margin-left: 13px;
}
.wp-block-getwid-social-links__item:first-child {
margin-left: 0;
}
#ctf .ctf-corner-logo {
color: var(--colorMain);
} .widget_recent_comments p {
margin-bottom: 5px;
}
.widget_recent_comments li {
padding: 10px 0;
}
.widget_recent_comments li + li {
border-top: 1px solid var(--colorBorder);
}
.widget_recent_entries h6 {
max-width: 70%;
line-height: 23px;
}
.ds .widget_recent_entries h6 a {
color: rgba(255, 255, 255, 0.8);
}
.text-center .widget_recent_entries h6, .widget_recent_entries.text-center h6 {
margin-right: auto;
margin-left: auto;
}
.widget_recent_entries .lineheight_thin {
line-height: 20px;
}
.widget_recent_entries li + li {
margin-top: 10px;
}
.widget_popular_entries li {
margin-top: 20px;
}
.widget_recent_entries > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_popular_entries > ul > li:first-child,
.widget_nav_menu > ul > li:first-child,
.widget_pages > ul > li:first-child {
border-top: none;
}
.widget_popular_entries > ul > li:first-child {
margin-top: 0;
}
.widget_categories li.active a {
color: var(--colorDarkGrey);
}
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a {
display: inline-block;
position: relative;
padding-left: 20px;
}
.widget_archive li:first-child a,
.widget_categories li:first-child a,
.widget_meta li:first-child a,
.widget_nav_menu li:first-child a,
.widget_pages li:first-child a {
padding-top: 0;
}
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li {
padding-top: 5px;
padding-bottom: 5px;
}
.widget_archive a:before,
.widget_categories a:before,
.widget_meta a:before,
.widget_nav_menu a:before,
.widget_pages a:before {
font-family: "FontAwesome";
content: "\f0da";
font-size: 16px;
color: var(--colorMain);
position: absolute;
left: 0;
}
.widget_nav_menu ul ul li:first-child a {
padding-top: 13px;
}
.widget_nav_menu a i {
padding-right: 7px;
}
@media (min-width: 768px) {
.page_copyright .widget_nav_menu li,
.page_topline .widget_nav_menu li {
display: inline-block;
position: relative;
border: none;
padding-right: 5px;
}
.page_copyright .widget_nav_menu li:before,
.page_topline .widget_nav_menu li:before {
content: "";
position: absolute;
padding: 0;
left: -5px;
top: 5px;
bottom: 5px;
width: 1px;
background-color: var(--colorBorder);
opacity: 0.3;
display: block;
}
.page_copyright .widget_nav_menu li:first-child:before,
.page_topline .widget_nav_menu li:first-child:before {
display: none;
}
.page_copyright .widget_nav_menu a,
.page_topline .widget_nav_menu a {
padding: 0 10px;
}
.page_copyright .widget_nav_menu a:before,
.page_topline .widget_nav_menu a:before {
display: none;
}
} .widget_events .media-left img {
max-width: 70px;
}
.widget_events .media h4 {
font-size: 14px;
line-height: 1.4;
margin-bottom: 5px;
} .page_header_side .widget.widget_nav_menu.greylinks a {
color: var(--colorFont);
font-weight: 300;
}
.page_header_side .widget.widget_nav_menu.greylinks a:hover {
color: var(--colorMain2);
}
.page_header_side .widget.widget_nav_menu {
margin-top: 20px;
padding-left: 30px;
padding-right: 30px;
}
.page_header_side .widget.widget_nav_menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.page_header_side .widget.widget_nav_menu .nav > li:first-child a {
padding-top: 0;
}
.page_header_side .widget.widget_nav_menu .nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.page_header_side .widget.widget_nav_menu .nav ul li {
padding-left: 20px;
}
.page_header_side .widget.widget_nav_menu .nav ul li:first-child a {
padding-top: 13px;
}
.wp-block-calendar {
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
position: relative;
}
.widget_calendar .calendar_wrap {
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
position: relative;
}
.wp-block-calendar,
.widget_calendar {
text-align: center;
border-radius: 5px;
}
.wp-block-calendar a,
.widget_calendar a {
text-decoration: none;
}
.wp-block-calendar table,
.widget_calendar table {
font-size: 14px;
}
.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(--colorMain);
color: var(--colorLight);
font-size: 24px;
line-height: 31px;
padding: 24px;
font-weight: 500;
border-radius: 5px 5px 0 0;
}
.wp-block-calendar tbody,
.widget_calendar tbody {
background-color: var(--colorBackground);
}
.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, 0.05);
}
.wp-block-calendar tbody td a,
.widget_calendar tbody td a {
color: var(--colorMain);
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: 60px;
height: 60px;
}
}
.wp-block-calendar nav span:first-child,
.widget_calendar nav span:first-child {
left: 0;
top: 0;
}
.wp-block-calendar nav span:first-child a:before,
.widget_calendar nav span:first-child a:before {
content: "\e7c0";
font-family: "icomoon";
font-size: 16px;
color: var(--colorLight);
transition: all 0.3s ease-in-out;
}
.wp-block-calendar nav span:first-child a:hover::before,
.widget_calendar nav span:first-child a:hover::before {
opacity: 0.5;
}
.wp-block-calendar nav span:last-child,
.widget_calendar nav span:last-child {
right: 0;
top: 0;
}
.wp-block-calendar nav span:last-child a:before,
.widget_calendar nav span:last-child a:before {
content: "\e7c1";
font-family: "icomoon";
font-size: 16px;
color: var(--colorLight);
transition: all 0.3s ease-in-out;
}
.wp-block-calendar nav span:last-child a:hover::before,
.widget_calendar nav span:last-child a:hover::before {
opacity: 0.5;
}
.widget_theme_meta .sub-title {
margin-bottom: 1.3em;
}
.widget_theme_meta .theme-meta-img.wp-block-image {
margin-bottom: 0.8em;
}
.widget_theme_meta .theme-meta .icon-inline {
padding: 7px 0;
display: flex;
line-height: 1.4;
align-items: flex-start;
}
.widget_theme_meta .theme-meta .svg-icon {
line-height: 1.6;
}
.widget_theme_meta .theme-meta .svg-icon::before {
display: none;
}
.widget_theme_meta .theme-meta .svg-icon svg {
fill: var(--colorMain);
}
.widget_theme_meta .social-links {
display: block;
margin-top: 1em;
}
.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: #ffc326;
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: 0.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;
max-width: 100px;
}
.wp-block-separator.is-style-dots {
max-width: 200px;
}
.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: 16px;
font-weight: 700;
padding: 15px 25px 15px;
text-transform: uppercase;
margin-bottom: 4px;
line-height: 1;
display: inline-block;
min-width: 8.5em;
text-align: center;
color: var(--colorLight);
border: 3px solid var(--colorDarkGrey);
background-color: var(--colorDarkGrey);
border-radius: 1px;
position: relative;
transition: all 0.4s linear 0s;
}
.wp-block-button__link:active, .wp-block-button__link:hover, .wp-block-button__link:focus {
background-color: transparent;
}
.wp-block-button__link:active, .wp-block-button__link:hover {
color: var(--colorDarkGrey);
background-color: transparent;
}
.is-style-outline .wp-block-button__link {
background-color: transparent;
border-color: var(--colorDarkGrey);
color: var(--colorDarkGrey);
}
.is-style-outline .wp-block-button__link:hover {
background-color: var(--colorDarkGrey);
color: var(--colorLight);
}
.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: transparent;
color: var(--colorDark);
border-color: var(--colorDark);
}
.is-style-inverse-outline .wp-block-button__link {
background-color: transparent;
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: transparent;
padding: 0;
margin-left: -10px;
font-size: 16px;
font-weight: bold;
color: var(--colorFont);
}
.is-style-color-link .wp-block-button__link::after {
content: "\f054";
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: transparent;
padding: 0;
margin-left: -10px;
font-size: 16px;
font-weight: bold;
color: var(--colorMain);
}
.is-style-dark-link .wp-block-button__link::after {
content: "\f054";
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%;
transform: translate(-50%, -50%);
display: inline-flex;
width: 19px;
height: 12px;
-webkit-mask: url(//auto-franjo.hr/wp-content/themes/towy/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: transparent;
border-color: var(--colorMain);
}
.is-style-ellipse-btn-ouline .wp-block-button__link::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-flex;
width: 19px;
height: 12px;
-webkit-mask: url(//auto-franjo.hr/wp-content/themes/towy/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);
}
.has-dark-background-color .is-style-inverse-fill .wp-block-button__link,
.i .is-style-inverse-fill .wp-block-button__link {
background: transparent;
border-color: var(--colorLight);
color: var(--colorLight);
}
.has-dark-background-color .is-style-inverse-fill .wp-block-button__link:hover,
.i .is-style-inverse-fill .wp-block-button__link:hover {
background: var(--colorLight);
color: var(--colorMain);
}
.has-dark-background-color .is-style-inverse-outline .wp-block-button__link,
.i .is-style-inverse-outline .wp-block-button__link {
background: var(--colorLight);
color: var(--colorMain);
border-color: var(--colorLight);
}
.has-dark-background-color .is-style-inverse-outline .wp-block-button__link:hover,
.i .is-style-inverse-outline .wp-block-button__link:hover {
background: transparent;
border-color: var(--colorLight);
color: var(--colorLight);
}
.wp-block-file a:not([class]) {
font-size: 1.2em;
}
.wp-block-file {
margin: 2em 0;
}
.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(--colorDarkMuted);
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: 0.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: 0.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: 4.2em;
margin-bottom: 2.5em;
}
.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 0.3s ease;
}
.wp-block-gallery figure a {
position: relative;
}
.wp-block-gallery figure a:before {
z-index: 2;
transition: all 0.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: 0.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(--colorDarkMuted);
padding: 1.2em 0 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, 0.3);
}
.wp-block-image.is-style-shadow > a {
display: block;
overflow: hidden;
}
.wp-block-image.is-style-shadow > a > img {
transition: all 0.3s ease-in-out;
}
.wp-block-image.is-style-shadow:hover > a > img {
opacity: 0.7;
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: 0.028em;
font-size: 1.45em;
}
.has-huge-font-size {
line-height: 1.4;
}
.wp-block-table {
margin-top: 20px;
margin-bottom: 20px;
}
.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: 0.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: 0.5em;
margin-bottom: 0.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: 0.75em;
}
.wp-block-latest-posts__featured-image + a {
display: block;
line-height: 1.34;
margin-bottom: 0.25em;
}
.wp-block-latest-posts__post-date {
color: var(--colorMain2);
font-size: 16px;
}
.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: 0.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: 20px;
}
.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, 0.1);
}
.cols-bordered > .wp-block-column {
border: 1px solid var(--colorBorder);
}
.cols-bordered.i > .wp-block-column {
border-color: rgba(255, 255, 255, 0.15);
}
.cols-shadow > .wp-block-column {
box-shadow: 0 0 20px 0 rgba(100, 100, 100, 0.15);
}
.cols-shadow-hover > .wp-block-column {
position: relative;
bottom: 0;
transition: all 0.15s ease-in;
}
.cols-shadow-hover > .wp-block-column:hover {
bottom: 2px;
box-shadow: 0 0 40px 0 rgba(100, 100, 100, 0.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 .wp-social-link svg {
width: 18px;
height: 18px;
fill: var(--colorDarkMuted);
}
.has-background-dim {
color: rgba(255, 255, 255, 0.75);
}
.has-light-color {
color: var(--colorLight);
}
.has-font-color {
color: var(--colorFont);
}
.has-font-muted-color {
color: var(--colorFontLight);
}
.has-background-color {
color: var(--colorBackground);
}
.has-border-color {
color: var(--colorBorder);
}
.has-dark-color {
color: var(--colorDark);
}
.has-dark-muted-color {
color: var(--colorDarkMuted);
}
.i .has-dark-muted-color {
color: var(--colorLight);
}
.i.c .has-dark-muted-color {
color: var(--colorDarkMuted);
}
.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(--colorFontLight);
}
.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(--colorDarkMuted);
}
.has-main-background-color {
background-color: var(--colorMain);
}
.has-main-2-background-color {
background-color: var(--colorMain2);
}
.alignfull {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: none;
}
@media (min-width: 1200px) {
.alignfull {
padding-left: 7px;
padding-right: 7px;
}
}
.alignfull.wp-block-image > img {
max-width: none;
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;
}
@media screen and (min-width: 1300px) {
.alignwide {
margin-left: -3em;
max-width: none;
width: calc(100% + 6em);
}
}
@media screen and (min-width: 1400px) {
.alignwide {
margin-left: -9em;
max-width: none;
width: calc(100% + 18em);
}
}
.with-sidebar #columns .alignwide {
max-width: 100%;
width: auto;
margin-left: 0;
}
.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: 1px;
font-size: 18px;
}
.wp-block-search .wp-block-search__button,
.wp-block-search .search-submit {
position: absolute;
right: 0;
font-size: 0;
padding: 0 30px;
background-color: transparent;
height: 100%;
}
.wp-block-search .wp-block-search__button::before,
.wp-block-search .search-submit::before {
content: "\f002";
font-family: FontAwesome;
font-size: 16px;
color: var(--colorDark);
transition: all 0.3s ease-in-out;
}
.wp-block-search .wp-block-search__button:hover::before,
.wp-block-search .search-submit:hover::before {
opacity: 0.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: 0.5em;
vertical-align: bottom;
}
.post-password-form [type=submit] {
margin-top: 0.75em;
}
.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: 0.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: 0.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: "\f00c";
}
.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: transparent;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a {
padding: 0.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: 5px;
}
@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: 0.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, 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 0.3s ease-in-out;
}
.wp-block-getwid-person .wp-block-getwid-social-links .wp-block-getwid-social-links__link:hover {
opacity: 0.6;
}
.wp-block-getwid-person.is-style-person-shadow {
padding: 1.8em;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
border-bottom: 3px solid transparent;
border-radius: 5px;
transition: all 0.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: 0.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 transparent;
transition: all 0.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, 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, 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: transparent;
box-shadow: inherit;
}
}
.wp-block-getwid-image-box.is-style-image-box-two {
box-shadow: 0 10px 35px rgba(0, 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, 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%;
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, 0.06);
border-radius: 5px;
border-bottom: 2px solid transparent;
overflow: visible;
transition: all 0.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: 0.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(255, 195, 38, 0.7), 0 0 0 0 rgba(255, 195, 38, 0.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);
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;
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 .next,
.nav-links .prev {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--colorFont);
padding: 10px 26px;
}
.nav-links .next:hover,
.nav-links .prev:hover {
color: var(--colorMain);
}
.nav-links .next:hover .icon-inline .svg-icon::before,
.nav-links .prev:hover .icon-inline .svg-icon::before {
border-color: var(--colorMain);
}
.nav-links .icon-inline .svg-icon svg {
fill: var(--colorDark);
max-width: 1em;
max-height: 1em;
}
.nav-links .icon-inline {
vertical-align: bottom;
}
.nav-links .icon-inline span.svg-icon svg {
display: none;
}
.nav-links .icon-inline .icon-chevron-left::before {
content: "";
display: inline-block;
position: relative;
top: 0;
width: 6px;
height: 6px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorFont);
border-color: var(--colorFont);
transform: rotate(-135deg);
line-height: 46px;
left: 2px;
transition: all 0.3s ease-in-out 0s;
}
.nav-links .icon-inline .icon-chevron-right::before {
content: "";
display: inline-block;
position: relative;
top: -0.1em;
width: 6px;
height: 6px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: var(--colorFont);
border-color: var(--colorFont);
transform: rotate(45deg);
line-height: 46px;
left: -2px;
transition: all 0.3s ease-in-out 0s;
}
.page-links {
justify-content: flex-start;
}
.nav-links {
justify-content: center;
}
.main .nav-links {
justify-content: center;
}
.nav-links,
.page-links {
line-height: 1;
clear: both;
margin: 14px 0;
display: flex;
}
.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,
.page-links a,
.page-links .current {
max-height: 45px;
display: inline-block;
text-align: center;
padding: 10px 0;
border: none;
color: var(--colorFont);
font-weight: 300;
font-size: 18px;
line-height: 1.4;
margin-left: 0;
margin-right: 6px;
margin-bottom: 10px;
min-width: 30px;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
}
.nav-links a:last-child,
.nav-links .current:last-child,
.page-links a:last-child,
.page-links .current:last-child {
margin-right: 0;
}
.nav-links a:hover,
.nav-links .current:hover,
.page-links a:hover,
.page-links .current:hover {
color: var(--colorMain);
}
.nav-links .current,
.page-links .current {
color: var(--colorMain);
}
.page-links span:first-child {
border: none;
padding-right: 0;
padding-left: 0;
}
#layout.layout-default .pagination {
max-width: 1000px;
margin: 60px auto 0;
display: flex;
justify-content: center;
align-items: center;
}
#layout.layout-default .pagination .nav-links {
margin-top: 0;
}
#layout.layout-cols .pagination .nav-links {
justify-content: center;
}
.pagination {
margin-top: 4.7em;
}
@media (min-width: 992px) {
.no-sidebar.container-1170 .layout-default-wide-image .pagination {
margin-left: 12em;
margin-right: 12em;
}
}
.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;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
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;
background-color: var(--colorLight);
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: transparent;
text-align: center;
}
.flex-direction-nav a:hover::before, .flex-direction-nav a.flex-next:hover::before {
border-color: var(--colorMain);
}
.flex-direction-nav .flex-prev {
left: 10px;
}
.flex-direction-nav .flex-next {
right: 10px;
}
@media (min-width: 1600px) {
.flex-direction-nav .flex-prev {
left: 10px;
}
.flex-direction-nav .flex-next {
right: 10px;
}
}
.flexslider:hover .flex-next:hover::before,
.flexslider:hover .flex-prev:hover::before {
color: var(--colorMain);
}
.flex-direction-nav .flex-disabled {
opacity: 0;
filter: alpha(opacity=0);
cursor: default;
}
.flex-direction-nav a:before {
content: "";
display: inline-block;
position: relative;
top: calc(50% - 8px);
width: 12px;
height: 12px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #232323;
border-color: var(--colorDarkGrey);
transform: rotate(-135deg);
left: 2px;
transition: all 0.4s linear 0s;
}
.flex-direction-nav a.flex-next:before {
content: "";
display: inline-block;
position: relative;
top: calc(50% - 8px);
width: 12px;
height: 12px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #232323;
border-color: var(--colorDarkGrey);
transform: rotate(45deg);
left: -2px;
}
.i .flex-direction-nav a:before {
color: var(--colorLight);
}
.flexslider-2 {
position: relative;
}
.flexslider-2 ul.products[class*=columns-] li.product,
.flexslider-2 .woocommerce-page ul.products[class*=columns-] li.product {
clear: none !important;
}
.flexslider-2 .flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 60px;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: transparent;
text-align: center;
margin-top: -50px;
}
.flexslider-2 .flex-direction-nav a:hover::before {
color: var(--colorMain2);
}
.flexslider-2 .flex-direction-nav .flex-prev {
left: 0;
}
.flexslider-2 .flex-direction-nav .flex-next {
right: 0;
}
.flexslider-2 .flex-direction-nav a:before {
font-family: "Font Awesome 5 Free";
font-size: 28px;
font-weight: 900;
line-height: 60px;
content: "\f104";
color: var(--colorFont);
top: 0;
}
.flexslider-2 .flex-direction-nav a.flex-next:before {
content: "\f105";
left: 16px;
}
.flexslider-3 {
position: relative;
}
.flexslider-3 ul.products[class*=columns-] li.product,
.flexslider-3 .woocommerce-page ul.products[class*=columns-] li.product {
clear: none !important;
}
.flexslider-3 .flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 60px;
position: absolute;
top: auto;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
font-size: 0;
color: transparent;
text-align: center;
margin-top: -50px;
}
.flexslider-3 .flex-direction-nav a:hover::before {
color: var(--colorMain);
}
.flexslider-3 .flex-direction-nav .flex-prev {
left: 0;
}
.flexslider-3 .flex-direction-nav .flex-prev.flex-disabled {
opacity: 0.1;
cursor: default;
}
.flexslider-3 .flex-direction-nav .flex-next {
right: 0;
}
.flexslider-3 .flex-direction-nav .flex-next.flex-disabled {
opacity: 0.1;
cursor: default;
} .flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "FontAwesome";
font-size: 20px;
display: inline-block;
content: "\f01d";
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: "\f01d";
} .flex-control-nav {
width: 100%;
position: absolute;
bottom: 40px;
margin-top: 40px;
text-align: center;
color: transparent;
font-size: 0;
line-height: 0;
}
@media (max-width: 767px) {
.flex-control-nav {
bottom: 20px;
}
}
.flex-control-nav li {
text-align: center;
display: inline-block;
padding: 0 7px;
zoom: 1;
*display: inline;
}
.flex-control-paging li {
margin: 0 7px;
}
.flex-control-paging li a {
width: 10px;
height: 10px;
margin: 0;
display: block;
border: 2px solid;
background-color: transparent;
border: 2px solid var(--colorDarkGrey);
text-indent: -9999px;
cursor: pointer;
border-radius: 50%;
}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active {
border-color: var(--colorMain);
background-color: transparent;
}
.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: 0.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 0.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: #181818;
}
.ds .flex-custom-nav .flex-custom-link, .cs .flex-custom-nav .flex-custom-link {
color: #ffffff;
}
.flex-custom-nav .flex-custom-link:hover {
color: #ffc326;
}
.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: transparent;
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: "\e906";
color: var(--colorDark);
position: absolute;
top: 0px;
left: 0px;
}
.widget.widget_custom_posts .layout-slider .flex-direction-nav a.flex-next:before {
content: "\e907";
left: 0px;
}
.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: 55px 35px 50px !important;
}
.widget.widget_custom_posts .layout-slider .item-content .post-title {
font-size: 20px;
font-weight: 400;
line-height: 1.1;
display: block;
min-height: 46px;
overflow: hidden;
margin-bottom: 10px;
}
.widget.widget_custom_posts .layout-slider .item-content .entry-content {
padding-top: 6px;
margin-bottom: 10px;
min-height: 78px;
}
.widget.widget_custom_posts .layout-slider .item-content .icon-inline.post-date {
margin: 0;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
color: var(--colorFont);
display: block;
width: 100%;
}
.widget.widget_custom_posts .layout-slider .item-content .icon-inline.post-author {
font-size: 13px;
font-weight: 400;
color: var(--colorMain);
display: block;
width: 100%;
} .apsc-theme-1 .apsc-each-profile {
float: left;
min-height: 80px;
text-align: center;
width: 80px;
margin: 5px;
}
.apsc-each-profile a {
font-weight: normal;
color: white;
text-decoration: none;
}
.apsc-each-profile a:hover {
color: white;
text-decoration: none;
}
.apsc-theme-1 .apsc-each-profile a {
padding: 9px;
display: block;
color: #fff;
position: relative;
border-radius: 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)"; -moz-box-shadow: 1px 1px 2px #b3b3b3; -webkit-box-shadow: 1px 1px 2px #b3b3b3; box-shadow: 1px 1px 2px #b3b3b3; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.entry-content .apsc-each-profile a {
border: none;
}
.site-footer .widget .apsc-each-profile a {
color: #fff;
text-decoration: none;
}
.social-icon {
display: block;
}
.apsc-theme-1 .media-name {
display: none;
}
.apsc-theme-1 .apsc-count {
font-size: 16px;
display: block;
line-height: 15px;
padding: 2px 0 0;
}
.entry-content .apsc-each-profile a,
.entry-content .apsc-each-profile a:hover,
.entry-content .apsc-each-profile a:focus {
color: #fff;
text-decoration: none;
}
.apsc-theme-1 .apsc-each-profile a:before {
background: radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
height: 10px;
left: 5%;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-property: transform, opacity;
-webkit-transition-property: transform, opacity;
width: 90%;
z-index: -1;
}
.apsc-theme-1 .apsc-each-profile a:hover:before {
opacity: 1;
transform: translateY(6px);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
}
.apsc-theme-1 .apsc-each-profile a:hover {
transform: translateY(-6px);
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
}
.apsc-theme-1 .social-icon .fa {
font-size: 45px;
}
.apsc-facebook-icon {
background-color: #3b5998;
}
.apsc-twitter-icon {
background-color: #1dcaff;
}
.apsc-youtube-icon {
background-color: #e52d27;
}
.apsc-soundcloud-icon {
background-color: #ff8800;
}
.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: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1);
}
.apsc-theme-1 .apsc-media-type {
display: none;
} .apsc-theme-2 .apsc-each-profile {
min-width: 32%;
width: 32%;
}
.apsc-theme-2 .apsc-each-profile a {
color: white !important;
}
.apsc-theme-2 .apsc-each-profile a:hover {
color: white !important;
text-decoration: none !important;
}
.apsc-theme-2.apsc-icons-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}
.apsc-theme-2 .apsc-each-profile:not(:last-child) {
margin-right: 4px;
margin-bottom: 4px;
}
.apsc-theme-2 .social-icon {
display: inline-block;
position: relative;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-2 .apsc-each-profile a {
padding: 18px 10px;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
display: block;
color: #fff;
position: relative;
text-align: center;
}
.apsc-theme-2 .apsc-each-profile a:hover {
opacity: 0.8;
}
.apsc-theme-2 .apsc-each-profile a .fa,
.apsc-theme-2 .apsc-each-profile a .fab {
vertical-align: top;
text-align: center;
font-size: 36px;
display: block;
transform: none;
-webkit-transform: none;
-ms-transform: none;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-2 .apsc-each-profile a:hover .fa {
transform: none;
-webkit-transform: snone;
-ms-transform: none;
}
.apsc-theme-2 .media-name {
display: none;
}
.apsc-theme-2 .apsc-count {
border-radius: 0;
color: #fff;
display: block;
font-size: inherit;
text-align: center;
position: relative;
font-size: 20px;
font-weight: 700;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-2 .apsc-media-type {
display: inline-block;
} .apsc-theme-3 .apsc-each-profile {
float: left;
margin: 5px;
}
.apsc-theme-3 .social-icon {
display: table-cell;
min-width: 97px;
padding: 0 0 0 4px;
vertical-align: middle;
position: relative;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-3 .apsc-each-profile a {
border-radius: 4px;
color: #fff;
display: block;
font-weight: normal;
padding: 1px;
position: relative;
text-shadow: none;
}
.apsc-theme-3 .apsc-count {
background-color: #fff;
}
.apsc-theme-3 .social-icon .fa {
display: table-cell;
font-size: 18px;
vertical-align: middle;
}
.apsc-theme-3 .media-name {
display: table-cell;
font-size: 14px;
padding: 0 13px 0 5px;
text-transform: capitalize;
vertical-align: middle;
min-width: 77px;
}
.apsc-theme-3 .apsc-count {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #666666;
display: table-cell;
font-size: 16px;
min-width: 52px;
padding: 3px 10px;
text-align: center;
position: relative;
opacity: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-3 .apsc-count:before {
border-bottom: 4px solid transparent;
border-right: 4px solid #fff;
border-top: 4px solid transparent;
content: "";
left: -4px;
margin-top: -3px;
position: absolute;
top: 50%;
} .apsc-theme-3 .apsc-each-profile a:hover .social-icon {
background-color: #fff;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.apsc-theme-3 .apsc-each-profile a:hover .apsc-count {
color: #fff;
}
.apsc-theme-3 .apsc-each-profile a:hover .social-icon:after {
border-bottom: 4px solid transparent;
border-left: 4px solid #fff;
border-top: 4px solid transparent;
content: "";
margin-top: -3px;
position: absolute;
right: -4px;
top: 50%;
z-index: 2;
}
.apsc-theme-3 .apsc-media-type {
display: none;
}
.apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .social-icon {
color: #e52d27;
}
.apsc-theme-3 .apsc-each-profile a.apsc-youtube-icon:hover .apsc-count {
background-color: #e52d27;
}
.apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .social-icon {
color: #ff8800;
}
.apsc-theme-3 .apsc-each-profile a.apsc-soundcloud-icon:hover .apsc-count {
background-color: #ff8800;
}
.apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .social-icon {
color: #ea4c89;
}
.apsc-theme-3 .apsc-each-profile a.apsc-dribble-icon:hover .apsc-count {
background-color: #ea4c89;
}
.apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .social-icon {
color: #464646;
}
.apsc-theme-3 .apsc-each-profile a.apsc-comment-icon:hover .apsc-count {
background-color: #464646;
}
.apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .social-icon {
color: #1dcaff;
}
.apsc-theme-3 .apsc-each-profile a.apsc-twitter-icon:hover .apsc-count {
background-color: #1dcaff;
}
.apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .social-icon {
color: #3f729b;
}
.apsc-theme-3 .apsc-each-profile a.apsc-instagram-icon:hover .apsc-count {
background-color: #3f729b;
}
.apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .social-icon {
color: #3b5998;
}
.apsc-theme-3 .apsc-each-profile a.apsc-facebook-icon:hover .apsc-count {
background-color: #3b5998;
}
.apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .social-icon {
color: #dd4b39;
}
.apsc-theme-3 .apsc-each-profile a.apsc-google-plus-icon:hover .apsc-count {
background-color: #dd4b39;
}
.apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .social-icon {
color: #837d7d;
}
.apsc-theme-3 .apsc-each-profile a.apsc-edit-icon:hover .apsc-count {
background-color: #837d7d;
} .apsc-theme-4 .apsc-each-profile {
float: left;
margin: 5px;
}
.apsc-theme-4 .social-icon {
display: inline-block;
position: relative;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-4 .apsc-each-profile a {
padding: 2px 9px 2px 6px;
display: block;
color: #fff;
position: relative;
border-radius: 4px;
}
.apsc-theme-4 .apsc-each-profile a .fa {
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-4 .apsc-each-profile a:hover .fa {
transform: scale(1.3) translateZ(0px);
-webkit-transform: scale(1.3) translateZ(0px);
-ms-transform: scale(1.3) translateZ(0px);
}
.apsc-theme-4 .social-icon .fa {
display: inline-block;
font-size: 18px;
vertical-align: middle;
}
.apsc-theme-4 .media-name {
display: inline-block;
font-size: 14px;
padding: 0 6px 0 5px;
text-transform: capitalize;
}
.apsc-theme-4 .apsc-count {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
display: inline-block;
font-size: 14px;
text-align: center;
position: relative;
font-family: "MyriadPro-Bold";
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.apsc-theme-4 .apsc-media-type {
display: none;
} .apsc-theme-5 .apsc-each-profile {
min-height: 60px;
text-align: center;
width: 60px;
margin: 5px;
}
.apsc-theme-5 .apsc-each-profile a {
padding: 6px;
display: block;
color: #fff;
position: relative;
border-radius: 5px;
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
-ms-transform: translateZ(0px);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3)"; -moz-box-shadow: 1px 1px 2px #b3b3b3; -webkit-box-shadow: 1px 1px 2px #b3b3b3; box-shadow: 1px 1px 2px #b3b3b3; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#b3b3b3); transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.entry-content .apsc-each-profile a {
border: none;
}
.social-icon {
display: block;
}
.apsc-theme-5 .apsc-count {
font-size: 12px;
display: block;
line-height: 12px;
padding: 3px 0 0;
}
.apsc-theme-5 .social-icon .fa {
font-size: 34px;
}
.apsc-theme-5 .social-icon {
height: 34px;
}
.apsc-theme-5 .media-name {
display: none;
}
.apsc-theme-5 .apsc-media-type {
display: none;
}
.apsc-theme-5 .apsc-each-profile a:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(0.8);
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
} @media screen and (max-width: 479px) {
.apsc-theme-4 .apsc-each-profile a,
.apsc-theme-3 .apsc-each-profile a {
display: inline-block;
}
.apsc-theme-4 .apsc-each-profile,
.apsc-theme-3 .apsc-each-profile {
float: none;
}
}  .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 0.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: 0.8;
}
.xs_social_counter_widget .xs_counter_url.wslu-counter-line-shaped li .xs-social-follower {
margin: 0 5px 0 30px;
} .xs_social_counter_widget .xs_counter_url.wslu-counter-box-shaped {
margin-left: -2px;
margin-right: -2px;
width: calc(100% + 4px);
}
.xs_social_counter_widget .xs_counter_url.wslu-counter-box-shaped li {
border-color: transparent !important;
max-width: calc(33.33% - 4px) !important;
min-width: calc(33.33% - 4px) !important;
margin: 2px !important;
}
.widget_search {
background-color: transparent;
border-radius: 0;
}
.widget_search .wp-block-search .wp-block-search__input {
font-size: 16px;
padding-right: 60px;
padding-left: 30px;
border-radius: 0;
height: 40px;
}
.widget_search .wp-block-search .wp-block-search__input::placeholder {
opacity: 1;
font-weight: 600;
font-style: normal;
color: var(--colorFont);
}
.widget_search .wp-block-search .wp-block-search__button.has-icon,
.widget_search .search-submit {
height: 40px;
width: 40px;
border: none;
line-height: 40px;
}
.widget_search .wp-block-search .wp-block-search__button.has-icon svg,
.widget_search .search-submit svg {
display: none;
}
.widget_search .wp-block-search .wp-block-search__button.has-icon::before,
.widget_search .search-submit::before {
font-size: 18px;
content: "\f002";
font-family: FontAwesome;
color: var(--colorMain);
}
.widget_search .wp-block-search .wp-block-search__button.has-icon:hover::before,
.widget_search .search-submit:hover::before {
opacity: 0.5;
}
.widget_search .wp-block-search__label {
display: block !important;
font-size: 30px;
margin: 0 0 30px;
font-weight: 900;
position: relative;
line-height: 1;
} input[type=search]::-ms-clear {
display: none;
width: 0;
height: 0;
}
input[type=search]::-ms-reveal {
display: none;
width: 0;
height: 0;
} input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
display: none;
}  #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 #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: #c4f2d4 !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: transparent !important;
}
body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button:hover {
background: var(--colorMain) !important;
border-color: var(--colorMain) !important;
color: var(--colorLight);
} 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: var(--colorMain2) !important;
}
body table.booked-calendar tr.days th,
body #booked-profile-page .booked-tabs {
border-color: var(--colorMain2) !important;
} #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(--colorMain2);
}
body table.booked-calendar td .date span {
border: 2px solid transparent;
}
body table.booked-calendar td:hover .date span {
background: transparent;
border: 2px solid var(--colorMain);
}
body table.booked-calendar td:hover .date.tooltipster span {
background: transparent;
border: transparent;
}
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(--colorMain2);
}
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: #56c477;
}
.booked-appt-list .timeslot.has-title .booked-public-appointment-title {
color: inherit;
} body .calendarSavingState,
body #data-ajax-url {
display: none;
}
body .calendarSavingState {
color: var(--colorDarkGrey);
}
#wp-admin-bar-booked .ab-icon:before {
content: "\f508";
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 var(--colorBorder);
} 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 {
-webkit-appearance: none;
height: auto;
font-size: 12px;
display: inline-block;
padding: 0 12px;
background: #eee;
color: #333;
line-height: 30px;
text-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #ccc;
}
body table.booked-calendar input[type=submit],
body table.booked-calendar button {
padding: 13px 20px;
}
@media (min-width: 1200px) {
body table.booked-calendar input[type=submit],
body table.booked-calendar button {
padding: 13px 44px;
min-width: 210px;
}
}
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;
-moz-box-shadow: none;
-webkit-box-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: var(--colorDarkGrey) !important;
}
body table.booked-calendar thead th .page-right i,
body table.booked-calendar thead th .page-left i {
display: none !important;
}
body table.booked-calendar thead th .page-right:hover,
body table.booked-calendar thead th .page-left:hover {
color: var(--colorMain) !important;
right: 0 !important;
}
body table.booked-calendar thead th .page-right:after,
body table.booked-calendar thead th .page-left:after {
position: absolute;
top: 10px;
font-family: "FontAwesome";
font-style: normal;
font-size: 15px;
}
body table.booked-calendar thead th .page-right:after {
content: "\f105";
right: 5px;
}
body table.booked-calendar thead th .page-left:after {
content: "\f104";
left: 5px;
}
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: 900;
height: 30px;
display: inline-block;
color: var(--colorDarkGrey);
font-family: "Roboto", sans-serif;
}
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: transparent;
border-spacing: 0;
width: 100%;
border: none;
border-bottom: 1px solid var(--colorBorder);
}
body table.booked-calendar thead {
background-color: transparent !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: 19px 0 18px;
border-width: 1px;
border-style: solid;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.2em;
}
body table.booked-calendar th .monthName a {
display: none;
}
body table.booked-calendar th .monthName a:hover {
color: rgba(255, 255, 255, 0.5);
}
body table.booked-calendar th .page-left {
width: 50px;
height: 50px;
display: block;
position: absolute;
left: 0 !important;
top: 30px;
}
@media (max-width: 820px) {
body table.booked-calendar th .page-left {
left: 20px;
}
}
body table.booked-calendar th .page-right {
width: 50px;
height: 50px;
display: block;
position: absolute;
right: 0;
top: 30px;
}
@media (max-width: 820px) {
body table.booked-calendar th .page-right {
right: 20px;
}
}
body table.booked-calendar td {
text-align: center;
overflow: hidden;
position: relative;
font-size: 16px;
font-weight: 300;
color: var(--colorFont);
padding: 0;
border-right: 1px solid var(--colorBorder);
}
@media (min-width: 1200px) {
body table.booked-calendar td {
height: 80px !important;
}
body table.booked-calendar td > span {
line-height: 81px !important;
}
}
body table.booked-calendar td:first-child {
border-left: 1px solid var(--colorBorder);
}
body table.booked-calendar td:last-child {
border-right: 1px solid var(--colorBorder);
}
body table.booked-calendar td .date {
background: #f1f1f1;
display: block;
width: 100%;
height: 100%;
}
body table.booked-calendar td .date .number {
display: inline-block;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
width: 50px;
height: 50px;
line-height: 48px;
}
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: var(--colorBorder);
}
body table.booked-calendar tr.week td.active .date {
background: #ddd;
color: var(--colorFont);
}
body table.booked-calendar tr.week td.active .date .number {
border: none;
background: var(--colorMain);
color: var(--colorLight);
line-height: 50px;
}
@media (max-width: 1100px) {
body table.booked-calendar tr.week td.active .date .number {
line-height: 34px;
}
}
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: var(--colorBorder);
}
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: var(--colorLight) !important;
color: var(--colorFont) !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: #a6a6a6;
}
body table.booked-calendar td.next-month:hover .date span,
body table.booked-calendar td.prev-month:hover .date span {
color: #fff;
}
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 table.booked-calendar td.today .date {
color: #000;
}
body table.booked-calendar td.today .date span {
border: 2px solid var(--colorMain2);
color: #000 !important;
}
body table.booked-calendar td.today.prev-date .date span {
color: #ccc !important;
}
body table.booked-calendar td.today:hover .date {
color: #000 !important;
}
body table.booked-calendar td.today:hover .date span {
background: #31afea !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: #ccc !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 .booked-calendar-wrap .booked-appt-list {
font-size: 30px;
line-height: 1;
}
body table.booked-calendar .booked-appt-list {
color: #000;
background: #f2f2f2;
transform: scale(0.95);
padding: 30px 35px 20px;
display: none;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
@media (min-width: 1200px) {
body table.booked-calendar .booked-appt-list {
padding: 40px 55px 40px;
}
}
body .booked-calendar-wrap .booked-appt-list.shown {
transform: scale(1);
}
body .booked-calendar-wrap .booked-appt-list h2 {
text-align: left;
color: #323232;
font-weight: 900;
font-size: 30px;
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 .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 var(--colorBorder);
}
body .booked-calendar-wrap .booked-appt-list .timeslot:last-child {
border-bottom: 1px solid var(--colorBorder);
}
body .booked-calendar-wrap .booked-appt-list .timeslot.faded {
opacity: 0.25;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:hover {
background: #f9f9f9;
}
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(--colorMain2);
font-weight: 400;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-time {
height: 96px;
padding: 25px 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: 400;
color: var(--colorFont);
font-size: 16px;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available {
font-weight: 400;
text-transform: none;
font-size: 16px;
display: inline-block;
line-height: 2.7;
color: var(--colorMain2);
padding-left: 20px;
padding-bottom: 8px;
}
@media (min-width: 1200px) {
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available {
width: 220px;
text-align: right;
padding-left: 0;
}
}
@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 {
color: var(--colorMain2);
font-weight: 600;
}
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: var(--colorLight);
border-width: 2px;
border-style: solid;
}
body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button:hover {
border-width: 2px;
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: var(--colorBorder) !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 var(--colorBorder);
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;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
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: transparent;
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 {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
body .booked-calendarSwitcher.calendar p:before {
position: absolute;
top: 1px;
right: 3px;
color: #fff;
font-family: "FontAwesome";
content: "\f0d7";
}
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 {
-moz-box-shadow: none;
-webkit-box-shadow: none;
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;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
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: #EEEEEE;
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;
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: 0.15;
}
body .booked-list-view.booked-loading .booked-appt-list > h2 {
opacity: 0;
}
body .booked-list-view.booked-loading .booked_list_date_picker_trigger { }
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;
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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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 {
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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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 {
float: left;
margin: 0 10px 0 0;
}
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, 0.15);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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 0.2s;
-webkit-animation: booked-fadein 0.2s;
-moz-animation: booked-fadein 0.2s;
-ms-animation: booked-fadein 0.2s;
-o-animation: booked-fadein 0.2s;
-webkit-backface-visibility: hidden;
position: fixed;
background: #000;
background: rgba(0, 0, 0, 0.65);
top: 0;
right: 0;
bottom: 0;
left: 0;
}
body .booked-modal .bm-window {
animation: booked-flyin 0.2s;
-webkit-animation: booked-flyin 0.2s;
-moz-animation: booked-flyin 0.2s;
-ms-animation: booked-flyin 0.2s;
-o-animation: booked-flyin 0.2s;
-webkit-backface-visibility: hidden;
padding: 43px 0 25px;
width: 450px;
position: relative;
margin: 0 auto;
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 60px rgba(0, 0, 0, 0.5);
}
body .booked-modal.bm-loading .bm-window {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
body .booked-modal.bm-closing .bm-overlay {
animation: booked-fadeout 0.2s;
-webkit-animation: booked-fadeout 0.2s;
-moz-animation: booked-fadeout 0.2s;
-ms-animation: booked-fadeout 0.2s;
-o-animation: booked-fadeout 0.2s;
-webkit-backface-visibility: hidden;
}
body .booked-modal.bm-closing .bm-window {
animation: booked-flyout 0.2s;
-webkit-animation: booked-flyout 0.2s;
-moz-animation: booked-flyout 0.2s;
-ms-animation: booked-flyout 0.2s;
-o-animation: booked-flyout 0.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, 0.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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
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;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
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 {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
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, 0.15);
}
body #booked-profile-page .booked-tabs li a:hover {
background: rgba(0, 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 0.2s;
-webkit-animation: booked-popdown 0.2s;
-moz-animation: booked-popdown 0.2s;
-ms-animation: booked-popdown 0.2s;
-o-animation: booked-popdown 0.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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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%;
-moz-box-sizing: border-box;
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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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;
letter-spacing: 1px;
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, 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;
-moz-border-radius: 0;
-webkit-border-radius: 0;
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;
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
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 0.15s;
-webkit-animation: booked-popflyin 0.15s;
-moz-animation: booked-popflyin 0.15s;
-ms-animation: booked-popflyin 0.15s;
-o-animation: booked-popflyin 0.15s;
background: #fff;
margin-top: 37px;
margin-left: -107px;
width: 230px;
border: 1px solid #d5d5d5;
padding: 8px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 1px 4px rgba(0, 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;
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: 0.7;
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-prev:before {
content: "\f060";
}
#ui-datepicker-div.booked_custom_date_picker .ui-datepicker-header .ui-datepicker-next:before {
content: "\f061";
}
#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: 0px;
}
#ui-datepicker-div.booked_custom_date_picker table.ui-datepicker-calendar tbody td a {
display: block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
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: #ffffff;
}  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 {
-webkit-transition: height 0.15s ease-out;
-moz-transition: height 0.15s ease-out;
-o-transition: height 0.15s ease-out;
transition: height 0.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 {
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
body table.booked-calendar td .date,
body table.booked-calendar td .date span {
-webkit-transition: background 0.15s ease-out, color 0.15s ease-out;
-moz-transition: background 0.15s ease-out, color 0.15s ease-out;
-o-transition: background 0.15s ease-out, color 0.15s ease-out;
transition: background 0.15s ease-out, color 0.15s ease-out;
}
body .booked-list-view .booked-appt-list {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
body .booked-appt-list {
-webkit-transition: transform 0.4s ease-in-out;
-moz-transition: transform 0.4s ease-in-out;
-o-transition: transform 0.4s ease-in-out;
transition: transform 0.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: 30px;
height: 30px;
line-height: 30px;
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: 13px 0 10px;
}
body .booked-calendar-wrap table.booked-calendar thead tr.days th {
font-size: 11px;
padding: 7px 0 5px;
}
body .booked-calendar-wrap table.booked-calendar td {
font-size: 13px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-left {
left: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-right {
right: 10px;
top: 11px;
font-size: 15px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-left:hover {
left: 9px;
}
body .booked-calendar-wrap table.booked-calendar thead th .page-right:hover {
right: 9px;
}
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;
display: block;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
transform: scale(1);
width: 100%;
height: 100%;
vertical-align: middle;
}
body .booked-calendar-wrap table.booked-calendar td.blur .date,
body .booked-calendar-wrap table.booked-calendar td.blur:hover .date {
cursor: default;
background: #EEEEEE;
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;
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;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
body .booked-modal .bm-window .booked-scrollable {
padding: 30px 35px;
}
body .booked-modal .bm-overlay {
background: rgba(0, 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;
}
} p + .progress {
margin-top: -10px;
}
.progress-title + .progress {
margin-top: 10px;
}
.progress {
overflow: visible;
height: 5px;
margin-bottom: 25px;
position: relative;
border-radius: 0;
box-shadow: none;
border: none;
background-color: #f5f5f5;
}
.progress-bar {
float: left;
font-size: 14px;
line-height: 24px;
text-align: center;
background-color: #9fc201;
color: inherit;
box-shadow: none;
height: 5px;
transition: width 0.6s ease;
}
.progress-bar span {
position: absolute;
right: 0;
top: -34px;
font-size: 14px;
font-weight: 500;
}
.progress-title {
font-weight: 500;
font-size: 14px;
line-height: 24px;
}
.progress-level {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2em;
float: right;
position: relative;
}
.alert {
border-radius: 0;
border-width: 0 0 0 4px;
padding: 30px;
margin-bottom: 40px;
}
.media .media-object {
max-width: 100px;
}
.media {
margin-top: 16px;
}
.media:first-child {
margin-top: 0px;
}
.media i {
font-size: 14px;
} .p-05 {
padding: 0.5em;
}
.p-1 {
padding: 1em;
}
.p-2 {
padding: 2em;
}
.p-3 {
padding: 3em;
}
.p-big {
padding: 2em 8%;
}
.pr-05 {
padding-right: 0.5em;
}
.pl-05 {
padding-right: 0.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;
}
.pt-125 {
padding-top: 125px;
}
@media (max-width: 1199px) {
.pt-125 {
padding-top: 75px;
}
}
@media (max-width: 479px) {
.pt-125 {
padding-top: 50px;
}
}
.pb-90 {
padding-bottom: 90px;
}
@media (max-width: 1199px) {
.pb-90 {
padding-bottom: 75px;
}
}
@media (max-width: 479px) {
.pb-90 {
padding-bottom: 50px;
}
}
.pt-0 {
padding-top: 0em;
}
@media (max-width: 767px) {
.pt-0 {
padding-top: calc(0em / 2);
}
}
.pt-1 {
padding-top: 1em;
}
@media (max-width: 767px) {
.pt-1 {
padding-top: calc(1em / 2);
}
}
.pt-2 {
padding-top: 2em;
}
@media (max-width: 767px) {
.pt-2 {
padding-top: calc(2em / 2);
}
}
.pt-3 {
padding-top: 3em;
}
@media (max-width: 767px) {
.pt-3 {
padding-top: calc(3em / 2);
}
}
.pt-4 {
padding-top: 4em;
}
@media (max-width: 767px) {
.pt-4 {
padding-top: calc(4em / 2);
}
}
.pt-5 {
padding-top: 5em;
}
@media (max-width: 767px) {
.pt-5 {
padding-top: calc(5em / 2);
}
}
.pt-6 {
padding-top: 6em;
}
@media (max-width: 767px) {
.pt-6 {
padding-top: calc(6em / 2);
}
}
.pt-7 {
padding-top: 7em;
}
@media (max-width: 767px) {
.pt-7 {
padding-top: calc(7em / 2);
}
}
.pt-8 {
padding-top: 8em;
}
@media (max-width: 767px) {
.pt-8 {
padding-top: calc(8em / 2);
}
}
.pt-9 {
padding-top: 9em;
}
@media (max-width: 767px) {
.pt-9 {
padding-top: calc(9em / 2);
}
}
.pt-10 {
padding-top: 10em;
}
@media (max-width: 767px) {
.pt-10 {
padding-top: calc(10em / 2);
}
}
.pb-0 {
padding-bottom: 0em;
}
@media (max-width: 767px) {
.pb-0 {
padding-bottom: calc(0em / 2);
}
}
.pb-1 {
padding-bottom: 1em;
}
@media (max-width: 767px) {
.pb-1 {
padding-bottom: calc(1em / 2);
}
}
.pb-2 {
padding-bottom: 2em;
}
@media (max-width: 767px) {
.pb-2 {
padding-bottom: calc(2em / 2);
}
}
.pb-3 {
padding-bottom: 3em;
}
@media (max-width: 767px) {
.pb-3 {
padding-bottom: calc(3em / 2);
}
}
.pb-4 {
padding-bottom: 4em;
}
@media (max-width: 767px) {
.pb-4 {
padding-bottom: calc(4em / 2);
}
}
.pb-5 {
padding-bottom: 5em;
}
@media (max-width: 767px) {
.pb-5 {
padding-bottom: calc(5em / 2);
}
}
.pb-6 {
padding-bottom: 6em;
}
@media (max-width: 767px) {
.pb-6 {
padding-bottom: calc(6em / 2);
}
}
.pb-7 {
padding-bottom: 7em;
}
@media (max-width: 767px) {
.pb-7 {
padding-bottom: calc(7em / 2);
}
}
.pb-8 {
padding-bottom: 8em;
}
@media (max-width: 767px) {
.pb-8 {
padding-bottom: calc(8em / 2);
}
}
.pb-9 {
padding-bottom: 9em;
}
@media (max-width: 767px) {
.pb-9 {
padding-bottom: calc(9em / 2);
}
}
.pb-10 {
padding-bottom: 10em;
}
@media (max-width: 767px) {
.pb-10 {
padding-bottom: calc(10em / 2);
}
}
.pl-0 {
padding-left: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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: 0em;
}
.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-05 {
margin-top: 0.5em !important;
}
.mt-15 {
margin-top: 1.5em !important;
}
.mt-0 {
margin-top: 0em !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-05 {
margin-bottom: 0.5em !important;
}
.mb-15 {
margin-bottom: 1.5em !important;
}
.mb-0 {
margin-bottom: 0em !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;
}  a[class*=fa-]:before {
font-family: FontAwesome;
font-size: 14px;
line-height: 1;
}
.small-icons a[class*=fa-]:before {
font-size: 11px;
}
a.social-icon {
font-size: 0;
line-height: 0;
display: inline-block;
text-align: center;
vertical-align: middle;
}
a.social-icon span {
display: block;
font-size: 14px;
text-transform: uppercase;
}
a.social-icon span:first-child {
font-size: 14px;
font-weight: bold;
}
a.social-icon [class*=rt-icon] + span {
font-size: 24px;
margin-top: 8px;
font-weight: bold;
}
a.social-icon + a.social-icon, .tooltip + a.social-icon {
margin-left: 24px;
}
a.social-icon.bg-icon + a.social-icon.bg-icon, .tooltip + a.social-icon.bg-icon, a.social-icon.color-bg-icon + a.social-icon.color-bg-icon, .tooltip + a.social-icon.color-bg-icon, a.social-icon.border-icon + a.social-icon.border-icon, .tooltip + a.social-icon.border-icon {
margin-left: 1px;
}
a.social-icon.block-icon {
width: 100%;
}
a[class*=fa-].rounded-icon {
-webkit-border-radius: 50%;
border-radius: 50%;
}
a.big-icon {
width: 112px;
height: 112px;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}
a.big-icon[class*=fa-]:before {
font-size: 32px;
}
a.big-icon [class*=rt-icon]:before {
font-size: 32px;
} a.color-icon.fa-twitter {
color: #00abef;
}
a.color-icon.fa-telegram {
color: #0088cc;
}
a.color-icon.fa-facebook {
color: #507cbe;
}
a.color-icon.fa-google {
color: #d93e2d;
}
a.color-icon.fa-pinterest {
color: #c92619;
}
a.color-icon.fa-foursquare {
color: #23b7e0;
}
a.color-icon.fa-yahoo {
color: #6e2a85;
}
a.color-icon.fa-skype {
color: #28abe3;
}
a.color-icon.fa-yelp {
color: #c83218;
}
a.color-icon.fa-feedburner {
color: #ffcc00;
}
a.color-icon.fa-linkedin {
color: #3371b7;
}
a.color-icon.fa-viadeo {
color: #e4a000;
}
a.color-icon.fa-xing {
color: #005a60;
}
a.color-icon.fa-myspace {
color: #323232;
}
a.color-icon.fa-soundcloud {
color: #fe3801;
}
a.color-icon.fa-spotify {
color: #7bb342;
}
a.color-icon.fa-grooveshark {
color: #f67e03;
}
a.color-icon.fa-lastfm {
color: #d41316;
}
a.color-icon.fa-youtube {
color: #d12121;
}
a.color-icon.fa-vimeo {
color: #51b5e7;
}
a.color-icon.fa-dailymotion {
color: #004e72;
}
a.color-icon.fa-vine {
color: #00b389;
}
a.color-icon.fa-flickr {
color: #0062dd;
}
a.color-icon.fa-500px {
color: #58a9de;
}
a.color-icon.fa-instagram {
color: #9c7c6e;
}
a.color-icon.fa-wordpress {
color: #464646;
}
a.color-icon.fa-tumblr {
color: #45556c;
}
a.color-icon.fa-blogger {
color: #ec661c;
}
a.color-icon.fa-technorati {
color: #5cb030;
}
a.color-icon.fa-reddit {
color: #e74a1e;
}
a.color-icon.fa-dribbble {
color: #e84d88;
}
a.color-icon.fa-stumbleupon {
color: #e64011;
}
a.color-icon.fa-digg {
color: #1d1d1b;
}
a.color-icon.fa-envato {
color: #597c3a;
}
a.color-icon.fa-behance {
color: #007eff;
}
a.color-icon.fa-delicious {
color: #31a9ff;
}
a.color-icon.fa-deviantart {
color: #c5d200;
}
a.color-icon.fa-forrst {
color: #5b9a68;
}
a.color-icon.fa-play {
color: #5acdbd;
}
a.color-icon.fa-zerply {
color: #9dbc7a;
}
a.color-icon.fa-wikipedia {
color: #000000;
}
a.color-icon.fa-apple {
color: #b9bfc1;
}
a.color-icon.fa-flattr {
color: #f67c1a;
}
a.color-icon.fa-github {
color: #221e1b;
}
a.color-icon.fa-chimein {
color: #888688;
}
a.color-icon.fa-friendfeed {
color: #2f72c4;
}
a.color-icon.fa-newsvine {
color: #075b2f;
}
a.color-icon.fa-identica {
color: #000000;
}
a.color-icon.fa-bebo {
color: #ef1011;
}
a.color-icon.fa-zynga {
color: #dc0606;
}
a.color-icon.fa-steam {
color: #8f8d8a;
}
a.color-icon.fa-xbox {
color: #92c83e;
}
a.color-icon.fa-windows {
color: #00bdf6;
}
a.color-icon.fa-outlook {
color: #0072c6;
}
a.color-icon.fa-coderwall {
color: #3e8dcc;
}
a.color-icon.fa-tripadvisor {
color: #000000;
}
a.color-icon.fa-appnet {
color: #494949;
}
a.color-icon.fa-goodreads {
color: #1abc9c;
}
a.color-icon.fa-tripit {
color: #1982c3;
}
a.color-icon.fa-lanyrd {
color: #3c80c9;
}
a.color-icon.fa-slideshare {
color: #4ba3a6;
}
a.color-icon.fa-buffer {
color: #000000;
}
a.color-icon.fa-rss {
color: #f26109;
}
a.color-icon.fa-vkontakte {
color: #5a7fa6;
}
a.color-icon.fa-disqus {
color: #2e9fff;
}
a.color-icon.fa-houzz {
color: #7cc04b;
}
a.color-icon.fa-mail {
color: #000000;
}
a.color-icon.fa-patreon {
color: #e44727;
}
a.color-icon.fa-paypal {
color: #009cde;
}
a.color-icon.fa-playstation {
color: #000000;
}
a.color-icon.fa-smugmug {
color: #acfd32;
}
a.color-icon.fa-swarm {
color: #fc9d3c;
}
a.color-icon.fa-triplej {
color: #e53531;
}
a.color-icon.fa-yammer {
color: #1175c4;
}
a.color-icon.fa-stackoverflow {
color: #fd9827;
}
a.color-icon.fa-drupal {
color: #00598e;
}
a.color-icon.fa-odnoklassniki {
color: #f48420;
}
a.color-icon.fa-android {
color: #8ec047;
}
a.color-icon.fa-meetup {
color: #e2373c;
}
a.color-icon.fa-persona {
color: #e6753d;
}
a.color-icon.fa-amazon {
color: #ff9900;
}
a.color-icon.fa-ello {
color: #000000;
}
a.color-icon.fa-mixcloud {
color: #314359;
}
a.color-icon.fa-8tracks {
color: #122c4b;
}
a.color-icon.fa-twitch {
color: #6441a5;
}
a.color-icon.fa-airbnb {
color: #ff5a5f;
}
a.color-icon.fa-pocket {
color: #ed4055;
}
a.social-icon.social-icon-facebook:hover svg {
fill: #507cbe;
}
a.social-icon.social-icon-twitter:hover svg {
fill: #0088cc;
}
a.social-icon.social-icon-youtube:hover svg {
fill: #d12121;
}
a.social-icon.social-icon-instagram:hover svg {
fill: #9c7c6e;
}
a.social-icon.social-icon-pinterest:hover svg {
fill: #c92619;
}
a.social-icon.social-icon-linkedin:hover svg {
fill: #3371b7;
}
a.social-icon.social-icon-github:hover svg {
fill: #221e1b;
}
a[class*=fa-].fa-twitter:hover {
color: #00abef;
border-color: #00abef;
}
a[class*=fa-].fa-telegram:hover {
color: #0088cc;
border-color: #0088cc;
}
a[class*=fa-].fa-facebook:hover {
color: #507cbe;
border-color: #507cbe;
}
a[class*=fa-].fa-google:hover {
color: #d93e2d;
border-color: #d93e2d;
}
a[class*=fa-].fa-pinterest:hover {
color: #c92619;
border-color: #c92619;
}
a[class*=fa-].fa-foursquare:hover {
color: #23b7e0;
border-color: #23b7e0;
}
a[class*=fa-].fa-yahoo:hover {
color: #6e2a85;
border-color: #6e2a85;
}
a[class*=fa-].fa-skype:hover {
color: #28abe3;
border-color: #28abe3;
}
a[class*=fa-].fa-yelp:hover {
color: #c83218;
border-color: #c83218;
}
a[class*=fa-].fa-feedburner:hover {
color: #ffcc00;
border-color: #ffcc00;
}
a[class*=fa-].fa-linkedin:hover {
color: #3371b7;
border-color: #3371b7;
}
a[class*=fa-].fa-viadeo:hover {
color: #e4a000;
border-color: #e4a000;
}
a[class*=fa-].fa-xing:hover {
color: #005a60;
border-color: #005a60;
}
a[class*=fa-].fa-myspace:hover {
color: #323232;
border-color: #323232;
}
a[class*=fa-].fa-soundcloud:hover {
color: #fe3801;
border-color: #fe3801;
}
a[class*=fa-].fa-spotify:hover {
color: #7bb342;
border-color: #7bb342;
}
a[class*=fa-].fa-grooveshark:hover {
color: #f67e03;
border-color: #f67e03;
}
a[class*=fa-].fa-lastfm:hover {
color: #d41316;
border-color: #d41316;
}
a[class*=fa-].fa-youtube:hover {
color: #d12121;
border-color: #d12121;
}
a[class*=fa-].fa-vimeo:hover {
color: #51b5e7;
border-color: #51b5e7;
}
a[class*=fa-].fa-dailymotion:hover {
color: #004e72;
border-color: #004e72;
}
a[class*=fa-].fa-vine:hover {
color: #00b389;
border-color: #00b389;
}
a[class*=fa-].fa-flickr:hover {
color: #0062dd;
border-color: #0062dd;
}
a[class*=fa-].fa-500px:hover {
color: #58a9de;
border-color: #58a9de;
}
a[class*=fa-].fa-instagram:hover {
color: #9c7c6e;
border-color: #9c7c6e;
}
a[class*=fa-].fa-wordpress:hover {
color: #464646;
border-color: #464646;
}
a[class*=fa-].fa-tumblr:hover {
color: #45556c;
border-color: #45556c;
}
a[class*=fa-].fa-blogger:hover {
color: #ec661c;
border-color: #ec661c;
}
a[class*=fa-].fa-technorati:hover {
color: #5cb030;
border-color: #5cb030;
}
a[class*=fa-].fa-reddit:hover {
color: #e74a1e;
border-color: #e74a1e;
}
a[class*=fa-].fa-dribbble:hover {
color: #e84d88;
border-color: #e84d88;
}
a[class*=fa-].fa-stumbleupon:hover {
color: #e64011;
border-color: #e64011;
}
a[class*=fa-].fa-digg:hover {
color: #1d1d1b;
border-color: #1d1d1b;
}
a[class*=fa-].fa-envato:hover {
color: #597c3a;
border-color: #597c3a;
}
a[class*=fa-].fa-behance:hover {
color: #007eff;
border-color: #007eff;
}
a[class*=fa-].fa-delicious:hover {
color: #31a9ff;
border-color: #31a9ff;
}
a[class*=fa-].fa-deviantart:hover {
color: #c5d200;
border-color: #c5d200;
}
a[class*=fa-].fa-forrst:hover {
color: #5b9a68;
border-color: #5b9a68;
}
a[class*=fa-].fa-play:hover {
color: #5acdbd;
border-color: #5acdbd;
}
a[class*=fa-].fa-zerply:hover {
color: #9dbc7a;
border-color: #9dbc7a;
}
a[class*=fa-].fa-wikipedia:hover {
color: #000000;
border-color: #000000;
}
a[class*=fa-].fa-apple:hover {
color: #b9bfc1;
border-color: #b9bfc1;
}
a[class*=fa-].fa-flattr:hover {
color: #f67c1a;
border-color: #f67c1a;
}
a[class*=fa-].fa-github:hover {
color: #221e1b;
border-color: #221e1b;
}
a[class*=fa-].fa-chimein:hover {
color: #888688;
border-color: #888688;
}
a[class*=fa-].fa-friendfeed:hover {
color: #2f72c4;
border-color: #2f72c4;
}
a[class*=fa-].fa-newsvine:hover {
color: #075b2f;
border-color: #075b2f;
}
a[class*=fa-].fa-identica:hover {
color: #000000;
border-color: #000000;
}
a[class*=fa-].fa-bebo:hover {
color: #ef1011;
border-color: #ef1011;
}
a[class*=fa-].fa-zynga:hover {
color: #dc0606;
border-color: #dc0606;
}
a[class*=fa-].fa-steam:hover {
color: #8f8d8a;
border-color: #8f8d8a;
}
a[class*=fa-].fa-xbox:hover {
color: #92c83e;
border-color: #92c83e;
}
a[class*=fa-].fa-windows:hover {
color: #00bdf6;
border-color: #00bdf6;
}
a[class*=fa-].fa-outlook:hover {
color: #0072c6;
border-color: #0072c6;
}
a[class*=fa-].fa-coderwall:hover {
color: #3e8dcc;
border-color: #3e8dcc;
}
a[class*=fa-].fa-tripadvisor:hover {
color: #000000;
border-color: #000000;
}
a[class*=fa-].fa-appnet:hover {
color: #494949;
border-color: #494949;
}
a[class*=fa-].fa-goodreads:hover {
color: #1abc9c;
border-color: #1abc9c;
}
a[class*=fa-].fa-tripit:hover {
color: #1982c3;
border-color: #1982c3;
}
a[class*=fa-].fa-lanyrd:hover {
color: #3c80c9;
border-color: #3c80c9;
}
a[class*=fa-].fa-slideshare:hover {
color: #4ba3a6;
border-color: #4ba3a6;
}
a[class*=fa-].fa-buffer:hover {
color: #000000;
border-color: #000000;
}
a[class*=fa-].fa-rss:hover {
color: #f26109;
border-color: #f26109;
}
a[class*=fa-].fa-vkontakte:hover {
color: #5a7fa6;
border-color: #5a7fa6;
}
a[class*=fa-].fa-disqus:hover {
color: #2e9fff;
border-color: #2e9fff;
}
a[class*=fa-].fa-houzz:hover {
color: #7cc04b;
border-color: #7cc04b;
}
a[class*=fa-].fa-mail:hover {
color: #000000;
border-color: #000000;
}
a[class*=fa-].fa-patreon:hover {
color: #e44727;
border-color: #e44727;
}
a[class*=fa-].fa-paypal:hover {
color: #009cde;
border-color: #009cde;
}
a[class*=fa-].fa-playstation:hover {
color: #000000;
border-color: #000000;
}
a[class*=fa-].fa-smugmug:hover {
color: #acfd32;
border-color: #acfd32;
}
a[class*=fa-].fa-swarm:hover {
color: #fc9d3c;
border-color: #fc9d3c;
}
a[class*=fa-].fa-triplej:hover {
color: #e53531;
border-color: #e53531;
}
a[class*=fa-].fa-yammer:hover {
color: #1175c4;
border-color: #1175c4;
}
a[class*=fa-].fa-stackoverflow:hover {
color: #fd9827;
border-color: #fd9827;
}
a[class*=fa-].fa-drupal:hover {
color: #00598e;
border-color: #00598e;
}
a[class*=fa-].fa-odnoklassniki:hover {
color: #f48420;
border-color: #f48420;
}
a[class*=fa-].fa-android:hover {
color: #8ec047;
border-color: #8ec047;
}
a[class*=fa-].fa-meetup:hover {
color: #e2373c;
border-color: #e2373c;
}
a[class*=fa-].fa-persona:hover {
color: #e6753d;
border-color: #e6753d;
}
a[class*=fa-].fa-amazon:hover {
color: #ff9900;
border-color: #ff9900;
}
a[class*=fa-].fa-ello:hover {
color: #000000;
border-color: #000000;
}
a[class*=fa-].fa-mixcloud:hover {
color: #314359;
border-color: #314359;
}
a[class*=fa-].fa-8tracks:hover {
color: #122c4b;
border-color: #122c4b;
}
a[class*=fa-].fa-twitch:hover {
color: #6441a5;
border-color: #6441a5;
}
a[class*=fa-].fa-airbnb:hover {
color: #ff5a5f;
border-color: #ff5a5f;
}
a[class*=fa-].fa-pocket:hover {
color: #ed4055;
border-color: #ed4055;
} .color-bg-icon {
color: #ffffff;
}
.color-bg-icon.fa-twitter,
a.fa-twitter.bg-icon:hover,
.fa-twitter.color-icon.border-icon:hover {
background-color: #00abef;
}
.color-bg-icon.fa-telegram,
a.fa-telegram.bg-icon:hover,
.fa-telegram.color-icon.border-icon:hover {
background-color: #0088cc;
}
.color-bg-icon.fa-facebook,
a.fa-facebook.bg-icon:hover,
.fa-facebook.color-icon.border-icon:hover {
background-color: #507cbe;
}
.color-bg-icon.fa-google,
a.fa-google.bg-icon:hover,
.fa-google.color-icon.border-icon:hover {
background-color: #d93e2d;
}
.color-bg-icon.fa-pinterest,
a.fa-pinterest.bg-icon:hover,
.fa-pinterest.color-icon.border-icon:hover {
background-color: #c92619;
}
.color-bg-icon.fa-foursquare,
a.fa-foursquare.bg-icon:hover,
.fa-foursquare.color-icon.border-icon:hover {
background-color: #23b7e0;
}
.color-bg-icon.fa-yahoo,
a.fa-yahoo.bg-icon:hover,
.fa-yahoo.color-icon.border-icon:hover {
background-color: #6e2a85;
}
.color-bg-icon.fa-skype,
a.fa-skype.bg-icon:hover,
.fa-skype.color-icon.border-icon:hover {
background-color: #28abe3;
}
.color-bg-icon.fa-yelp,
a.fa-yelp.bg-icon:hover,
.fa-yelp.color-icon.border-icon:hover {
background-color: #c83218;
}
.color-bg-icon.fa-feedburner,
a.fa-feedburner.bg-icon:hover,
.fa-feedburner.color-icon.border-icon:hover {
background-color: #ffcc00;
}
.color-bg-icon.fa-linkedin,
a.fa-linkedin.bg-icon:hover,
.fa-linkedin.color-icon.border-icon:hover {
background-color: #3371b7;
}
.color-bg-icon.fa-viadeo,
a.fa-viadeo.bg-icon:hover,
.fa-viadeo.color-icon.border-icon:hover {
background-color: #e4a000;
}
.color-bg-icon.fa-xing,
a.fa-xing.bg-icon:hover,
.fa-xing.color-icon.border-icon:hover {
background-color: #005a60;
}
.color-bg-icon.fa-myspace,
a.fa-myspace.bg-icon:hover,
.fa-myspace.color-icon.border-icon:hover {
background-color: #323232;
}
.color-bg-icon.fa-soundcloud,
a.fa-soundcloud.bg-icon:hover,
.fa-soundcloud.color-icon.border-icon:hover {
background-color: #fe3801;
}
.color-bg-icon.fa-spotify,
a.fa-spotify.bg-icon:hover,
.fa-spotify.color-icon.border-icon:hover {
background-color: #7bb342;
}
.color-bg-icon.fa-grooveshark,
a.fa-grooveshark.bg-icon:hover,
.fa-grooveshark.color-icon.border-icon:hover {
background-color: #f67e03;
}
.color-bg-icon.fa-lastfm,
a.fa-lastfm.bg-icon:hover,
.fa-lastfm.color-icon.border-icon:hover {
background-color: #d41316;
}
.color-bg-icon.fa-youtube,
a.fa-youtube.bg-icon:hover,
.fa-youtube.color-icon.border-icon:hover {
background-color: #d12121;
}
.color-bg-icon.fa-vimeo,
a.fa-vimeo.bg-icon:hover,
.fa-vimeo.color-icon.border-icon:hover {
background-color: #51b5e7;
}
.color-bg-icon.fa-dailymotion,
a.fa-dailymotion.bg-icon:hover,
.fa-dailymotion.color-icon.border-icon:hover {
background-color: #004e72;
}
.color-bg-icon.fa-vine,
a.fa-vine.bg-icon:hover,
.fa-vine.color-icon.border-icon:hover {
background-color: #00b389;
}
.color-bg-icon.fa-flickr,
a.fa-flickr.bg-icon:hover,
.fa-flickr.color-icon.border-icon:hover {
background-color: #0062dd;
}
.color-bg-icon.fa-500px,
a.fa-500px.bg-icon:hover,
.fa-500px.color-icon.border-icon:hover {
background-color: #58a9de;
}
.color-bg-icon.fa-instagram,
a.fa-instagram.bg-icon:hover,
.fa-instagram.color-icon.border-icon:hover {
background-color: #9c7c6e;
}
.color-bg-icon.fa-wordpress,
a.fa-wordpress.bg-icon:hover,
.fa-wordpress.color-icon.border-icon:hover {
background-color: #464646;
}
.color-bg-icon.fa-tumblr,
a.fa-tumblr.bg-icon:hover,
.fa-tumblr.color-icon.border-icon:hover {
background-color: #45556c;
}
.color-bg-icon.fa-blogger,
a.fa-blogger.bg-icon:hover,
.fa-blogger.color-icon.border-icon:hover {
background-color: #ec661c;
}
.color-bg-icon.fa-technorati,
a.fa-technorati.bg-icon:hover,
.fa-technorati.color-icon.border-icon:hover {
background-color: #5cb030;
}
.color-bg-icon.fa-reddit,
a.fa-reddit.bg-icon:hover,
.fa-reddit.color-icon.border-icon:hover {
background-color: #e74a1e;
}
.color-bg-icon.fa-dribbble,
a.fa-dribbble.bg-icon:hover,
.fa-dribbble.color-icon.border-icon:hover {
background-color: #e84d88;
}
.color-bg-icon.fa-stumbleupon,
a.fa-stumbleupon.bg-icon:hover,
.fa-stumbleupon.color-icon.border-icon:hover {
background-color: #e64011;
}
.color-bg-icon.fa-digg,
a.fa-digg.bg-icon:hover,
.fa-digg.color-icon.border-icon:hover {
background-color: #1d1d1b;
}
.color-bg-icon.fa-envato,
a.fa-envato.bg-icon:hover,
.fa-envato.color-icon.border-icon:hover {
background-color: #597c3a;
}
.color-bg-icon.fa-behance,
a.fa-behance.bg-icon:hover,
.fa-behance.color-icon.border-icon:hover {
background-color: #007eff;
}
.color-bg-icon.fa-delicious,
a.fa-delicious.bg-icon:hover,
.fa-delicious.color-icon.border-icon:hover {
background-color: #31a9ff;
}
.color-bg-icon.fa-deviantart,
a.fa-deviantart.bg-icon:hover,
.fa-deviantart.color-icon.border-icon:hover {
background-color: #c5d200;
}
.color-bg-icon.fa-forrst,
a.fa-forrst.bg-icon:hover,
.fa-forrst.color-icon.border-icon:hover {
background-color: #5b9a68;
}
.color-bg-icon.fa-play,
a.fa-play.bg-icon:hover,
.fa-play.color-icon.border-icon:hover {
background-color: #5acdbd;
}
.color-bg-icon.fa-zerply,
a.fa-zerply.bg-icon:hover,
.fa-zerply.color-icon.border-icon:hover {
background-color: #9dbc7a;
}
.color-bg-icon.fa-wikipedia,
a.fa-wikipedia.bg-icon:hover,
.fa-wikipedia.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.fa-apple,
a.fa-apple.bg-icon:hover,
.fa-apple.color-icon.border-icon:hover {
background-color: #b9bfc1;
}
.color-bg-icon.fa-flattr,
a.fa-flattr.bg-icon:hover,
.fa-flattr.color-icon.border-icon:hover {
background-color: #f67c1a;
}
.color-bg-icon.fa-github,
a.fa-github.bg-icon:hover,
.fa-github.color-icon.border-icon:hover {
background-color: #221e1b;
}
.color-bg-icon.fa-chimein,
a.fa-chimein.bg-icon:hover,
.fa-chimein.color-icon.border-icon:hover {
background-color: #888688;
}
.color-bg-icon.fa-friendfeed,
a.fa-friendfeed.bg-icon:hover,
.fa-friendfeed.color-icon.border-icon:hover {
background-color: #2f72c4;
}
.color-bg-icon.fa-newsvine,
a.fa-newsvine.bg-icon:hover,
.fa-newsvine.color-icon.border-icon:hover {
background-color: #075b2f;
}
.color-bg-icon.fa-identica,
a.fa-identica.bg-icon:hover,
.fa-identica.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.fa-bebo,
a.fa-bebo.bg-icon:hover,
.fa-bebo.color-icon.border-icon:hover {
background-color: #ef1011;
}
.color-bg-icon.fa-zynga,
a.fa-zynga.bg-icon:hover,
.fa-zynga.color-icon.border-icon:hover {
background-color: #dc0606;
}
.color-bg-icon.fa-steam,
a.fa-steam.bg-icon:hover,
.fa-steam.color-icon.border-icon:hover {
background-color: #8f8d8a;
}
.color-bg-icon.fa-xbox,
a.fa-xbox.bg-icon:hover,
.fa-xbox.color-icon.border-icon:hover {
background-color: #92c83e;
}
.color-bg-icon.fa-windows,
a.fa-windows.bg-icon:hover,
.fa-windows.color-icon.border-icon:hover {
background-color: #00bdf6;
}
.color-bg-icon.fa-outlook,
a.fa-outlook.bg-icon:hover,
.fa-outlook.color-icon.border-icon:hover {
background-color: #0072c6;
}
.color-bg-icon.fa-coderwall,
a.fa-coderwall.bg-icon:hover,
.fa-coderwall.color-icon.border-icon:hover {
background-color: #3e8dcc;
}
.color-bg-icon.fa-tripadvisor,
a.fa-tripadvisor.bg-icon:hover,
.fa-tripadvisor.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.fa-appnet,
a.fa-appnet.bg-icon:hover,
.fa-appnet.color-icon.border-icon:hover {
background-color: #494949;
}
.color-bg-icon.fa-goodreads,
a.fa-goodreads.bg-icon:hover,
.fa-goodreads.color-icon.border-icon:hover {
background-color: #1abc9c;
}
.color-bg-icon.fa-tripit,
a.fa-tripit.bg-icon:hover,
.fa-tripit.color-icon.border-icon:hover {
background-color: #1982c3;
}
.color-bg-icon.fa-lanyrd,
a.fa-lanyrd.bg-icon:hover,
.fa-lanyrd.color-icon.border-icon:hover {
background-color: #3c80c9;
}
.color-bg-icon.fa-slideshare,
a.fa-slideshare.bg-icon:hover,
.fa-slideshare.color-icon.border-icon:hover {
background-color: #4ba3a6;
}
.color-bg-icon.fa-buffer,
a.fa-buffer.bg-icon:hover,
.fa-buffer.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.fa-rss,
a.fa-rss.bg-icon:hover,
.fa-rss.color-icon.border-icon:hover {
background-color: #f26109;
}
.color-bg-icon.fa-vkontakte,
a.fa-vkontakte.bg-icon:hover,
.fa-vkontakte.color-icon.border-icon:hover {
background-color: #5a7fa6;
}
.color-bg-icon.fa-disqus,
a.fa-disqus.bg-icon:hover,
.fa-disqus.color-icon.border-icon:hover {
background-color: #2e9fff;
}
.color-bg-icon.fa-houzz,
a.fa-houzz.bg-icon:hover,
.fa-houzz.color-icon.border-icon:hover {
background-color: #7cc04b;
}
.color-bg-icon.fa-mail,
a.fa-mail.bg-icon:hover,
.fa-mail.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.fa-patreon,
a.fa-patreon.bg-icon:hover,
.fa-patreon.color-icon.border-icon:hover {
background-color: #e44727;
}
.color-bg-icon.fa-paypal,
a.fa-paypal.bg-icon:hover,
.fa-paypal.color-icon.border-icon:hover {
background-color: #009cde;
}
.color-bg-icon.fa-playstation,
a.fa-playstation.bg-icon:hover,
.fa-playstation.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.fa-smugmug,
a.fa-smugmug.bg-icon:hover,
.fa-smugmug.color-icon.border-icon:hover {
background-color: #acfd32;
}
.color-bg-icon.fa-swarm,
a.fa-swarm.bg-icon:hover,
.fa-swarm.color-icon.border-icon:hover {
background-color: #fc9d3c;
}
.color-bg-icon.fa-triplej,
a.fa-triplej.bg-icon:hover,
.fa-triplej.color-icon.border-icon:hover {
background-color: #e53531;
}
.color-bg-icon.fa-yammer,
a.fa-yammer.bg-icon:hover,
.fa-yammer.color-icon.border-icon:hover {
background-color: #1175c4;
}
.color-bg-icon.fa-stackoverflow,
a.fa-stackoverflow.bg-icon:hover,
.fa-stackoverflow.color-icon.border-icon:hover {
background-color: #fd9827;
}
.color-bg-icon.fa-drupal,
a.fa-drupal.bg-icon:hover,
.fa-drupal.color-icon.border-icon:hover {
background-color: #00598e;
}
.color-bg-icon.fa-odnoklassniki,
a.fa-odnoklassniki.bg-icon:hover,
.fa-odnoklassniki.color-icon.border-icon:hover {
background-color: #f48420;
}
.color-bg-icon.fa-android,
a.fa-android.bg-icon:hover,
.fa-android.color-icon.border-icon:hover {
background-color: #8ec047;
}
.color-bg-icon.fa-meetup,
a.fa-meetup.bg-icon:hover,
.fa-meetup.color-icon.border-icon:hover {
background-color: #e2373c;
}
.color-bg-icon.fa-persona,
a.fa-persona.bg-icon:hover,
.fa-persona.color-icon.border-icon:hover {
background-color: #e6753d;
}
.color-bg-icon.fa-amazon,
a.fa-amazon.bg-icon:hover,
.fa-amazon.color-icon.border-icon:hover {
background-color: #ff9900;
}
.color-bg-icon.fa-ello,
a.fa-ello.bg-icon:hover,
.fa-ello.color-icon.border-icon:hover {
background-color: #000000;
}
.color-bg-icon.fa-mixcloud,
a.fa-mixcloud.bg-icon:hover,
.fa-mixcloud.color-icon.border-icon:hover {
background-color: #314359;
}
.color-bg-icon.fa-8tracks,
a.fa-8tracks.bg-icon:hover,
.fa-8tracks.color-icon.border-icon:hover {
background-color: #122c4b;
}
.color-bg-icon.fa-twitch,
a.fa-twitch.bg-icon:hover,
.fa-twitch.color-icon.border-icon:hover {
background-color: #6441a5;
}
.color-bg-icon.fa-airbnb,
a.fa-airbnb.bg-icon:hover,
.fa-airbnb.color-icon.border-icon:hover {
background-color: #ff5a5f;
}
.color-bg-icon.fa-pocket,
a.fa-pocket.bg-icon:hover,
.fa-pocket.color-icon.border-icon:hover {
background-color: #ed4055;
}
a.social-icon {
color: var(--colorFont);
}
a.border-icon {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 11px 13px;
margin-bottom: 4px;
border-radius: 3px;
}
a.border-icon:before {
font-size: 12px;
line-height: 16px;
}
a.bg-icon {
color: var(--colorLight);
background-color: var(--colorFont);
padding: 11px 13px 12px;
margin-bottom: 4px;
}
a.bg-icon:before {
font-size: 12px;
line-height: 16px;
}
a.social-icon.color-icon:hover {
color: var(--colorDarkGrey);
}
a.social-icon.bg-icon:hover {
color: var(--colorLight);
}
a.color-bg-icon {
color: var(--colorLight);
background-color: var(--colorDarkGrey);
margin-bottom: 4px;
padding: 11px 13px 12px;
}
a.color-bg-icon:before {
font-size: 12px;
line-height: 16px;
}
a.social-icon.color-bg-icon:hover {
background-color: var(--colorBackground);
}
a.color-icon:hover {
color: var(--colorDarkGrey);
}
a.color-icon.border-icon:hover {
color: var(--colorLight);
background-color: var(--colorMain);
border-color: transparent;
}
.demo-icon {
display: inline-block;
text-align: center;
border-bottom: 1px solid var(--colorBorder);
padding: 15px 20px 30px;
margin-bottom: 30px;
}
.demo-icon span {
display: block;
}
.demo-icon .name {
font-size: 1.01em;
font-weight: 700;
}
.demo-icon a[class*=fa-] {
margin: 10px 0 0;
}
.demo-icon a[class*=fa-]:before {
font-size: 24px;
}
[class*=fa-].text-icon:before {
display: none;
}
#tribe-events,
#tribe-events-pg-template,
.tribe-events-pg-template {
padding: 0;
}
h2.tribe-events-list-separator-month,
#tribe-events-header,
.tribe-events-title-bar,
#tribe-events-footer,
.tribe-events-ical.tribe-events-button {
display: none !important;
}
.tribe-events-list .type-tribe_events,
.tribe-events-loop .type-tribe_events.tribe-events-last,
.tribe-events-list .type-tribe_events.tribe-events-first {
border: 2px solid var(--colorBorder);
display: block;
border-radius: 5px;
padding: 0;
}
@media (max-width: 768px) {
.tribe-events-list .type-tribe_events,
.tribe-events-loop .type-tribe_events.tribe-events-last,
.tribe-events-list .type-tribe_events.tribe-events-first {
max-width: 470px;
margin: 0 auto;
}
}
#tribe-events .tribe-events-content p,
.tribe-events-after-html p,
.tribe-events-before-html p {
display: inline;
}
.tribe-events-loop .type-tribe_events.tribe-events-first,
.tribe-events-loop .type-tribe_events,
.tribe-events-list .type-tribe_events.tribe-events-first,
.tribe-events-list .type-tribe_events {
margin-bottom: 20px;
}
.tribe-events-loop .type-tribe_events.tribe-events-last,
.tribe-events-list .type-tribe_events.tribe-events-last {
margin-bottom: 0;
}
.wp-block-group.d-flex .wp-block-group__inner-container {
display: flex;
flex-direction: column;
justify-content: center;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-list-event-title {
font-size: 20px;
color: var(--colorMain3);
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-list-event-title:hover {
color: var(--colorMain2);
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-event-meta {
line-height: 1;
margin: 0;
margin-bottom: 20px;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-event-meta .tribe-event-date-end {
display: none;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-event-cost span {
border: 1px solid var(--colorBorder);
border-radius: 3px;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-content {
padding: 0;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-content p {
line-height: 24px !important;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-content a.tribe-events-read-more {
color: var(--colorMain2);
font-weight: 700;
}
#tribe-events-content .tribe-events-loop .type-tribe_events .tribe-events-content a.tribe-events-read-more:hover {
color: var(--colorMain3);
}
#tribe-events-content .tribe-events-loop .type-tribe_events:nth-child(even) .highlight2 {
color: var(--colorMain);
}
#tribe-events-content .tribe-events-loop .type-tribe_events:nth-child(even) .tribe-events-list-event-title:hover {
color: var(--colorMain);
}
#tribe-events-content .tribe-events-loop .type-tribe_events:nth-child(even) .tribe-events-content a.tribe-events-read-more {
color: var(--colorMain);
}
#tribe-events-content .tribe-events-loop .type-tribe_events:nth-child(even) .tribe-events-content a.tribe-events-read-more:hover {
color: var(--colorMain3);
}
.tribe-events-list .tribe-events-loop .tribe-events-event-image a img {
border-radius: 5px 0 0 5px;
display: block;
}
.tribe-events-list .tribe-events-loop .tribe-events-event-image {
width: 100%;
float: none;
}
@media (min-width: 768px) {
.tribe-events-list .tribe-events-loop .tribe-events-event-image {
width: 41.66666667%;
float: left;
margin: -2px;
}
}
@media (max-width: 768px) {
.tribe-events-loop .tribe-events-content {
float: none;
}
}
.type-tribe_events .item-content {
padding: 20px;
float: none;
width: 100%;
}
@media (min-width: 400px) {
.type-tribe_events .item-content {
padding: 35px;
}
}
@media (min-width: 768px) {
.type-tribe_events .item-content {
width: 58.33333333%;
float: left;
}
}
.type-tribe_events .item-content .tribe-events-venue-details .tribe-address {
display: none;
}
.type-tribe_events .item-content .tribe-events-event-meta {
font-size: 12px;
}
.type-tribe_events .item-content .tribe-events-event-meta .author.location {
display: flex;
justify-content: space-between;
align-items: center;
}
.type-tribe_events .item-content .tribe-events-event-meta .author.location .tribe-events-venue-details {
margin: 0;
}
@media (max-width: 768px) {
.tribe-events-loop .tribe-events-event-meta {
background: transparent;
border: none;
padding: 0;
}
.tribe-events-list .time-details, .tribe-events-list .tribe-event-schedule-details {
padding: 0;
}
.tribe-events-list .tribe-events-venue-details {
border: none;
padding: 0;
}
.tribe-events-list .tribe-events-event-image img {
max-height: 470px;
}
}
.tribe-events-back,
h1.tribe-events-single-event-title {
display: none;
}
#tribe-events-content .tribe_events.type-tribe_events {
border: 1px solid var(--colorBorder);
border-radius: 5px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-image {
margin: -1px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-image img {
border-radius: 5px 5px 0 0;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-schedule__datetime {
margin-bottom: 10px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-schedule__datetime span {
font-size: 16px;
color: var(--colorDarkGrey);
}
#tribe-events-content .tribe_events.type-tribe_events .item-content {
width: 100%;
float: none;
}
#tribe-events-content .tribe_events.type-tribe_events .item-content .tribe-block.tribe-block__venue.tribe-block__venue--has-map {
display: flex;
flex-direction: column-reverse;
}
#tribe-events-content .tribe_events.type-tribe_events .item-content .tribe-block.tribe-block__venue.tribe-block__venue--has-map > div {
width: 100%;
flex-basis: 100%;
}
#tribe-events-content .tribe_events.type-tribe_events .item-content .tribe-block.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__map {
margin-bottom: 20px;
}
#tribe-events-content .tribe_events.type-tribe_events .item-content .tribe-block.tribe-block__venue.tribe-block__venue--has-map .tribe-block__venue__name {
font-size: 20px;
}
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: nowrap;
}
@media (max-width: 767px) {
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container {
flex-wrap: wrap;
}
}
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container .tribe-block.tribe-block__events-link {
width: 50%;
justify-content: end;
}
@media (max-width: 767px) {
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container .tribe-block.tribe-block__events-link {
width: 100%;
justify-content: start;
margin: 4px 0 16px;
}
}
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container .tribe-events-event-meta {
width: 50%;
}
@media (max-width: 767px) {
#tribe-events-content .tribe_events.type-tribe_events .flex-wrap .wp-block-group__inner-container .tribe-events-event-meta {
width: 100%;
}
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta {
background-color: transparent;
border: none;
padding: 0;
margin: 0;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta .column, #tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta .tribe-events-meta-group {
padding: 0;
width: 100%;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta .tribe-events-meta-group-details {
padding: 0;
width: 100%;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta h3.tribe-events-single-section-title {
display: none;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta dl {
font-size: 16px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta dl dt {
color: var(--colorDarkGrey);
display: block;
float: left;
line-height: 24px;
margin-right: 4px;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta dl dd {
line-height: 24px;
display: block;
margin: 0;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-events-event-meta dl dd abbr[title] {
text-decoration: none;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-gcal a img,
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a img {
display: none;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-gcal a,
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a {
align-items: baseline;
background-color: var(--colorMain2);
border: 2px solid var(--colorMain2);
border-radius: 5px;
color: var(--colorLight);
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 1;
margin-top: 0;
margin-bottom: 4px;
margin-right: 5px;
padding: 3px 5px 2px;
position: relative;
text-align: center;
min-width: auto;
min-height: 0;
transition: all 0.4s linear 0s;
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-gcal a:hover,
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a:hover {
background-color: transparent;
color: var(--colorMain2);
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a {
background-color: var(--colorDarkGrey);
border: 2px solid var(--colorDarkGrey);
}
#tribe-events-content .tribe_events.type-tribe_events .tribe-block.tribe-block__events-link .tribe-block__events-ical a:hover {
background-color: transparent;
color: var(--colorDarkGrey);
}
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__address,
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__phone,
.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__website {
font-size: 16px;
color: var(--colorFont);
line-height: 24px;
}
.slider-topline {
padding-top: 15px;
padding-bottom: 15px;
overflow: hidden;
}
@media (min-width: 1200px) {
.slider-topline {
position: absolute;
z-index: 3;
right: 0;
left: 0;
}
}
.slider-topline .slider-topline-wrap {
display: flex;
justify-content: space-between;
}
@media (max-width: 991px) {
.slider-topline .slider-topline-wrap {
flex-wrap: wrap;
justify-content: center;
}
}
@media (max-width: 767px) {
.slider-topline .slider-topline-wrap .inline-teasers-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline {
margin-right: 26px;
margin-top: 10px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline {
min-width: 270px;
}
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline .svg-icon {
width: 60px;
height: 60px;
line-height: 60px;
padding: 0;
text-align: center;
border: 2px solid var(--colorMain);
border-radius: 50%;
font-size: 14px;
transition: all 0.2s ease-in-out 0s;
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline .svg-icon:hover {
animation: scaleDisappear 0.5s;
}
@keyframes scaleDisappear {
0% {
opacity: 1;
transform: scale(1);
}
60% {
opacity: 0;
transform: scale(1.3);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline .body .title {
font-size: 14px;
font-weight: 500;
line-height: 1;
margin: 0;
}
.slider-topline .slider-topline-wrap .inline-teasers-wrap .icon-inline .body .text {
font-size: 14px;
font-weight: 300;
line-height: 1.2;
color: #cbcbcb;
}
.slider-topline .slider-topline-button {
display: flex;
align-items: center;
}
.slider-topline .slider-topline-button .theme_button {
margin: 0;
}
.header-absolute-wrap + .page_slider.intro_section .slide_description_wrapper {
padding-top: 80px;
}
.page_slider.intro_section {
position: relative;
min-height: 60vh;
background: #555;
}
.page_slider.intro_section .animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.page_slider.intro_section .animated.hinge {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}
.page_slider.intro_section .pullUp {
animation-name: pullUp;
-webkit-animation-name: pullUp;
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%;
}
.page_slider.intro_section .delay-2s {
animation-delay: 0.2s;
}
.page_slider.intro_section .delay-3s {
animation-delay: 0.3s;
}
.page_slider.intro_section .delay-4s {
animation-delay: 0.4s;
}
@keyframes pullUp {
0% {
transform: scaleY(0.1);
opacity: 0;
}
40% {
transform: scaleY(1.02);
}
60% {
transform: scaleY(0.98);
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(0.98);
opacity: 1;
}
80% {
transform: scaleY(1.01);
}
100% {
transform: scaleY(1);
}
}
@-webkit-keyframes pullUp {
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);
opacity: 1;
}
80% {
-webkit-transform: scaleY(1.01);
}
100% {
-webkit-transform: scaleY(1);
}
}
.page_slider.intro_section .flexslider .slides > li {
position: relative;
}
.page_slider.intro_section li .slide-pre-heading {
font-size: 32px;
font-weight: 300;
line-height: 1;
font-style: normal;
text-transform: uppercase;
margin: 0;
position: relative;
word-break: break-word;
}
@media (max-width: 767px) {
.page_slider.intro_section li .slide-pre-heading::before {
display: none;
}
}
.page_slider.intro_section li .slide-heading {
font-size: 32px;
line-height: 1;
font-weight: 700;
margin: 0;
text-transform: uppercase;
position: relative;
word-break: break-word;
margin-bottom: 20px;
}
.page_slider.intro_section li .slide-description {
color: var(--colorFontLight);
font-size: 14px;
font-weight: 300;
}
.page_slider.intro_section li .theme_button {
margin-top: 3em;
}
.page_slider.intro_section {
position: relative;
clear: both;
}
.page_slider.intro_section > img {
width: 100%;
}
.page_slider.intro_section.i {
color: var(--colorLight);
}
.page_slider.intro_section .slides > li {
position: relative;
overflow: hidden;
}
.page_slider.intro_section.i img {
opacity: 0.3;
}
.page_slider.intro_section .flexslider:before, .page_slider.intro_section .flexslider:after {
content: "";
display: block;
clear: both;
}
.page_slider.intro_section .flexslider .intro-layer img {
width: auto;
display: inline-block;
}
@media (max-width: 767px) {
.page_slider.intro_section .flexslider li img {
min-height: 550px;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .flexslider li img {
min-height: 600px;
object-fit: cover;
object-position: center;
}
}
.page_slider.intro_section.blog_slider {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.page_slider.intro_section.blog_slider {
margin-bottom: 70px;
}
.page_slider.intro_section.blog_slider .slides > li {
max-height: 600px;
}
}
.page_slider.intro_section.blog_slider img {
opacity: 0.2;
}
.page_slider.intro_section .flexslider .container,
.page_slider.intro_section img + .container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.page_slider.intro_section [class*=col-] {
position: static;
min-height: 0;
}
.page_slider.intro_section .slide_description_wrapper {
bottom: 0;
font-size: 0;
height: 100%;
left: 0;
padding: 30px 0;
position: absolute;
right: 0;
top: 0;
z-index: 5;
display: block;
}
@media (min-width: 600px) {
.boxed .page_slider.intro_section .slide_description_wrapper {
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 992px) {
.page_slider.intro_section .slide_description_wrapper {
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .slide_description_wrapper {
text-align: center;
}
}
@media (max-width: 1350px) {
.page_slider.intro_section .slide_description_wrapper {
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 992px) {
.page_slider.intro_section .slide_description {
font-size: 20px;
line-height: 30px;
}
}
.page_slider.intro_section .slide_description {
font-size: 16px;
}
.page_slider.intro_section .slide_description_wrapper:before,
.page_slider.intro_section .slide_description {
display: inline-block;
vertical-align: middle;
}
.page_slider.intro_section .slide_description_wrapper:before {
content: "";
display: inline-block;
width: 0;
height: 100%;
}
.page_slider.intro_section .slide_description_wrapper.slide_text_top:before {
vertical-align: top;
}
.page_slider.intro_section h2 {
line-height: 0.8;
margin-bottom: 0.6em;
margin-top: 0.27em;
}
.page_slider.intro_section p {
margin-bottom: 3em;
}
@media (min-width: 992px) {
.page_slider.intro_section .flex-control-nav {
position: absolute;
bottom: 50px;
}
}
@media (min-width: 1600px) {
.page_slider.intro_section .flex-control-nav {
bottom: 18%;
}
}
@media (min-width: 992px) {
.page_slider.intro_section li .slide-pre-heading {
font-size: 40px;
}
.page_slider.intro_section li .slide-heading {
font-size: 40px;
line-height: 1;
}
.page_slider.intro_section li .slide-description {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.page_slider.intro_section li .slide-pre-heading {
font-size: 60px;
}
.page_slider.intro_section li .slide-heading {
font-size: 60px;
}
.page_slider.intro_section li .slide-description {
font-size: 20px;
}
}
@media (min-width: 1450px) {
.page_slider.intro_section .slide_description_wrapper.slide_text_top {
padding-top: 130px;
}
.boxed .page_slider.intro_section .slide_description_wrapper.slide_text_top {
padding-top: 40px;
}
.page_slider.intro_section.blog_slider .slide_description_wrapper {
padding-top: 0;
}
}
.page_slider.intro_section .with_corner_border:before,
.page_slider.intro_section .with_corner_border:after,
.page_slider.intro_section .bottom_corners {
display: none;
}
@media (min-width: 640px) {
.page_slider.intro_section .with_corner_border:before,
.page_slider.intro_section .with_corner_border:after,
.page_slider.intro_section .bottom_corners {
display: block;
}
}
.with_padding {
padding: 10px;
}
@media (min-width: 400px) {
.with_padding {
padding: 35px;
}
}
@media (min-width: 1200px) {
.with_padding.big-padding,
.with_padding.huge-padding {
padding: 55px;
}
}
@media (min-width: 1600px) {
.with_padding.huge-padding {
padding: 70px 80px;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .slide_description_wrapper {
padding: 0;
position: static;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .slide_description {
display: inline-block;
margin: auto;
padding: 40px 0;
text-align: center;
}
}
@media (max-width: 991px) {
.page_slider.intro_section .flex-control-nav {
bottom: 20px;
}
}
@media (min-width: 1200px) {
.page_slider.intro_section .slide_description_wrapper {
padding-top: 140px;
}
}
.page_slider.intro_section .flexslider .flex-control-nav {
right: 0;
}
@media (min-width: 1199px) {
.page_slider.intro_section .flexslider .flex-control-nav {
width: 12px;
top: calc(50% + 55px);
bottom: auto;
left: auto;
line-height: 1;
transform: translateY(-50%);
margin: 0;
}
.page_slider.intro_section .flexslider .flex-control-nav li {
padding: 5px 0;
margin: 0;
}
}
@media (min-width: 1199px) and (min-width: 1200px) {
.page_slider.intro_section .flexslider .flex-control-nav {
right: 2%;
}
}
@media (min-width: 1199px) and (min-width: 1600px) {
.page_slider.intro_section .flexslider .flex-control-nav {
right: 9%;
}
}
.page_slider.intro_section .flexslider .flex-control-nav {
display: none;
}
.page_slider.intro_section .flexslider .flex-direction-nav {
opacity: 0;
transition: all 0.5s ease-in-out;
}
@media (min-width: 1600px) {
.page_slider.intro_section .flexslider .flex-direction-nav .flex-prev {
left: 30px;
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next {
right: 30px;
}
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-prev,
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next {
min-width: 70px;
min-height: 70px;
border-radius: 50%;
overflow: hidden;
background: rgba(0, 0, 0, 0.1);
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-prev::before,
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next::before {
content: "";
display: inline-block;
position: relative;
top: calc(50% - 8px);
width: 12px;
height: 12px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #ffffff;
border-color: var(--colorLight);
transform: rotate(-135deg);
left: 4px;
transition: all 0.4s linear 0s;
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-prev:hover::before,
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next:hover::before {
border-color: var(--colorMain);
}
.page_slider.intro_section .flexslider .flex-direction-nav .flex-next::before {
content: "";
display: inline-block;
position: relative;
top: calc(50% - 8px);
width: 12px;
height: 12px;
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #ffffff;
border-color: var(--colorLight);
transform: rotate(45deg);
left: -2px;
}
@media (max-width: 767px) {
.page_slider.intro_section .flexslider .flex-direction-nav {
display: none;
}
}
.page_slider.intro_section .flexslider:hover .flex-direction-nav {
opacity: 1;
}
.scroll-icon {
visibility: visible !important;
position: absolute;
bottom: 9%;
left: 50%;
font-size: 15px;
text-transform: uppercase;
text-align: center;
z-index: 10;
animation: intro-scroll 0.5s linear, floating 1.5s infinite;
}
.scroll-icon .intro-scroll {
animation-name: intro-scroll;
-webkit-animation-name: intro-scroll;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-iteration-count: linear;
-webkit-animation-iteration-count: linear;
}
@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% {
transform: translate(-50%, 0%);
}
50% {
transform: translate(-50%, 8%);
}
100% {
transform: translate(-50%, 0%);
}
}
@-webkit-keyframes floating {
0% {
transform: translate(-50%, 0%);
}
50% {
transform: translate(-50%, 8%);
}
100% {
transform: translate(-50%, 0%);
}
}
.scroll-icon i {
font-size: 32px;
display: block;
margin: 0 auto 10px;
color: var(--colorDarkGrey);
}
.scroll-icon a {
color: var(--colorFont);
}
.scroll-icon a:hover {
color: var(--colorDarkGrey);
}
@media (max-width: 991px) {
.scroll-icon {
display: none;
}
}
button.gm-ui-hover-effect,
button.gm-control-active {
min-width: 0;
}
.main-hover a:hover {
color: var(--colorMain) !important;
}
.darkgrey-hover a:hover {
color: var(--colorDarkGrey) !important;
}
.light-hover a:hover {
color: var(--colorLight) !important;
}
.hover-arrow-theme-style .swiper-slide .swiper-slide-inner::before {
background-color: rgba(48, 48, 48, 0.5);
bottom: 0;
content: "";
filter: alpha(opacity=0);
left: 0;
opacity: 1;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
display: block;
width: 100%;
height: 100%;
border-radius: 5px;
border: none;
}
.hover-arrow-theme-style .swiper-slide .swiper-slide-inner:hover::before {
opacity: 0;
}
@media (min-width: 1200px) {
.hover-arrow-theme-style .elementor-swiper-button-prev,
.hover-arrow-theme-style .elementor-swiper-button-next {
width: 204px;
height: 136px;
align-items: center;
justify-content: center;
transition: all 0.2s ease-in-out 0s;
}
.hover-arrow-theme-style .elementor-swiper-button-prev:hover,
.hover-arrow-theme-style .elementor-swiper-button-next:hover {
color: var(--colorMain2) !important;
}
.hover-arrow-theme-style .elementor-swiper-button-prev {
left: 0 !important;
}
.hover-arrow-theme-style .elementor-swiper-button-next {
right: 0 !important;
}
}
.hover-arrow-theme-style.elementor-widget-image-carousel .swiper-container .swiper-slide figure {
line-height: 0 !important;
}
.title-hover:hover .elementor-image-box-title a {
color: var(--colorLight) !important;
}
@media (min-width: 400px) {
.img-top-margin .premium-carousel-template .elementor-widget-wrap.elementor-element-populated {
padding-top: 55px !important;
}
.img-top-margin .premium-carousel-template .premium-testimonial-img-wrapper.circle {
margin-top: -55px;
}
}
.logo-hover .swiper-slide-image {
opacity: 0.2;
transition: all 0.2s ease-in-out 0s;
}
.logo-hover .swiper-slide-image:hover {
opacity: 1;
}
@media (min-width: 1200px) {
form.wpcf7-form .input-wrap {
display: flex;
}
form.wpcf7-form .input-wrap > span {
width: 50%;
}
form.wpcf7-form .input-wrap > span:first-child {
padding-right: 15px;
}
form.wpcf7-form .input-wrap > span:last-child {
padding-left: 15px;
}
form.wpcf7-form .checkbox-wrap {
display: flex;
}
form.wpcf7-form .checkbox-wrap > span {
width: 50%;
}
form.wpcf7-form .checkbox-wrap > span .wpcf7-list-item {
margin-left: 0 !important;
font-weight: 400;
}
form.wpcf7-form .checkbox-wrap > span:first-child {
padding-right: 15px;
margin-bottom: 0;
}
form.wpcf7-form .checkbox-wrap > span:last-child {
padding-left: 15px;
margin-bottom: 0;
}
}
@media (max-width: 1199px) {
form.wpcf7-form .input-wrap > span input,
form.wpcf7-form .checkbox-wrap > span input {
width: 100%;
margin-bottom: 30px !important;
}
}
form.wpcf7-form .input-wrap span input,
form.wpcf7-form .input-wrap span textarea {
width: 100%;
}
.wpcf7 form .wpcf7-response-output {
margin-left: 0;
margin-right: 0;
}
.elementor-column.media-links .elementor-widget-wrap:hover a img {
opacity: 1;
filter: brightness(70%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.elementor-column.border-top .elementor-widget-wrap a img {
border-radius: 5px 5px 0 0;
}
.border-top.elementor-widget-image a img {
border-radius: 5px 5px 0 0;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title {
border: 1px solid var(--colorMain) !important;
position: relative;
transition: all 0.15s ease-in-out 0s;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
background-color: var(--colorMain) !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover {
background-color: var(--colorMain) !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-title,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-icon .elementor-accordion-icon-closed svg,
.acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover .elementor-accordion-icon .elementor-accordion-icon-opened svg, .acc-theme-style .elementor-accordion .elementor-accordion-item .elementor-tab-title:hover::before {
color: var(--colorLight) !important;
fill: var(--colorLight) !important;
}
.acc-theme-style .elementor-accordion .elementor-accordion-item + .elementor-accordion-item {
margin-top: 10px;
}
span.ol-marker {
color: var(--colorMain2);
margin-right: 20px;
font-weight: 500;
}
.align-flex-start .premium-testimonial-box .premium-testimonial-author-info {
align-items: flex-start !important;
}
.elementor-tabs .elementor-tabs-wrapper {
display: flex !important;
}
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
line-height: 21px;
font-size: 14px;
padding: 10px;
text-transform: none;
font-weight: 500;
margin-top: 0;
margin-bottom: 0;
border: 1px solid #ddd;
border-bottom: none;
background-color: transparent;
color: var(--colorFont);
border-radius: 3px 3px 0 0;
position: relative;
margin-right: 4px;
}
@media (min-width: 768px) {
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
padding: 12px 28px;
}
}
@media (min-width: 1200px) {
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
padding: 14px 45px;
}
}
.elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active, .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:hover {
border: 1px solid var(--colorMain2);
border-bottom: none;
background-color: var(--colorMain2);
color: var(--colorLight) !important;
}
.elementor-tabs .elementor-tabs-content-wrapper {
background-color: transparent !important;
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
border: 2px solid var(--colorBorder) !important;
border-radius: 0 0 3px 3px;
padding: 30px 20px !important;
position: relative;
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content::before {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -2px;
height: 7px;
background-color: var(--colorMain2);
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content { }
@media (min-width: 400px) {
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content {
padding: 35px !important;
}
}
.elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title {
display: none;
}
.team-hover.elementor-widget-ha-member .elementor-widget-container:hover .ha-member-figure img {
filter: brightness(70%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}
.border-top.elementor-widget-ha-member .elementor-widget-container .ha-member-figure img {
border-radius: 5px 5px 0 0;
}
.piecharts-theme-style .premium-progressbar-circle-content {
display: flex;
}
.piecharts-theme-style .premium-progressbar-circle-content .premium-progressbar-left-label {
order: 2;
margin-top: 0.2em !important;
margin-bottom: 0.7em !important;
}
.piecharts-theme-style .premium-progressbar-circle-content .premium-progressbar-right-label {
margin: 0 !important;
line-height: 1 !important;
}
.gallery-title-hover .pa-gallery-img.style3 .premium-gallery-caption .premium-gallery-img-name {
transition: all 0.3s ease-in-out;
}
.gallery-title-hover .pa-gallery-img.style3:hover .premium-gallery-caption .premium-gallery-img-name {
color: var(--colorMain2) !important;
}
.premium-blog-wrap .premium-blog-entry-meta {
display: flex;
flex-wrap: wrap;
}
.premium-blog-wrap .premium-blog-entry-meta > div {
width: 100%;
margin-bottom: 4px;
}
.premium-blog-wrap .premium-blog-entry-meta > span {
display: none;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data i {
display: none;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author {
order: 2;
font-size: 13px !important;
font-weight: 400 !important;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author a {
color: var(--colorMain) !important;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author a span {
transition: all 0.3s ease-in-out !important;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author a span::before {
content: "by";
margin-right: 0.1em;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-author a:hover {
color: var(--colorDark) !important;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-time {
order: 1;
text-transform: uppercase;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-categories {
margin-top: 14px;
order: 3;
}
.premium-blog-wrap .premium-blog-entry-meta .premium-blog-meta-data.premium-blog-post-comments {
order: 4;
}
.blog-theme-style .premium-blog-thumb-effect-wrapper .premium-blog-thumbnail-container img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.blog-theme-style .premium-blog-content-wrapper {
position: relative;
}
.blog-theme-style .premium-blog-content-wrapper::before {
content: "";
display: block;
position: absolute;
top: 0px;
height: 5px;
left: 0px;
right: 0px;
background-color: var(--colorMain);
background-image: -webkit-linear-gradient(135deg, var(--colorDarkGrey) 15%, var(--colorMain) 15%, var(--colorMain) 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 65%, var(--colorMain) 65%, var(--colorMain));
background-image: linear-gradient(-45deg, var(--colorDarkGrey) 15%, var(--colorMain) 15%, var(--colorMain) 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 65%, var(--colorMain) 65%, var(--colorMain));
background-size: 8px 8px;
}
.testimonials-custom-style .jltma-team-member-content {
display: flex;
flex-direction: column;
}
.testimonials-custom-style .jltma-team-member-content .jltma-team-member-about {
order: 0;
}
.testimonials-custom-style .jltma-team-member-content .jltma-team-member-name {
order: 1;
}
.testimonials-custom-style .jltma-team-member-content .jltma-team-member-designation {
order: 2;
}
.testimonials-custom-style .jltma-team-member-thumb img {
border-radius: 50%;
border: 4px solid var(--colorMain);
}
.text-hover-visible .elementor-text-editor {
color: transparent;
transition: all 0.3s ease;
}
.elementor-element.elementor-column:hover .text-hover-visible .elementor-text-editor {
color: inherit;
}
.slider-timeline .jltma-team-member-content {
display: flex;
flex-wrap: wrap;
}
.slider-timeline .jltma-team-member-content .jltma-team-member-name {
width: 100%;
order: 3;
}
.slider-timeline .jltma-team-member-content .jltma-team-member-about {
width: 100%;
order: 1;
}
.team-slider-theme .jltma-team-carousel-wrapper.swiper-container {
padding: 0 !important;
margin: 0 !important;
}
.team-slider-theme .jltma-team-member-thumb img {
margin-bottom: -10px;
}
@media (min-width: 768px) {
.team-slider-theme .jltma-team-member-thumb img {
min-height: 550px;
object-fit: cover;
}
}
@media (min-width: 1200px) {
.team-slider-theme .jltma-team-member-thumb {
pointer-events: none;
}
.team-slider-theme .jltma-team-member-thumb::before {
content: "team";
word-break: unset;
text-transform: uppercase;
position: absolute;
color: rgba(255, 195, 38, 0.1);
font-size: 320px;
font-weight: 600;
letter-spacing: -7.5px;
line-height: 1;
left: -304px;
top: 50%;
text-indent: 3.5px;
transform: translateY(-50%) rotate(-90deg);
margin-top: 0;
margin-bottom: 0;
z-index: 4;
}
}
@media (min-width: 768px) {
.team-slider-theme .jltma-team-member-content {
position: absolute;
width: auto;
max-width: 350px;
right: 0;
left: 6%;
top: 50%;
transform: translateY(-50%);
z-index: 4;
}
}
@media (min-width: 768px) and (min-width: 1600px) {
.team-slider-theme .jltma-team-member-content {
left: 20%;
}
}
.team-slider-theme-right .jltma-team-carousel-wrapper.swiper-container {
padding: 0 !important;
margin: 0 !important;
}
.team-slider-theme-right .jltma-team-member-thumb img {
margin-bottom: -10px;
}
@media (min-width: 768px) {
.team-slider-theme-right .jltma-team-member-thumb img {
min-height: 550px;
object-fit: cover;
}
}
@media (min-width: 1200px) {
.team-slider-theme-right .jltma-team-member-thumb {
pointer-events: none;
}
.team-slider-theme-right .jltma-team-member-thumb::before {
content: "team";
word-break: unset;
text-transform: uppercase;
position: absolute;
color: rgba(255, 195, 38, 0.1);
font-size: 320px;
font-weight: 600;
letter-spacing: -7.5px;
line-height: 1;
right: -304px;
top: 50%;
text-indent: 3.5px;
transform: translateY(-50%) rotate(90deg);
margin-top: 0;
margin-bottom: 0;
z-index: 4;
}
}
@media (min-width: 768px) {
.team-slider-theme-right .jltma-team-member-content {
position: absolute;
width: auto;
max-width: 350px;
right: 6%;
top: 50%;
transform: translateY(-50%);
z-index: 4;
}
}
@media (min-width: 768px) and (min-width: 1350px) {
.team-slider-theme-right .jltma-team-member-content {
right: 20%;
}
}
@media (min-width: 1200px) {
.img-after-arrow::after {
content: "";
background-image: url(//auto-franjo.hr/wp-content/themes/towy/assets/img/right_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 160px;
z-index: 4;
bottom: -100px;
right: 40px;
}
.img-after-arrow-left::after {
content: "";
background-image: url(//auto-franjo.hr/wp-content/themes/towy/assets/img/left_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 160px;
z-index: 4;
bottom: -100px;
left: 40px;
}
.img-after-arrow-top::after {
content: "";
background-image: url(//auto-franjo.hr/wp-content/themes/towy/assets/img/left_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 160px;
z-index: 4;
transform: rotate(90deg);
right: -10px;
top: -30px;
}
.img-after-arrow-bottom::after {
content: "";
background-image: url(//auto-franjo.hr/wp-content/themes/towy/assets/img/left_arrow.png);
background-repeat: no-repeat;
position: absolute;
display: block;
width: 34px;
height: 160px;
z-index: 4;
transform: rotate(-90deg);
right: -24px;
top: 170px;
}
}
.swiper-slide-inner img {
margin-bottom: -10px;
}
.button-transition a {
transition: all 0.3s ease-in-out !important;
}
.shadow-img .elementor-image img {
box-shadow: 20px 20px 0 0 rgba(24, 24, 24, 0.1);
}
.zebra-top {
position: relative;
}
.zebra-top::before {
content: "";
display: block;
position: absolute;
top: 0px;
height: 5px;
left: 0px;
right: 0px;
background-color: var(--colorMain);
background-image: -webkit-linear-gradient(135deg, var(--colorDarkGrey) 15%, var(--colorMain) 15%, var(--colorMain) 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 65%, var(--colorMain) 65%, var(--colorMain));
background-image: linear-gradient(-45deg, var(--colorDarkGrey) 15%, var(--colorMain) 15%, var(--colorMain) 50%, var(--colorDarkGrey) 50%, var(--colorDarkGrey) 65%, var(--colorMain) 65%, var(--colorMain));
background-size: 8px 8px;
}
.zebra-top.zebra-with-border::before {
left: -2px;
right: -2px;
} #elementor-add-new-section .elementor-add-new-section .elementor-add-section-area-button[type=button] {
background-color: var(--e-a-bg-active);
border: unset;
border-radius: 50%;
box-shadow: unset;
color: var(--e-a-color-black);
display: flex;
font-size: 16px;
height: 40px;
outline: unset;
padding: 12px;
transition: var(--e-a-transition-hover);
width: 40px;
min-width: auto;
}
.elementor-editor-active #elementor-add-new-section .elementor-add-section-back,
.elementor-editor-active #elementor-add-new-section .elementor-add-section-close {
border-radius: 50%;
box-shadow: unset;
color: var(--e-a-color-txt);
cursor: pointer;
font-size: 20px;
inset-block-start: 40px;
line-height: 1;
position: absolute;
background-color: transparent;
border: none;
padding: 0;
}
.elementor-editor-active #elementor-add-new-section .elementor-add-section-back,
.elementor-editor-active #elementor-add-new-section .elementor-add-section-close,
.elementor-editor-active #elementor-add-new-section .flex-preset-button,
.elementor-editor-active #elementor-add-new-section .grid-preset-button,
#elementor-add-new-section .e-con-select-preset__list .e-con-preset {
background-color: transparent;
border: unset;
border-radius: unset;
box-shadow: unset;
color: var(--e-a-color-txt);
margin: unset;
outline: unset;
padding: unset;
text-shadow: unset;
min-width: auto;
}
.elementor-editor-active #elementor-add-new-section.elementor-add-section[data-view=choose-action] .elementor-add-section-back,
.elementor-editor-active #elementor-add-new-section.elementor-add-section[data-view=select-preset] .elementor-add-section-back,
.elementor-editor-active #elementor-add-new-section.elementor-add-section[data-view=select-type] .elementor-add-section-back {
display: none;
}
.error404 #title,
.error404 #footer-top,
.error404 #footer {
display: none;
}
.error404 #copyright {
background-image: none !important;
background: var(--colorLight);
}
.error404 #box {
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
display: flex;
flex-direction: column;
min-height: 100vh;
}
#main.section-404 {
background-repeat: no-repeat;
background-size: cover;
flex: 1 0 auto;
min-height: 100vh;
}
#main.section-404 .theme_button.color2 {
background-color: var(--colorMain);
border-color: var(--colorMain);
color: var(--colorLight);
}
#main.section-404 .theme_button.color2:hover {
color: var(--colorMain);
background-color: transparent;
}
p.not_found {
color: var(--colorMain);
position: relative;
font-size: 130px;
font-weight: 700;
line-height: 0.8;
margin-bottom: 30px;
}
@media (min-width: 768px) {
p.not_found {
font-size: 300px;
margin-bottom: 45px;
}
}
p.not_found .oops {
font-size: 14px;
font-weight: 900;
left: 50%;
position: absolute;
-webkit-text-fill-color: var(--colorLight);
text-transform: uppercase;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
text-indent: -8px;
}
@media (min-width: 768px) {
p.not_found .oops {
font-size: 35px;
}
}
p.not_found + h3 {
text-transform: uppercase;
font-weight: 700;
font-size: 35px;
margin: 0 0 30px;
color: var(--colorLight);
}
@media (min-width: 992px) {
.text-md-right {
text-align: right;
}
}