/*
 * Basic Styles
 *
 * @package     iw-foundation-theme
 * @subpackage  style/basic
 * @since       1.0.0
 -------------------------------------------------------------- */

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    /* 87.5% of the visitor's browser size (14px by default) instead of a fixed 14px, so browser
       text zoom and the A11y mode large_font scale the whole page (SC 1.4.4). The theme's type
       sizes are rem values of the former px sizes, so the default rendering is unchanged. */
    font-size: 87.5%;
    line-height: 1.6429rem;
    color: var(--iw-color-text, #333);
}

/* A11y mode large_font of iw-wp-utils: 125% of the base size; every rem size of theme and child
   theme follows */
html.iw-a11y-large_font {
    font-size: 109.375%;
}

body {
    background-color: var(--iw-color-background, #fff);
    margin: 0;
}

img {
    vertical-align: middle;
}

.inside_grid .inside_grid_element {
    margin: 0 auto;
    max-width: 1200px;
}

/* Basic animation */
.iw-visibility-animation {
    transition: visibility 0s, opacity 0.5s linear;
}

.iw-size-animation {
    transition: all .2s linear;
}

/* Room for the fixed header and bottom bar when the browser scrolls a focused element or an anchor
   target into view (SC 2.4.11); Basic.js sets the values */
html {
    scroll-padding-top: var(--iw-scroll-padding-top, 0px);
    scroll-padding-bottom: var(--iw-scroll-padding-bottom, 0px);
}

/* Visually hidden, still read by screen readers (WordPress core class name) */
.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;
}

/* No ring on a mouse click, but always one for the keyboard (SC 2.4.7): the browser shows its
   own ring on :focus-visible, also when iw-wp-utils is missing or its focus ring is off. */
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
select:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none;
}

/* google recaptcha Badge */
.grecaptcha-badge {
    visibility: hidden;
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.iw_flex_grid {
    display: flex;
    flex-wrap: wrap;
}

.iw_flex_grid .iw_flex_grid_element {
    box-sizing: border-box;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

/* Columns */
.col-1-10 {
    width: 10%;
}

.col-1-5 {
    width: 20%;
}

.col-1-4,
.col-25-100 {
    width: 25%;
}

.col-3-10 {
    width: 30%;
}

.col-1-3,
.col-33-10 {
    width: 33.333%;
}

.col-1-2,
.col-5-10 {
    width: 50%;
}

.col-2-3,
.col-66-10 {
    width: 66.666%;
}

.col-7-10 {
    width: 70%;
}

.col-3-4,
.col-75-100 {
    width: 75%;
}

.col-8-10 {
    width: 80%;
}

.col-1-1,
.col-10-10 {
    width: 100%;
}

.only-mobile {
    display: none !important;
}

.only-desktop {
    display: inherit;
}

.iw-no-js {
    display: none !important;
}

.content-width {
    max-width: 1200px;
    margin: auto auto -25px;
    width: 100%;
}

li#wp-admin-bar-customize {
    display: none !important;
}

li#wp-admin-bar-comments {
    display: none !important;
}

li#wp-admin-bar-wpseo-menu {
    display: none !important;
}

li#wp-admin-bar-new_draft {
    display: none !important;
}


li#wp-admin-bar-revslider {
    display: none !important;
}

li#wp-admin-bar-vc_inline-admin-bar-link {
    display: none !important;
}

li#wp-admin-bar-search {
    display: none !important;
}

/* Removes the dev info from wpml */
.otgs-development-site-front-end {
    display: none;
}

button.iw_icon_button {
    width: 64px;
    height: 64px;
    border: 0;
    background-color: var(--iw-color-primary, #EF17EF);
    padding: 20px;
    cursor: pointer;
    display: none;
    visibility: hidden;
    opacity: 0;
}

button.iw_icon_button.small {
    width: 24px;
    height: 24px;
    padding: 0;
}

@media screen and (max-width: 1200px) {

    .content-width {
        overflow: hidden;
    }

}

@media only screen and (min-width: 320px) and (max-width: 560px) {

    body {
        -webkit-text-size-adjust: 100%;
    }

}