/*
Theme Name: DawaOnline (Imotheme) 
Theme URI: https://imranrafique.dev/
Author: Imran Rafique
Author URI: https://imranrafique.dev/
Description: Imotheme brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats.
Version: 1.9.2
Text Domain: imotheme
*/

/* ---------------------*/
/*      Libraries       */
/* -------------------- */
@import url('css/libraries/animate.css');
@import url('css/libraries/swiper.css');
@import url('css/libraries/slick.css');
@import url('css/libraries/fancybox.css');
@import url('css/libraries/bootstrap.css');
@import url('css/libraries/mcustomscrollbar.css');


/* ---------------------*/
/*      Fonts           */
/* -------------------- */
@import url('css/fonts/fontawesome.css');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('css/fonts/fonts.css');


/* ---------------------*/
/*      Theme           */
/* -------------------- */
@import url('css/theme/global.css');
@import url('css/theme/wpcore.css');
@import url('css/theme/loader.css');
@import url('css/theme/header.css');
@import url('css/theme/footer.css');
@import url('css/theme/banner.css');
@import url('css/theme/slider.css');
@import url('css/theme/front.css');
@import url('css/theme/woocommerce.css');
@import url('css/theme/sidebar.css');
@import url('css/theme/pagination.css');
@import url('css/theme/comments.css');
@import url('css/theme/responsive.css');



.anchor { display: block; height: 57px; margin-top: -57px; visibility: hidden; }



/* Site Layout
------------------------------------*/
section { position: relative; padding: 60px 0; }
section *:focus { outline:0; }
section *::-webkit-input-placeholder { color: #bcc4d6; }
section *:-moz-placeholder { color: #bcc4d6; }
section *::-moz-placeholder { color: #bcc4d6; }
section *:-ms-input-placeholder { color: #bcc4d6; }

section h1 { font-size: 42px; }
section h2 { font-size: 36px; }
section h3 { font-size: 30px; }
section h4 { font-size: 24px; }
section h5 { font-size: 20px; }
section h6 { font-size: 18px; }
section ol,
section ul { padding: 0 0 0 25px; margin: 0 0 25px; }
section ol li { list-style-position: outside; list-style-type: auto; }
section ul li { list-style-position: outside; list-style-type: disc; }
section li > ul,
section li > ol { margin: 5px 0; }
section .blockquote { background: #f5f5f5; border-radius: 4px; border-left: 10px solid #8dc63f; padding: 15px; margin: 0 0 40px; color: #707070; position: relative;}
section .blockquote:after { position: absolute; top: 15px; left: 15px; width: 45px; height: 30px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 24px; line-height: 30px; color: #8dc63f; text-align: center; display: block; content: "\f10d"; }
section .blockquote p { margin: 0 0 5px; padding: 0 0 0 45px; font-weight: 400; font-size: 20px; line-height: 30px; color: #333; }
section .blockquote .blockquote-footer { padding: 0 0 0 45px; margin: 0; color: #333; }
section input[type="text"],
section input[type="email"],
section input[type="tel"],
section textarea,
section select { background: #fff; border-radius: 0; border: 1px solid #e3e3e3; font-family: 'Jost', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #333; padding: 10px 15px; width: 100%; margin: 0 0 25px; }
section select { height: 48px; }
section 
section input[type="submit"],
section input[type="button"] { border-radius: 0; border: none; background: #c72227; font-weight: 700; font-size: 16px; line-height: 30px; color: #fff; text-align: center; text-transform: none; padding: 10px 50px; margin: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; float: right; }
section input[type="submit"]:hover,
section input[type="button"]:hover { background: #025da8; color: #fff; }
section *:focus { outline:0; }
section *::-webkit-input-placeholder { color: #8a8a8a; }
section *:-moz-placeholder { color: #8a8a8a; }
section *::-moz-placeholder { color: #8a8a8a; }
section *:-ms-input-placeholder { color: #8a8a8a; }

section .woocommerce-input-wrapper { position: relative; }
section .select2-container--default .select2-selection--single { height: 48px; border: 1px solid #e3e3e3; font-family: 'Jost', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #333; padding: 10px 15px; border-radius: 0; position: relative; }
section .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; position: absolute; top: 0; right: 0; width: 30px; }

section  .select2-dropdown.select2-dropdown--below {
        top: 30px !important;    
        width:100vw !important;
        transform:translate(-100px,0) !important;
    }

/*section .sectitle.prohead { margin-bottom: 50px; }
section img.shadowed { box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.11); margin-top: 40px; margin-bottom: 40px; }
section .buttons { display: flex; flex-direction: row; align-items: center; justify-content: center; }
section .buttons a { font-weight: 700; text-transform: uppercase; min-width: 25%; }
section .buttons a+a { margin-left: 10px; }
section h2.protitle { color: #cf0a2c; margin: 0 0 18px; }
section h2 span.subtitle { display: block; font-weight: 700; font-size: 18px; line-height: 24px; color: #3e3e3e; }
.parallaxbg { position: relative; z-index: 0; background-position: 50% 0; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; }
.parallaxbg .blayer { position: absolute; z-index: 5; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.75); }
.parallaxbg .container { position: relative; z-index: 10; }*/

/* Blogs (Career)
------------------------------------*/
/*.secBlogs { padding: 80px 0 100px; }
.secBlogs .lead { margin: 0 0 50px; text-align: center; }
.secBlogs .lead h2 { font-family: 'rawline'; font-weight: 900; font-size: 36px; line-height: 110%; color: #164192; text-transform: uppercase; margin: 0 0 10px; padding: 0; }
.secBlogs .lead p { font-family: 'rawline'; font-weight: 500; font-size: 20px; line-height: 30px; color: inherit; margin: 0 0 15px;  }
.secBlogs .rowBlog { text-align: left; }
.secBlogs .blogImage { background-repeat: no-repeat; background-size: cover; background-position: center center; display: block; padding: 60% 0 0; margin: 0 0 20px; border-radius: 4px; }
.secBlogs .rowBlog h3 { font-family: 'rawline'; font-weight: 900; font-size: 24px; line-height: 30px; color: #d2a53f; text-transform: uppercase; margin: 0 0 10px; padding: 0; }
.secBlogs .rowBlog p { font-weight: 400; font-size: 16px; line-height: 26px; color: inherit; text-align: left; margin: 0 0 15px; }
.secBlogs .moreTag { background: #164192; font-family: 'rawline'; font-weight: 500; font-size: 16px; line-height: 30px; color: #fff; padding: 5px 15px; display: table; border-radius: 4px; }
.secBlogs .moreTag i { margin-left: 5px; }
.secBlogs .moreTag:hover { background: #d2a53f; }*/

/* Search Box (Front)
------------------------------------*/
/*.srchBox { background-image: url('images/bgsrchbox.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 30px 50px; }
.srchBox h3 { font-weight: 600; font-size: 24px; line-height: 30px; color: #fff; text-transform: uppercase; text-align: center; margin: 0 auto 15px; padding: 0; }
.srchBox select { height: 35px; border-radius: 0; padding: 0 15px; font-weight: 400; font-size: 14px; line-height: 35px; color: #000; margin: 0; }
.srchBox select+select { margin-top: 12px; }
.srchBox .or { display: table; margin: 14px auto; font-weight: 700; font-size: 12px; line-height: 16px; color: #fff; text-transform: uppercase; text-align: center; position: relative; }
.srchBox .or:before,
.srchBox .or:after { display: block; content: ""; width: 77px; height: 1px; background: #fff; position: absolute; top: 0; bottom: 0; margin: auto; }
.srchBox .or:before { left: -84px; }
.srchBox .or:after { right: -84px; }
.srchBox input[type="text"],
.srchBox input[type="search"] { border-radius: 0; padding: 0 15px; font-weight: 400; font-size: 14px; line-height: 35px; color: #000; margin: 0 0 12px; }
.srchBox input[type="submit"] { background-color: #181818; border-radius: 0; margin: 0 auto; padding: 10px 20px; font-weight: 700; font-size: 14px; line-height: 20px; color: #fff; text-transform: uppercase; text-align: center; }*/

/* Inner Page
------------------------------------*/
/*.secContent { width: 100%; }
.content.page,
.content.single { background: #fff; border-radius: 12px; padding: 30px; margin-right: 15px; }
.content.index { margin-right: 15px; }
.content * { text-align: left; }
.content .text-right * { text-align: right; }
.content .text-center * { text-align: center; }

.content h2.pageTitle {  font-family: 'rawline'; font-weight: 900; font-size: 36px; line-height: 42px; color: #fc6a00; text-transform: uppercase; margin: 0 0 30px; }
.content h2 { font-weight: 700; font-size: 42px; line-height: 48px; color: #fc6a00; margin: 0 0 25px; }
.content h3 { font-weight: 700; font-size: 36px; line-height: 42px; color: #fc6a00; margin: 0 0 20px; }
.content h4 { font-weight: 700; font-size: 30px; line-height: 36px; color: #fc6a00; margin: 0 0 15px; }
.content h5 { font-weight: 700; font-size: 24px; line-height: 30px; color: #fc6a00; margin: 0 0 15px; }
.content h6 { font-weight: 700; font-size: 18px; line-height: 24px; color: #fc6a00; margin: 0 0 10px; } 

.content ul,
.content ol { margin: 0 0 20px 30px; padding: 0;  }
.content,
.content p,
.content li { font-weight: 400; font-size: 16px; line-height: 26px; color: #164192; text-align: left; }
.content p { margin: 0 0 25px; }
.content p.last { margin-bottom:0; }
.content ol ul,
.content ol ol,
.content ul ul,
.content ul ol  { margin: 10px 0 10px 20px; }
.content ol { list-style-type: decimal; }
.content ul { list-style-type: disc; }
.content li { list-style: inherit; }
.content .blockquote { background: #efefef; border-radius: 4px; padding: 15px }
.innerPage > .wrapper { background:url('images/bgIconpage.png') no-repeat top right; }*/










/* No Result
------------------------------------*/
.no-results {}

/* Blog Page
------------------------------------*/
/*.postWrap { margin: 0 40px 0 0; padding: 0; }
.postWrap+.postWrap { margin-top: 60px; }
.postWrap .postTitle { font-size: 30px; line-height: 36px; color: #0f79bd; margin: 0 0 5px; padding: 0; }
.postMeta { margin: 0 0 5px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; font-size: 16px; line-height: 30px; color: #a7a7a7;  }
.postMeta .sep { width: 1px; height: 20px; display: block; margin: 0 7px; background: #d2d2d2; }
.postMeta a:hover { color: #0f79bd; }
.postFeat { box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; padding: 40% 0 0; margin: 0 0 30px }
.postMore { font-weight: 600; }
.postMore:hover { color: #0f79bd; }
.content.postSingle,
.content.postSingle p,
.content.postSingle li,
.content p.postCont { text-align: left; }
*/
/* Single Page
------------------------------------*/
/*.content .singleTitle { font-size: 42px; line-height: 48px; color: #0f79bd; margin: 0 0 15px; padding: 0; }
.content .singleTitle+.postMeta { margin: 0 0 30px; }*/