/*!
Theme Name:   moniqueedwards
Theme URI:    http://moniqueedwards.ml/
Author:       Defox Technologies
Author URI:   https://defox.pk/
Description:  Defox Technologies
Version:      1.0.0
*/
/*
1 ) Google or local Font Import
2 ) Helping Classes
3 ) Header 
        -( a ) Logo
        -( b ) Menu
4 ) Home page
        -( a ) Story of Glory
        -( b ) What Can I Do
        -( c ) Some Facts
5 ) About Page
        -( a ) Education Section
        -( b ) Experience Section
        -( c ) Skills Section
6 ) Single Page
        -( a ) Portfolio Section
        -( b ) Testimonial Section
7 ) Contact Page
        -( a )  Contact Form
        -( b )  Contact Details
8 ) Footer
--------------------------------------------------------*/
/*      Reset CSS                 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,
hgroup,menu,nav,output,section,summary,time,mark,audio,video,select{margin:0;padding:0;border:0;outline:none;line-height:1;}
a:focus,a:hover,a:active,button{outline:none;text-decoration:none;}
a{
   transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  list-style:none;
}
ul{list-style:none !important;padding:0 !important;margin:0 !important;}
p{margin:0 !important;}
a{outline:none !important;}
/*************************************************/
/*      1 ) Google or local Font Import          */
/*************************************************/
/* Imports File*/
html{height:100%;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased !important;}
body {
    font-family: 'Open Sans', sans-serif !important;font-weight:400;
    overflow-x: hidden;top:0 !important;
    /*background:#f2f2f2 url('/wp-content/uploads/2019/11/zoma-background.jpg') !important;*/background-size: cover;
background-position: center top;
}

.container{width:1170px;margin:auto;}
/**********************************/
/*      2 ) Helping Classes       */
/**********************************/
.clear{clear: both;}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 9999999;}
.table-content{display:table;width:100%;height:100vh;}
.table-cell{display:table-cell;vertical-align:middle;padding-top:70px;}
.noscroll{overflow:hidden;}
/***********************************
            Site Header        
************************************/
#masthead.site-header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#masthead.site-header .header-inner .logo{padding-left:20px;}
#masthead.site-header .header-inner .menu ul {
  display: flex;
  align-items: center;
}
#masthead.site-header .header-inner .menu ul li a {
  color: #2a302f;
  text-decoration: none;
  outline: none !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 12px;
  margin: 0px 14px;transition:0.3s ease-in-out;
  display: inline-block;
}
#masthead.site-header .header-inner .menu ul li a:hover{color:#fe6507;}
#masthead.site-header .header-inner .menu ul li.menu-btn a {
  margin-right: 0;
  color: #fff;
  background: #fe6507;
  padding: 25px 59px;
}
#masthead.site-header .header-inner .menu ul li.menu-btn a::before {
	content: '\f2a0';
  font-family: 'FontAwesome';margin-right: 5px;
}
#masthead.site-header .header-inner .logo img {
  width: 292px;
}
/***********************************
            Site Footer        
************************************/
#colophon.site-footer {
  background: #efefef;
  padding: 50px 0 0;
  margin-top: 100px;
}
#colophon.site-footer .footer-inner {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
#colophon.site-footer .footer-inner .box{width:33%;}
#colophon.site-footer .footer-inner h2 {
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  letter-spacing: 2.8px;
  color: #222;
  padding-bottom: 20px;
  margin-bottom: 30px;
  display: inline-block;position:relative;
}
#colophon.site-footer .footer-inner h2:before{content: '';display: inline-block;position:absolute;bottom:0;width:50px;height:1px;background:#000;}
#colophon.site-footer .footer-inner .box.menu ul li a, #colophon.site-footer .footer-inner .box.visit ul li a {
  text-decoration: none;
  outline: none !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  display: inline-block;
  color: #222;
  margin-bottom: 15px;transition:0.3s ease-in-out;
}
#colophon.site-footer .footer-inner .box.visit ul li a div{line-height:1.8;}
#colophon.site-footer .footer-inner .box.menu ul li a:hover{margin-left:7px;color:#fe6507;}
#colophon.site-footer .footer-inner .box.menu ul li a::before {
  content: '\f105';
  font-family: 'FontAwesome';
  color: #fe6507;
  font-size: 17px;
  margin-right: 10px;font-weight: bold;
}
#colophon.site-footer .footer-inner h2 span {
  display: block;
  margin-top: 15px;
  font-weight: normal;
  font-size: 12px;
}
#colophon.site-footer .footer-inner .box.visit h3 {
  font-size: 13px;
  font-weight: 600;
  line-height: 0;
  letter-spacing: 1px;
  color: #222;
  display: inline-block;
  margin-bottom: 15px;
}
#colophon.site-footer .footer-inner .box.visit ul li a {
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
}
#colophon.site-footer .footer-inner .box.visit ul li a i {
  color: #fe6507;
  font-size: 16px;
  margin-right: 5px;
}
.footer-bottom-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;padding:30px 0px;
}
.footer-bottom-logo img{max-width:100%;}
.copy-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #ccc;
  padding: 20px 0px;
}
.copy-right p {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  color: #222;
}
.copy-right ul {
  display: flex;
  align-items: center;
}
.copy-right ul li a {
  color: rgba(12,12,12,.93);
  text-decoration: none;
  display: inline-block;
  margin: 0px 10px;
  font-size: 18px;transition:0.3s ease-in-out;
}
.copy-right ul li a:hover{color: #fe6507;}


/***********************************
            Inner Pages        
************************************/
.inner-pages .inner-title {
  width: 100%;
  text-align: center;
  height: 250px;
  background-size: cover !important;
  background-position: center !important;
  color: #fff;
  display: flex;
  align-items: center;background-repeat:no-repeat !important;
  justify-content: center;
  background-attachment: fixed !important;position: relative;
}
.inner-pages .inner-title::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
}
.inner-pages .inner-title h2 {
  color: #fff;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 10px;
}
/*contact-us*/
#contact-page-form form p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contact-page-form form p br{display:none;}
#contact-page-form form p span{width:48%;}
#contact-page-form form p input, #contact-page-form form p select, #contact-page-form form p textarea {
  font-size: 16px;
  min-height: 47px;
  padding: 6px 16px;
  color: #222;
  border: 1px solid #818a91;
  margin-bottom: 20px;
  width: 100%;
}
#contact-page-form form p span.your-message{width:100%;}
#contact-page-form form p select {
  padding-top: ;
  padding: 12px 16px;
}
#contact-page-form form p input.wpcf7-submit {
  width: 100%;
  display: block;
  border: none;
  color: #fff;
  background: #fe6507;
  text-transform: uppercase;
  text-align: ;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
/*video*/
#FilerTab {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}
#FilerTab a {
  color: #222;
  border: none;
  background: no-repeat;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#FilerTab a:hover, #FilerTab a.selected{color:#fe6507;}
body.page-id-146 .inner-title{display:none;}
body.page-id-146 #colophon.site-footer, body.page-id-143 #colophon.site-footer{margin-top:0px;}
body.page-id-143 .inner-title{height:90vh;}
/*body.page-id-143 .inner-title h2{display:none;}*/