/*
Theme Name: My Escorts
Theme URI: https://escortslondon.club/theme
Author: Aggelos Glunas
Author URI: aggelos.glunas@gmail.com
Version: 20190521
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myescorts
*/

* {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   border: none;   
   font-family: Comfortaa, cursive, sans-serif;  
   line-height: 130%;
   font-size: 20px;
   text-decoration: none;
}

html {
   scroll-behavior: smooth;
}

body {
   --backColor: #2d283e; /* rgba(45, 40, 62, 0.4); */
   --frontColor: #802bb1;
   --headerHight: 60px;
   --maxPageWidth: 1600px;
   --primeColor: white;
   font-weight: 200;
}

h1, h2, h3, h4, h5, h6 {
   margin-top: 1rem;
   margin-bottom: 1rem;
   color: var(--primeColor);
}
h1 {
   font-size: 2rem;
}
h2 {
   font-size: 1.6rem;
}
h3 {
   font-size: 1.2rem;
}

p {
   font-size: 1rem;
   margin-bottom: .5rem;
}

ul, ol, li {
   margin-left: 1rem;
}

video#bg-video { 
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
    z-index: -1000;
    transition: 1s opacity;
}

a.more-link {
   display: none;
}

a#email-icon {
   display: block;
   position: fixed;
   left: 20px;
   bottom: 20px;
   color: white;
   width: 48px;
   height: 48px;
   text-align: center;
   border-radius: 50%;
   line-height: 250%;
   background-color: #e54b4d;
   z-index: 1111;
}

div#wrapper {
   max-width: var(--maxPageWidth);
   margin: auto;
}

header {
   width: 100%;
   min-height: calc(100vw * (1080/1920));
}

header nav.drop-menu {
   display: none;
}

header nav.drop-menu div {
   display: flex;
   flex-direction: row; /* row | column | row-reverse | column-reverse; */
   flex-wrap: wrap; /* nowrap | wrap | wrap-reverse; */
   justify-content: space-between; /* flex-start | flex-end | center | space-around | space-between | space-evenly; */
   align-items: flex-end; /* stretch | flex-start | flex-end | center | baseline */
   /* align-content: stretch | flex-start | flex-end | center | space-between | space-around | space-evenly; */
   padding: 100px 5% 5%;
   line-height: 300%;
}
header nav.drop-menu div a {
   width: 33%;
   color: var(--primeColor);
   font-size: 2rem;
   text-shadow: 3px 3px 3px black;
   transition: 500ms;
   word-break: break-all;
   /*word-wrap: break-word; */
}
header nav.drop-menu div a:hover {
   color: white;
}
/*--------------------------------*/  


/*header-wrapper-------------------*/
div#header-wrapper {
   position: fixed;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   max-width: var(--maxPageWidth);
   height: var(--headerHight);
   background-color: rgba(0, 0, 0, 0.7);
   padding: 1%;
   z-index: 1111;
   border-bottom: thin solid lightgray;
}

div#header-wrapper nav:first-child a img {
   width: 180px;
   height: auto;
}

div#header-wrapper nav:last-child {
   width: 100%;
   padding-left: 1%;
}

div#header-wrapper nav:last-child section {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}

div#header-wrapper nav:last-child section a span {
   display: none;
}

div#header-wrapper nav:last-child section a {
   color: var(--primeColor);
   font-weight: 300;
   font-size: 1rem;
   text-decoration: none;
   padding: 5px;
}
div#header-wrapper nav:last-child section a:hover {
   text-decoration: underline;
}

div#header-wrapper nav:last-child section a:last-child:hover {
   text-decoration: none;
}

div#header-wrapper nav section a {
   cursor: pointer;
}
/*header-wrapper-------------------*/

/* nice-heading -------------------------*/
.nice-heading {
   font-size:2.3rem;
   color: var(--primeColor);
   border-bottom: 2px solid var(--primeColor);
}
/* nice-heading -------------------------*/

/* category styles (category.php) -----------------------*/
div.category {
   width: 100%;
   padding: 2%;
   color: white;
   background-color: rgba(45, 40, 62, 0.5);    
}
div.category section.category-description {
   color: white;
   padding: 1%;
}

div.category section.category-description a {
   text-decoration: underline;
   color: white;
   font-weight: bold;
   font-size: 1.2rem;
}

div.category section.category-description img {
   width: 50%;
   height: auto;
   max-width: 900px;
   float: left;
   padding: 1%;
}
/* category styles (category.php) -----------------------*/

/*page styles (page.php) --------------------------*/
div.page {
   width: 100%;
   padding: 2%;
   color: white;
   background-color: rgba(45, 40, 62, 0.5); 
}
div.page section.page-content p,
div.page section.page-excerpt p {
   line-height: 160%;
}
div.page section.page-content::after {
  content: "";
  clear: both;
  display: block;
}
div.page section.page-content a,
div.page section.page-excerpt a {
   text-decoration: underline;
   color: white;
   font-weight: bold;
   font-size: 1.2rem;
}

div.page section.page-content img.featured-image {
   max-width: 600px;
   width: 50%;
   margin: 0 0 10px 10px;
   border: thin solid gray;
   padding: 5px;
   float: right;
}

div.page section.page-content div.two-columns {
   display: flex;
   justify-content: space-between
}
div.page section.page-content div.two-columns > div {
   width: 49%;
}

div.page section.page-content div.the-content {
   max-width: 600px;
} 
/*page styles (page.php) --------------------------*/

/* contact (page-contact.php) ----------------------*/
div.page-contact {
   padding-left: 15%;
   padding-right: 15%;
}
/* contact -----------------------------------------*/

/* happyforms -----------------------------------
div#happyforms-2540 {
   max-width: 400px;
}
*/


/*next-prev----------------------------------------*/     
div.next-prev {
   text-align: center;
   margin: 10px 0px;
   line-height: 200%;
}
div.next-prev a {
   text-decoration: none;
   color: var(--primeColor);
   border-bottom: thin dashed var(--primeColor);
   font-weight: bold;
   font-size: 1.5rem;
}
/*next-prev----------------------------------------*/

/* single-post (single.php) ---------------------------*/
div.single-post {
   width: 100%;
   padding: 1%;
   color: white;
   background-color: rgba(45, 40, 62, 0.4);
}
div.single-post > div {
   display:flex;
   flex-direction: row;
   justify-content:space-evenly;
   align-items: flex-start;
}
div.single-post a {
   text-decoration: none;
   color: white; /* var(--primeColor); */
   border-bottom: thin dashed var(--primeColor);
   font-weight: bold;
}
div.single-post div div.single-left-col {
   width: 100%;
   max-width: 672px;
}
div.single-post div div.single-left-col img {
   margin-bottom: 10px;
   width: 100%;
   height: auto;
   border-radius: 10px;
   /* box-shadow: 5px 5px 5px #dddddd; */
   border: solid thin #aaaaaa;   
}
div.single-post div div.single-right-col {
   width: 100%;
   padding-left: 1%;
}
div.single-post div div.single-right-col h2 {
   margin-top: 0px;
}
/* single-post (single.php) ---------------------------*/


/* single-post-short-all (template-parts/post/content-single-post-short-all.php) ---*/
div.single-post-short-all {
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content:space-evenly;
   align-items: flex-start;
   flex-wrap: wrap;
   /*background-color: white;*/
}
div.single-post-short-all figure {
   width: 32%;
   color: white;
}
div.single-post-short-all figure figcaption {
   padding: 1%;
}
/* single-post-short-all -------------------------*/


/* single-post-short -------------------------*/
figure.single-post-short {
   width: 100%;
}
figure.single-post-short div.big-arrow-top {
   cursor: pointer;
   border-radius: 10px;
   box-shadow: 3px 3px 3px #888888;
   border: solid thin #777777;
   overflow: hidden;
   width: 100%;
}
figure.single-post-short div.big-arrow-top img {
   transition: transform 2s ease-out;
   display: block;
   width: 100%;
   height: auto;
}
figure.single-post-short div.big-arrow-top img:hover {
   transform: scale(1.1);
}
figure.single-post-short > h2 {
   text-shadow: 2px 2px 2px gray;
}
figure.single-post-short figcaption a {
   color: white;
   font-weight: bold;
   font-size: 1.2rem;
}
/* single-post-short -------------------------*/


/* tab-wrapper ----------------------------*/     
div#tab-wrapper {
   color: white;
   margin: 12px 0px 0px;
}
div#tab-wrapper nav  {
   display: flex;
   flex-direction: row;
   align-content: flex-start;
}
div#tab-wrapper nav div {
   width: 100%;
   text-align: center;
   font-weight: bold;
   cursor: pointer;
   padding: 8px 5px;
   border: thin solid white;         
}
div#tab-wrapper nav div.on {
   background-color: rgba(91, 40, 138, 0.3);
}
div#tab-wrapper section {
   background-color: rgba(91, 40, 138, 0.3);
   margin-top: 5px;
}
div#tab-wrapper section div  {
   display: none;
   padding: 8px 5px;
}
/* tab-wrapper ----------------------------*/


/* tapto (page/content-tapto.php) -----------------------------------*/     
div.tapto {
   color: white; 
   text-align: center;
}
div.tapto a {
   border: 2px solid white;
   margin-left: 0.2rem;
   margin-top: 0.2rem;
   padding: 1rem 0.1rem;
   font-size: 1rem;
   text-align: center;
   color: inherit;
   text-decoration: none;
   display: inline-block;
   min-width: 13rem;
}
div.tapto a:hover {
   text-decoration:underline;
}
/* tapto -------------------------------------*/

/* affiliated-sites -----------------------------------*/     
div.affiliated-sites {
   color: white; 
   text-align: center;
}
div.affiliated-sites a {
   border: 2px solid white;
   margin-left: 0.2rem;
   margin-top: 0.2rem;
   padding: 1rem 0.1rem;
   font-size: 1rem;
   text-align: center;
   color: inherit;
   display: inline-block;
   min-width: 13rem;
}
div.affiliated-sites a:hover {
   text-decoration:underline;
}
/* affiliated-sites -------------------------------------*/


/* partners -------------------------------------*/
div.partners a {
   display: block;
   font-size: 0.6rem;
   margin: 18px 0;
   word-wrap: break-word;
}
div.partners  a img {
   width: 100%;
   max-width: 468px;
}
/* partners -------------------------------------*/



/* footer (footer.php) ------------------------------*/
footer {
   /* background-color: rgba(128, 128, 128, 0.5); */
   background-color: var(--backColor);
   padding: 4%;
   color: white;
}   
/* footer -----------------------------*/

/* html-sitemap (footer.php) -----------------------*/
footer .html-sitemap {
   color: inherit;
   text-align: center;
}   
footer .html-sitemap a {
   border: 2px solid white;
   margin-left: 0.2rem;
   margin-top: 0.2rem;
   padding: 1rem;
   font-size: 1rem;
   text-decoration: none;
   color: inherit;
   display: inline-block;
   min-width: 13rem;
}
/* html-sitemap -----------------------*/

/* subfooter (footer.php) --------------------------*/
div.subfooter {
   color: white;
   padding: 2%;
   padding-bottom: 80px;
   background-color: black;
   text-align: center;
}
div.subfooter img {
   width: 80%;
   max-width: 320px;
   min-width: 260px;
}
/*subfooter-----------------------*/


/* partners-banners ----------------------------------*/
div.partners-banners {
   margin: 1% 0;
   display: flex;
   flex-direction: row;
   align-content: center;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
}
div.partners-banners a {
   text-decoration: none;
   color: var(--primeColor);
   margin: 1%;
}
div.partners-banners a img {
   max-width: 320px;
}
/* partners-banners -----------------------------*/

/* our-banners ----------------------------------*/
div.our-banners {
   margin: 1% 0;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-evenly;
}
div.our-banners > a {
   width: 24%;
   max-width: 400px;
   text-decoration: none;
   color: var(--primeColor);
   background-color: rgb(91, 40, 138);
   padding: 1%;
   text-align: center;
}
div.our-banners a img {
   height: 60px;
   width: auto;
}
/* our-banners ---------------------------------*/ 

/*
@media (hover: none) {
   div.single-post-short-all figure div.big-arrow-top img:last-child {
      opacity: 0.4;
   }
}
*/

@media screen and (max-width: 1220px) {
   div.page-search-by-category section.the-content {
      column-count: 2;
      column-gap: 5%;
      column-width: 45%;
   }
   div#header-wrapper nav:last-child section:first-child a:nth-child(7) {
      display: none; /* news letters */
   }
}

@media screen and (max-width: 1200px) {
   div.single-post-short-all figure {
      width: 48%;
   }

   div#header-wrapper nav:last-child section:first-child a:nth-child(6) {
      display: none;/* casting */
   }
}

@media screen and (max-width: 1000px) {
   header nav.drop-menu div a {
      width:50%;
   }    
   div.our-banners {
      flex-wrap: wrap;
   }
   div.our-banners > a {
      width: 48%;
      margin-bottom: 1.5%;
   }
   div#header-wrapper nav:last-child section:first-child a:nth-child(5) {
      display: none;
   }
}

@media screen and (max-height: 900px) {
   div#shadow-light-box-container div#container {
      width: calc(100vh * 2/3);
      max-height: 100vh;
   }
}

@media screen and (max-width: 900px) {
   div#header-wrapper nav:last-child section:first-child a:nth-child(4) {
      display: none;
   }
}

@media screen and (max-width: 799px) {
   div#header-wrapper div#casting {
      display: none;
   } 

   div.page section.page-content div.two-columns {
   display: block;
   }
   div.page section.page-content div.two-columns > div {
   width: 100%;
   }

   div.single-post-short-all figure {
      width: 100%;
   }
   div.single-post-short-all figure div.big-arrow-top {
      box-shadow:none;
   }
   div.single-post > div {
      display:block;
   }
   div.single-post > div > div.single-left-col {
      width: 100%;
      max-width: 100%;
   }

   div#header-wrapper nav:last-child section:first-child {
      justify-content: flex-end;
   }
   div#header-wrapper nav:last-child section a span {
      display:initial;
   }

   div#header-wrapper nav:last-child section:first-child a:nth-child(3),
   div#header-wrapper nav:last-child section:first-child a:nth-child(2),
   div#header-wrapper nav:last-child section:first-child a:nth-child(1) {
      display: none;
   }
}

@media screen and (max-width: 700px) {
   div.category-description img {
      width: 100%;
   }
   header nav.drop-menu div a {
      width:100%;
      font-size: 1.8rem;
   }       
   div.page-search-by-category section.the-content a {
      padding: 4% 3%;
   }
   div.page section.the-content div.tapto p {
      padding:4%;
   }
}

@media screen and (max-width: 600px) {
   div#shadow-light-box-container div#container {
      height: calc(100vw * 3/2);
      max-width: 100vw;
   }
   div.page section.page-content div.tapto p {
      padding:5%;
   }
   div.page section.page-content img.featured-image {
      width: 100%;
      margin: 0;
      float: none;
   }
}

@media screen and (max-width: 480px) {
   div.our-banners > a {
      width: 100%;
      margin-bottom: 1.5%;
   }

   div#header-wrapper nav:last-child {
      width: 50%;
   }
   div#header-wrapper nav:first-child a img {
      width: 130px;
   }
}