/*!
Theme Name: CTM
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0
Description: This theme was created by the company, and no one else was involved in its creation.
Author: CTM
Author URI: https://www.facebook.com/eFoxSolutions/
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Poppins: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&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://db.onlinewebfonts.com/c/d602bf6498a65d9595ca30c04eadda32?family=Tanseek+Modern+Pro+Arabic+Book');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Gothic+A1&family=Parisienne&family=Poppins: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&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://db.onlinewebfonts.com/c/771d2d395300ea1b80c34ba5282bf694?family=Impact'); 
@import url('https://db.onlinewebfonts.com/c/eaf2e667585a400cd7f0976d6a1fa6bb?family=Nazanin+Bold'); 
@import url('https://db.onlinewebfonts.com/c/e852c2d03bae3d916482998c489ad953?family=Highman+Trial'); 

:root {
    --priFonts: "Roboto Condensed", sans-serif;
    --secFonts: "Tanseek Modern Pro Arabic Book";
    --thirdFonts: "Poppins", sans-serif;
    --ftrFonts:  "Highman Trial"; 
    --headFonts: "Times";    

    --priColor: #fff;
    --secColor: #000;
    --activeColor: #77271E;
    --headingColor: #FAE101;
    --tColor: #FEB3CA;
    --ftrColor: #434450; 
    --navColor:   #808080;
    --navAfter: #86D07F;

    --lHeight: 30px;
    --fSize: 28px;
}

/* Css reset */
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, center, 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, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }


body {width: 1920px; max-width: 100%; position: relative; margin: 0 auto; font-family: var(--priFonts); line-height: var(--lHeight); color: var(--priColor); font-size: var(--fSize); padding: 0; overflow: auto;}
.wrapper {width: 100%; max-width: 1200px; margin: 0 auto; position: relative;}
.active a{ color: var(--activeColor); }


h1 {font-size: 40px;}
h2 { font-family: var(--ftrFonts); font-size: 30px; color: var(--priColor);}
h3 {font-family: var(--ftrFonts);  font-size: 25px; color: var(--priColor); }
h4 { font-family: var(--ftrFonts); color: #000; font-size: 18px; line-height: 24px; }
a {text-decoration: none; color: unset;}
a:hover { color: var(--activeColor); }
img {width: 100%; vertical-align: middle;}
p {font-size: 16px; line-height: 26px; margin: 21px 0 25px; text-align: justify; letter-spacing: .8px; font-weight: 400; font-family: var(--thirdFonts); color: var(--secColor); font-weight: 600;}
strong {font-weight: 600;}
.entry-content ul { margin: 0 0 0 50px; }
.entry-content ul li::after { content: ''; background: #000; width: 8px; height: 8px; top: 9px; left: -16px; position: absolute; border-radius: 50%; }
.entry-content ul li { line-height: 26px; margin: 5px 0 0px; text-align: justify; letter-spacing: .8px; font-weight: 400; font-family: var(--thirdFonts); color: var(--priColor); font-size: 16px !important; position: relative; }
/* Others */



/* Header */
header { background: url('images/header-bg.png') no-repeat; background-size: auto; overflow: auto; background-size: cover; padding: 33px 0;}
.main-logo { padding: 35px 0; width: 90%; margin: 0 auto; }


/* nav */
nav { background: var(--navColor);  position: relative; }
nav::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: var(--secColor);}
nav::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--secColor); }
.nav-con { min-height: auto; overflow: auto; line-height: 100px; }
#primary-menu {text-align: center;}
.nav-container { max-width: 1000px; margin: 0 auto; }


.sub-menu li { display: block; }


nav ul { list-style: none; margin: 0; padding: 0; }
nav ul li { display: inline-block; }

nav ul li a { display: block; padding: 0 9px; line-height: 70px; color: var(--priColor); text-decoration: none; font-size: 18px; text-transform: uppercase; font-weight: 600;  letter-spacing: 0.5px;}


nav ul li a:not(:only-child):after {
  padding-left: 4px;
  content: ' ▾';
}

nav ul li ul li {
  min-width: 190px;
}

nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.sub-menu { position: absolute; z-index: 1; box-shadow: 0 3px 12px rgba(0,0,0,.15); display: none; background: var(--tColor); text-align: left; line-height: 19px; top: 116px; }

.nav-mobile { display: none; position: absolute; top: 25px; right: 0; height: 70px; width: 70px; }
@media only screen and (max-width: 800px) {
  .nav-mobile { display: block !important; position: absolute; z-index: 999; top: -83px; }
  nav { width: 100%; padding: 0; }
  nav ul { display: none; }
  nav ul li { float: none; }
  nav ul li a { padding: 15px; line-height: 20px; }
  nav ul li ul li a { padding-left: 30px; }
}

#nav-toggle { position: absolute; left: 18px; top: 22px; cursor: pointer; padding: 10px 35px 16px 0px; }

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px; background: var(--priColor); position: absolute; display: block; content: ''; transition: all 300ms ease-in-out; }

#nav-toggle span:before { top: -10px; }

#nav-toggle span:after { bottom: -10px; }

#nav-toggle.active span { background-color: transparent; }

#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }

#nav-toggle.active span:before { transform: rotate(45deg); }
#nav-toggle.active span:after { transform: rotate(-45deg); }




/* Main Area */
#main { position: relative; overflow: hidden;  }
#main::after { content: ''; position: absolute; bottom: -238px; left: 0; width: 100%; display: block; background: url(images/ftr-bg.png); height: 604px; }
video {object-fit: cover; width: 100%; min-height: 1284px; vertical-align: top; height: 100%; position: absolute;}




/* Main Nonhome */
#main-nh { background: url(images/background.jpg); background-position-x: 0%; background-position-y: 0%; background-size: auto; background-size: cover; background-position: center; min-height: 0; position: relative; padding: 0 0 522px;}
#main-nh::after { content: ''; position: absolute; bottom: 0; left: 0; background: url(images/ftr-bg.png); width: 100%; height: 390px; }
.main-con { min-height: 0; }
.heading_title { font-size: 45px; color: var(--activeColor); padding: 100px 0 60px; font-family: var(--ftrFonts); text-align: center; text-transform: uppercase; font-weight: 600; line-height: 48px; background: linear-gradient(to top, #7D3E2D 0%, #AC3723 100%); background-clip: border-box; background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.entry-content { background: rgba(255, 255, 255, 0.4); box-sizing: border-box; padding: 40px 88px; width: 85%; margin: 0 auto; border-radius: 5px;}
.bookshop {overflow: auto; }
.buyTheBook h2 { font-size: 20px; text-align: center; font-family: var(--thirdFonts); font-weight: 600; color: var(--secColor);}
.buyTheBook em { display: block; line-height: 41px; }
.buyTheBook span { word-wrap: break-word; }

table { margin: 60px 0; width: 100%; }
td { font-weight: 600; font-family: var(--thirdFonts); font-size: 16px; padding: 5px 10px !important; font-style: italic; border: 1px solid var(--secColor) !important; color: var(--secColor); }
.bookshop { padding: 48px 0 0; }
.bookshop-img img{ width: 148px !important; }
.bookshop .advgb-social-icon.bookshop-img { display: unset; }
.advgb-social-icons a:nth-child(2) img { margin: -48px 0 0; }
.heading-shop { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; margin: 23px 0 30px; font-family: Times;color: var(--secColor) }
.bookshop img { filter: grayscale(100%); mix-blend-mode: difference; }

/* Footer */
footer { line-height: 84px; background: var(--ftrColor); background-position-y: 0%; background-size: auto; position: relative; background-size: cover; background-position-y: 137px; overflow: hidden; } 
.newlink { width: 24%; float: right; display: flex; align-items: center; }
.newlink img {width: 58%;}
.footer-flex { justify-content: space-between !important; }
footer h3 { line-height: 30px; font-family: var(--thirdFonts); font-size: 19px; color:var(--tColor); width: 100%;}
footer h2 { font-size: 20px; line-height: 32px; font-weight: 600; font-family: var(--thirdFonts); color:var(--tColor); }
.ftr-img img { vertical-align: middle !important; }
footer .widget { padding: 20px 0; }
.widget_block { padding: 0 0 20px; }



.my-slider {
  max-width: 100%;
  margin: 0 auto;
}

.my-slider img {
  max-width: 100%;
  height: auto;
}