/*
Theme name: Qtheme
Theme url: http://www.craqdesignstudio.it
Version: 9.0
Author: <a href="http://www.craqdesignstudio.it" title="Craq Design Studio">Craq Design Studio</a>
Author url: http://www.craqdesignstudio.it
*/

/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Global
    1.1 Main Rules
    1.2 Font Size
    1.3 Global Classes
    1.4 Loading Wrap
    1.5 Entry Content
2.0  Forms
    2.1 Input
    2.2 Select
    2.3 Checkbox & Radio
    2.4 Date Picker
    2.5 Submit
    2.6 CF7
3.0  Cookies Banner
4.0  Header
    4.1 Social Links
    4.2 Language Switch
    4.3 Search Form
    4.4 Mobile Icon
    4.5 Mobile Menu
    4.6 Wide Menu
5.0 Buttons
    5.1 Regular
    5.2 Raised & Conversion
    5.3 Material
6.0 Gallery
    6.1 Slider
    6.2 Gallery
7.0 Pages
    7.1 Header
    7.2 Page #404
8.0 Archive
    8.1 Filters
    8.2 Archive Navigation
9.0 Footer
10.0 Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Global
--------------------------------------------------------------*/
body {
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0 0 2rem;
    padding: 3rem 0 0;
    line-height: 1em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    padding-top: 0;
}

b,
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

sup {
    vertical-align: text-top;
    font-size: 0.6rem;
}

sub {
    font-size: 0.6rem;
}

p {
    margin: 1.5rem 0 0;
}

a {
    text-decoration: none;
    transition: 0.5s ease;
}

/* ! DEBUG ! */
/* Non sentite il bisogno di avere queste due righe!?! */
/**
*, *:before, *:after {
	box-sizing: border-box;
}
/**/

/* 1.1 Font Size
----------------------*/
html {
    font-size: 62.5%;
}

/* ! DEBUG ! */
/* Uncomment following lines, starting from the lower one, to keep enlarging fonts after 1440px breakpoint (i.e. standard mainWrap max-width) */
/**
@media only screen and (max-width: 3840px) {html {font-size: 38.4px; }}
/**
@media only screen and (max-width: 2560px) {html {font-size: 25.6px; }}
/**
@media only screen and (max-width: 1920px) {html {font-size: 19.2px; }}
/**
@media only screen and (max-width: 1600px) {html {font-size: 16px; }}
/**/
@media only screen and (max-width: 1440px) {
    html {
        font-size: 14.4px;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 13.66px;
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 12.8px;
    }
}

@media only screen and (max-width: 1152px) {
    html {
        font-size: 11.52px;
    }
}

@media only screen and (max-width: 1024px) {
    html {
        font-size: 10.24px;
    }
}

body {
    font-size: 1.3rem;
}

h1 {
    font-size: 3.5rem;
}

h2 {
    font-size: 3.1rem;
}

h3 {
    font-size: 2.8rem;
}

h4 {
    font-size: 2.5rem;
}

h5 {
    font-size: 2.3rem;
}

h6 {
    font-size: 2.1rem;
}

/* 1.2 Main Rules
----------------------*/
.mainWrap {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5%;
}

.centralWrap {
    display: block;
    margin: auto;
    width: 50%;
}

.colsWrap {
    display: flex;
    justify-content: space-between;
}

.leftCol {
    width: 65%;
}

.rightCol {
    width: 30%;
}

.contentWrap {
    padding: 0 1.5rem;
}

.paddingWrap {
    padding: 3rem 0;
}

/* 1.3 Global Classes
----------------------*/
.flexContainer {
    display: flex;
    align-items: center;
}

.backgroundCover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.absoluteInRelative {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.hidden {
    display: none;
}

/* 1.4 Loading Wrap
----------------------*/
#loadingWrap {
    position: fixed;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

#loadingWrap img {
    max-width: 65px;
    max-height: 65px;
}

/* 1.4 Entry Content
----------------------*/
.entryContent p:first-child {
    margin-top: 0;
}

.entryContent img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 10px 0;
}

.entryContent img.aligncenter {
    margin: 10px auto;
}

.entryContent img.alignleft {
    float: left;
    margin-right: 20px;
}

.entryContent img.alignright {
    float: right;
    margin-left: 20px;
}

.entryContent ol,
.entryContent ul {
    margin-left: 20px;
}

.entryContent ul li {
    list-style: disc;
}

.entryContent ol li {
    list-style: decimal;
}

.entryContent .buttonsContainer {
    margin: 2rem 0;
}

/*--------------------------------------------------------------
2.0 Forms
--------------------------------------------------------------*/
.qformField:not(.settings) {
    margin: 2rem 0 !important;
    padding: 0 !important;
    border: none !important;
}

.qformField input:not([type=button]):not([type=submit]),
.qformField textarea,
.qformField select {
    width: 100%;
    box-sizing: border-box;
}

.qformField label {
    margin-bottom: 0.5rem;
    display: block;
    font-weight: normal !important;
}

.qformMessage {
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: red;
    margin: 1rem 0;
}

.qformMessage br {
    line-height: 2rem;
}

.qformMessage.success {
    color: green;
}

.qformIndication {
    opacity: 0.5;
    font-size: 1rem;
    line-height: 1rem;
}

.qthemePwdIndicator {
    color: red;
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1rem;
}

.qthemePwdIndicator.strong,
.qthemePwdIndicator.good {
    color: green;
}

/* 2.1 Input
----------------------*/
input:not([type=button]):not([type=submit]),
textarea,
select {
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    transition: all .5s;
    padding: 1rem 1.2rem;
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    position: relative;
}

input:not([type=button]):not([type=submit]):focus,
textarea:focus,
select:focus {
    background: #ffffff;
    border-color: #000000;
    outline: none;
    transition: all .5s;
}

input.required:not([type=button]):not([type=submit]),
textarea.required,
select.required {
    border-right: 1px solid red;
}

/* 2.2 Select
----------------------*/
select {
    cursor: pointer;
}

/* 2.3 Checkbox & Radio
----------------------*/
input[type=checkbox],
input[type=radio] {
    display: none;
}

input[type=checkbox]+label,
input[type=radio]+label {
    position: relative;
    padding-left: 2.8rem;
    cursor: pointer;
    display: inline-block;
    margin-left: 0;
}

input[type=checkbox]+label::before,
input[type=radio]+label::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
}

input[type=radio]+label::before {
    border-radius: 100%;
}

input[type=checkbox]+label::after {
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    display: inline-block;
    height: 0.4rem;
    width: 0.9rem;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s ease;
}

input[type=radio]+label::after {
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    width: 1rem;
    height: 1rem;
    background: #000000;
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s ease;
}

input[type=checkbox]:checked+label::after {
    opacity: 1;
}

input[type=radio]:checked+label::after {
    opacity: 1;
    transform: scale(1);
}

/* 2.4 Date Picker
----------------------*/
.dateField {
    cursor: pointer;
}

.ui-datepicker {
    background: #ffffff;
    width: 25rem;
    padding: 0;
    z-index: 999 !important;
    border: 1px solid #000000;
    margin: 0.5rem 0;
}

.ui-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: #000000;
    color: #ffffff;
    padding: 1rem 0;
}

.ui-datepicker-prev {
    cursor: pointer;
    width: 4rem;
}

.ui-datepicker-next {
    cursor: pointer;
    width: 4rem;
}

.ui-datepicker-prev:before {
    font-family: "Material Icons", sans-serif;
    content: "\e314";
    font-size: 2rem;
    display: grid;
}

.ui-datepicker-next:before {
    font-family: "Material Icons", sans-serif;
    content: "\e315";
    font-size: 2rem;
    display: grid;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none;
}

.ui-datepicker-title {
    text-align: center;
    padding: 1rem 0;
    text-transform: uppercase;
    flex-basis: 100%;
    display: flex;
    align-items: center;
}

.ui-datepicker-title select {
    background: none;
    padding: 0 0.5rem;
    color: #ffffff;
    border: none;
    text-transform: uppercase;
}

.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker-calendar th {
    text-align: center;
    padding: 0.5rem 0;
}

.ui-datepicker-calendar td {
    text-align: center;
    padding: 0.5rem;
    border: 1px solid #cccccc;
    transition: all 0.5s;
    cursor: pointer;
}

.ui-datepicker-calendar a {
    color: #000000;
}

.ui-datepicker-calendar td:hover {
    background: #000000;
}

.ui-datepicker-calendar td:hover a {
    color: #ffffff;
}

/* 2.5 Submit
----------------------*/
input[type=button],
input[type=submit] {
    background: #000000;
    border: 1px solid #c4c4c4;
    color: #ffffff;
    padding: 1rem 3rem;
    cursor: pointer;
    transition: ease .5s;
    opacity: 1;
}

input[type=button]:hover,
input[type=submit]:hover {
    background: #f7f7f7;
    color: #000000;
    border: 1px solid #c4c4c4;
    opacity: 1;
}

input[type=button]:disabled,
input[type=submit]:disabled {
    opacity: 0.5;
}

/* 2.6 CF7
----------------------*/
.wpcf7-acceptance span.wpcf7-list-item {
    margin: 0;

}

.wpcf7-acceptance span.wpcf7-list-item label,
.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item label {
    display: flex;
    align-items: flex-start;
    position: relative;

}

.wpcf7-form-control-wrap input[type=checkbox] {
    cursor: pointer;
    display: block;
    width: 1.4rem;
    margin-right: 1rem;
}

.wpcf7-form-control-wrap input[type=checkbox]:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
}

.wpcf7-form-control-wrap input[type=checkbox]:after {
    content: '';
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    display: inline-block;
    height: 0.4rem;
    width: 0.9rem;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s ease;
}

.wpcf7-form-control-wrap input[type=checkbox]:checked:after {
    opacity: 1;
}

div.wpcf7 .ajax-loader {
    background-image: url('img/loading.gif');
    background-size: cover;
    width: 2rem;
    height: 2rem;
    margin-left: 2rem;
}

span.wpcf7-not-valid-tip {
    font-weight: 100;
    margin-top: 1rem;
    font-size: 1rem;
}

div.wpcf7-response-output {
    padding: 0;
    font-size: 1rem;
    font-weight: 100;
}

div.wpcf7-validation-errors {
    border: none;
    color: red;
    margin: 2rem 0;
    font-weight: 100;
    font-size: 1rem;
}

div.wpcf7-mail-sent-ok {
    border: none;
    color: #398f14;
    font-weight: 100;
    font-size: 1rem;
}

.wpcf7-list-item.first label {
    margin: 0 1rem;
    font-weight: 100;
    font-size: 1rem;
}

/*--------------------------------------------------------------
3.0 Cookies Banner
--------------------------------------------------------------*/
#qthemeCookieBanner {
    background: #000000;
    color: #ffffff;
    text-align: center;
    padding: 2rem 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    font-size: 1rem;
    line-height: 1.2rem;
    left: 0;
}

#qthemeCookieBanner .text {
    padding: 0 10%;
}

#qthemeCookieBanner .actionsButton {
    margin-top: 1rem;
}

#qthemeCookieBanner .actionsButton a {
    text-transform: uppercase;
    margin: 0 1.5rem;
    color: #ffffff;
}

/*--------------------------------------------------------------
4.0 Header
--------------------------------------------------------------*/
.siteHeader {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    top: 0;
    z-index: 9;
    background: #ffffff;
    transition: all 0.5s ease-in-out;
}

.siteHeader.transparentHeader {
    background-color: transparent;
    border: 0;
}

.siteHeader.navUp {
    /*-webkit-transform: translateY(-105px);*/
    /*transform: translateY(-105px);*/
    top: -105px;
}

.headerInside {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
}

.headerInside .navWrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.headerInside .headerLogo img {
    max-width: 100%;
}

.headerInside .navWrapper>div {
    margin-left: 2rem;
}

.headerInside .navWrapper>div:first-child {
    margin-left: 0;
}

.headerInside .mobMenuOpen {
    transition: 0.5s ease;
    font-size: 3rem;
    cursor: pointer;
}

/* 4.1 Social Link
----------------------*/
.socialLinksWrapper {
    display: flex;
    align-items: center;
}

.socialLinksWrapper .item {
    margin-left: 0.5rem;
}

.socialLinksWrapper .item:first-child {
    margin-left: 0;
}

.socialLinksWrapper svg {
    font-size: 1.6rem;
}

.socialLinksWrapper img {
    max-height: 1.6rem;
}

/* 4.2 Language Switch
----------------------*/
.languageSwitch .langLink a {
    text-transform: uppercase;
}

.languageSwitch .separator {
    margin: 0 0.3rem;
}

/* 4.3 Search Form
----------------------*/
.searchForm {
    display: flex;
    align-items: center;
}

.searchForm form {
    display: none;
}

.searchForm input {
    padding: 0.5rem 1rem !important;
}

.searchForm .searchIcon {
    cursor: pointer;
    margin-left: 0.5rem;
}

.headerNav.left .searchForm .searchIcon {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* 4.5 Wide Menu
----------------------*/
.wideNav ul {
    padding-left: 0;
}

.wideNav li {
    list-style: none;
    display: inline-block;
    margin-right: 1rem;
}

.right .wideNav {
    text-align: right;
}

.right .wideNav li {
    margin-right: 0;
    margin-left: 1rem;
}

.qmenu a {
    color: #000000;
}

/* 4.6 Mobile Icon
----------------------*/
.mobNav {
    position: fixed;
    top: 0;
    height: 100%;
    background: #ffffff;
    z-index: 99999;
    width: 30rem;
    text-align: right;
    box-sizing: border-box;
    display: none;
}

.mobNav.right {
    right: 0;
    -webkit-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -3px 0px 5px 0px rgba(0, 0, 0, 0.3);
    overflow-y: scroll;
}

.mobNav.left {
    left: 0;
    -webkit-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

.mobNav .inside {
    display: inline-block;
    width: 100%;
    padding: 8rem 8rem 8rem 5rem;
    box-sizing: border-box;
}

.mobNav.right .inside,
.mobNav.left .inside {
    padding: 5rem;
}

.mobNav .close {
    font-size: 3rem;
    cursor: pointer;
    margin: 2rem 0;
}

.mobNav ul {
    margin: 0;
}

.mobNav li {
    display: block;
    margin: 2.5rem 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

/*--------------------------------------------------------------
5.0 Buttons
--------------------------------------------------------------*/
.buttonsContainer {
    display: flex;
    align-items: center;
}

.buttonsContainer .button:first-child {
    margin-left: 0;
}

.button {
    margin-left: 2rem;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
}

.button.iconWrap .icon.customSVG svg path,
.button.iconWrap .icon.customSVG svg polygon {
    transition: 0.5s ease;
}

/* 5.1 Regular
----------------------*/
.button:hover {
    color: red;
}

.button:hover .icon.customSVG svg path,
.button:hover .icon.customSVG svg polygon {
    fill: red;
}

/* 5.2 Raised & Conversion
----------------------*/
.button.raised,
.button.conversion {
    background: #000000;
    color: #ffffff;
    padding: 0.8rem 1.5rem;
    border: 1px solid #000000;
}

.button.raised:hover,
.button.conversion:hover {
    background: #ffffff;
    color: #000000;
}

.button.conversion {
    background-color: #ff0000;
    border: 1px solid #ff0000;
}

.button.conversion:hover {
    border: 1px solid #000000;
}

.button.raised .icon.customSVG svg path,
.button.raised .icon.customSVG svg polygon,
.button.conversion .icon.customSVG svg path,
.button.conversion .icon.customSVG svg polygon {
    fill: #ffffff;
}

.button.raised:hover .icon.customSVG svg path,
.button.raised:hover .icon.customSVG svg polygon,
.button.conversion:hover .icon.customSVG svg path,
.button.conversion:hover .icon.customSVG svg polygon {
    fill: #000000;
}

/* 5.3 Material
----------------------*/
.button.material {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    border-width: 0;
    outline: none;
    border-radius: 2px;
    color: #000000;
    transition: ease .5s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}

.button.material:hover,
.button.material:focus {
    background-color: #cccccc;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .6);
}

.button.material>* {
    position: relative;
}

.button.material:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    background-color: rgba(236, 240, 241, .3);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.button.material:active:before {
    width: 120%;
    padding-top: 120%;
    transition: width .2s ease-out, padding-top .2s ease-out;
}

/*--------------------------------------------------------------
6.0 Gallery
--------------------------------------------------------------*/
.qsliderWrap .imageWrap,
.qgalleryWrap .imageWrap {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 1rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.qsliderWrap .lightbox,
.qgalleryWrap .lightbox {
    cursor: pointer;
}

/* 6.1 Slider
----------------------*/
.qslider .slick-track {
    display: flex;
    align-items: center;
}

.qslider img {
    display: inline-block;
}

.qsliderArrows {
    text-align: right;
    margin-bottom: 1rem;
}

.qsliderArrows .qsliderArrow:first-child {
    margin: 0;
}

.qsliderArrow {
    cursor: pointer;
    margin-left: 0.5rem;
}

.qsliderArrows i {
    font-size: 1.6rem;
}

.qsliderDots ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.qsliderDots li {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: #000000;
    border-radius: 1rem;
    margin-right: 0.5rem;
    cursor: pointer;
    transition: 0.5s ease;
}

.qsliderDots li:hover,
.qsliderDots li.slick-active {
    background: red;
}

.qsliderDots button {
    display: none;
}

/* 6.2 Gallery
----------------------*/
.qgalleryWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.qgalleryWrap .lightbox {
    display: inline-block;
    cursor: pointer;
}

.qgalleryWrap.col2 .imageWrap {
    width: 50%;
}

.qgalleryWrap.col3 .imageWrap {
    width: 33%;
}

.qgalleryWrap.col4 .imageWrap {
    width: 25%;
}

/*--------------------------------------------------------------
7.0 Page #404
--------------------------------------------------------------*/
/* 7.1 Header
----------------------*/
.postHeader {
    margin-bottom: 2rem;
}

/* 7.2 Page #404
----------------------*/
#post404 {
    text-align: center;
    padding: 3rem 0;
}

#post404 h1 {
    font-size: 10rem;
    line-height: 10rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

#post404 .pageNotFound {
    font-size: 3rem;
    font-weight: bold;
}

#post404 .disclaimer {
    margin-top: 3rem;
    font-size: 2.2rem;
    line-height: 2.2rem;
}

/*--------------------------------------------------------------
8.0 Archive
--------------------------------------------------------------*/
/* 8.1 Filters
----------------------*/
.filterWrap {
    margin: 1.5rem 0;
}

.filterWrap label {
    margin-bottom: 0.5rem;
    display: inline-block;
}

.filterItemWrap {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

.filterItemList input[type=radio]+label {
    padding-left: 0 !important;
    transition: 0.5s ease;
}

.filterItemList input[type=radio]+label::after,
.filterItemList input[type=radio]+label::before {
    opacity: 0;
}

.filterItemList input[type=radio]+label:hover,
.filterItemList input[type=radio]:checked+label {
    color: red;
}

/* 8.2 Archive Navigation
----------------------*/
#pageArchive .postContent {
    margin-bottom: 2rem;
}

.navLoadMore .loadMore {
    display: inline-block;
    margin-left: 0;
    margin-top: 1rem;
}

.navPagination {
    margin-top: 1rem
}

.navPagination a {
    color: #000000;
}

.navPagination a:not(:last-child)::after {
    content: ', ';
    color: #000000;
}

.navPagination a:hover,
.navPagination a.active {
    color: red;
}

/*--------------------------------------------------------------
9.0 Footer
--------------------------------------------------------------*/
.siteFooter {
    border-top: 1px solid #cccccc;
    padding: 2rem 0;
}

.footerWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.5em;
}

.footerWrap svg {
    font-family: 'Montserrat', sans-serif;
    width: 180px;
    transition: 0.5s ease;
}

/*--------------------------------------------------------------
10.0 Responsive
--------------------------------------------------------------*/
@media all and (max-width: 1690px) {}

@media all and (max-width: 1280px) {}

@media all and (max-width: 1024px) {
    .mobMenuIcon {
        display: block;
    }

    .wideNav {
        display: none;
    }

    .colsWrap {
        display: block;
    }

    .leftCol {
        width: 100%;
    }

    .rightCol {
        width: 100%;
        margin-top: 3rem;
    }
}

@media all and (max-width: 768px) {
    .footerWrap {
        flex-wrap: wrap;
    }

    .footerWrap>* {
        width: 100%;
    }

    .footerWrap .right {
        margin-top: 2rem;
    }
}

@media all and (max-width: 480px) {

    .navWrapper .searchForm,
    .navWrapper .socialLinks,
    .navWrapper .languageSwitch {
        display: none;
    }
}