/*
Theme Name: Shias
Theme URI: https://no.journeyagency.com/
Description: A custom WordPress theme developed for SHIAS.
Author: Journey Agency
Author URI: https://no.journeyagency.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shias
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: #ffb900;
    color: #ffffff;
}
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450;
    color: #ffffff;
}
p, h1, h2, h3, h4, h5, h6, span {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.contact-form-phone {
white-space: nowrap;
}

.media-drag-drop {
    background-color: #eff1f1;
    border: 3px dashed #dce0e0;
    text-align: center;
    padding: 30px 0;
    margin-bottom: 15px;
    font-weight: 700;
}
.media-drag-drop div {
    margin: 0 0 20px;
}
.upload-icon {
    z-index: 2;
    background-color: #eff1f1;
    border: 3px dashed #ced4d4;
    color: #c1c8c8;
    font-size: 24px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 10px;
    -webkit-box-shadow: -10px 10px 0 #ced4d4;
    box-shadow: -10px 10px 0 #ced4d4;
    display: inline-block;
    position: relative;
    text-align: center;
    font-weight: 700;
}
.media-drag-drop div {
    margin: 0 0 20px;
}
.media-drag-drop span {
    font-weight: 400;
}
.upload-media-gallery {
    margin-top: 10px;
}
.upload-media-gallery .row {
    margin-left: -5px;
    margin-right: -5px;
}
.upload-media-gallery div[class*=col-] {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 12px;
}
.upload-media-gallery .img-fluid {
    max-width: 100%;
    height: auto;
}
.upload-gallery-thumb-buttons {
    border: 1px solid #dce0e0;
    margin: 0 0 10px;
}
.upload-gallery-thumb-buttons button {
    color: #636363;
    background-color: transparent;
    border-color: transparent;
    margin: 0 5px;
    float: right;
    cursor: pointer;
}
.btn-loader {
    top: 2px;
    width: 16px;
    height: 16px;
    margin-right: 15px;
    display: none;
    position: relative;
}
.loader-show {
	display: inline-block;
  	margin-right: 10px;
}
.btn-loader:after {
    content: " ";
    display: block;
    width: 16px;
    height: 16px;
    margin: 1px;
    border-radius: 50%;
    border: 2px solid #333;
    border-color: #00aeef transparent #00aeef transparent;
    -webkit-animation: btn-loader 1.2s linear infinite;
    animation: btn-loader 1.2s linear infinite;
}
@-webkit-keyframes btn-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes btn-loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.jny-dashboard-loader-area {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 999;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jny-dashboard-loader {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--sk-secondary);
    --_m: 
        conic-gradient(#0000 10%,#000),
        linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

body.loader-showing {
    overflow: hidden;
    height: 100vh;
}
.country-list span,
.flag-container div {
	color: #000;
}