/*!
Theme Name: digitallydubai
Theme URI: http://underscores.me/
Author: digitallydubai
Author URI: https://digitallydubai.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: digitallydubai
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

digitallydubai is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 @font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/fontawesome-webfont.eot") format("embedded-opentype"),
    url("fonts/fontawesome-webfont.woff") format("woff"), 
    url("fonts/fontawesome-webfont.ttf") format("truetype"), 
    url("fonts/fontawesome-webfont.svg") format("svg");
  }
  @font-face {
    font-family: "bootstrap-icons";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/bootstrap-icons.eot") format("embedded-opentype"),
    url("fonts/bootstrap-icons.woff") format("woff"),
    url("fonts/bootstrap-icons.woff2") format("woff2"), 
  }
  @font-face {
    font-family: 'Poppins-Light';
    src: url('fonts/Poppins-Light.eot?#') format('eot'),  /* IE6–8 */
         url('fonts/Poppins-Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('fonts/Poppins-Light.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
  }

@font-face {
  font-family: 'Poppins-Medium';
  src: url('fonts/Poppins-Medium.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/Poppins-Medium.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'WorkSans-Bold';
  src: url('fonts/WorkSans-Bold.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/WorkSans-Bold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}



html {
    line-height: 1.15; 
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0; 
    padding: 0; 
    font-size: 17px; 
    line-height: 2; 
    font-family: 'Poppins-Light' !important;
}
main {
    display: block;
}
*{
    padding: 0; 
    margin: 0;
}
input:focus, a:focus, a:active, textarea:focus, img:focus {
    outline:none;
}
img {
    max-width:100%;
}
ul{
    padding: 0; 
    margin: 0;
}
a{
    text-decoration: none !important; 
    color: #444;
}
a:hover{
    color:#F9B707;
}
p{
    line-height: 2;
}
.h1, h1 {
    font-size: 30px;
}
.bg-header1{
    padding: 3px 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 1%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 1%, transparent 100%);
    box-shadow: none;
    display: block;
    background-color: #272727; box-shadow: 0 2px 12px rgb(136 136 136 / 10%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.home .bg-header1{border-bottom: 0px;}

.tell h2{font-size: 14px; text-align: left; color: #fff; margin: 9px 0;}
.tell h2:before{content: "\f095"; font-family: "FontAwesome"; vertical-align: middle; font-size: 22px; color: #F9B707; padding: 10px 7px 10px 0;}

.address h2{font-size: 14px; text-align: left; color: #fff; margin: 9px 0;}
.address h2:before{content: "\f041"; font-family: "FontAwesome"; vertical-align: middle; font-size: 22px; color: #F9B707; padding: 10px 10px 7px 0px;}

.social{}
.social ul{margin: 0; padding-top: 3px; text-align: right;}
.social li{padding-left: 20px; vertical-align: middle; display: inline-block; list-style: none;}
.social li a{font-size:0 !important;  display: inline-block; text-decoration:none;}
.social li.menu-item-30 a:before{font-family: "FontAwesome"; content: "\f1d9"; font-size: 15px; color: #fff;}
.social li.menu-item-29 a:before{font-family: "bootstrap-icons"; content: "\F437"; font-size: 16px; color: #fff;}
.social li.menu-item-28 a:before{font-family: "FontAwesome"; content: "\f09a"; font-size: 19px; color: #fff;}
.social li.menu-item-28 a:hover:before, .social li.menu-item-29 a:hover:before, .social li.menu-item-30 a:hover:before{color: #F9B707;}

.bg-header2{background-color: #272727; box-shadow: 0 2px 12px rgb(136 136 136 / 10%);}
.home .bg-header2{position: absolute; z-index: 9; width: 100%; background: none; box-shadow: none;}

.main-menu{margin-top: 30px; margin-bottom: 30px;}
.main-menu ul{padding:0; text-align: right; margin: 0;}
.main-menu li a{
  padding: 16px 18px;
  font-size: 16px;
  position: relative;
  display: inline-block;
  outline: none;
  color: #fff;
  text-decoration: none; 
}
.main-menu li{display:inline-block;}
.main-menu li:last-child a{padding-left: 0px;}
.main-menu li a:hover{color: #F9B707;}
.main-menu li.menu-item.current-menu-item a{color:#F9B707;}
.main-menu ul ul{position:absolute; width:250px; padding:10px 0; display:none; z-index:100;}
.main-menu li:hover> ul{
  display:block;
  float:left;
  width:246px;
  margin-right: 0px;
  background: #272727;
}
.main-menu li li{width:100%; padding-right: 10px; float:left; list-style-type:none; margin-right: 0; margin-left: 0;}
.main-menu li li a{text-align: left; font-size: 14px; text-decoration:none; width: 100%; color: #fff; padding: 5px;}
.main-menu ul ul ul{  margin: -44px 225px 0 190px !important;}

.slider .seriousslider-caption-title{font-size: 30px; font-family: 'WorkSans-Bold';}

.content1{margin-top: 150px;}
.content1 h2{text-align: center; padding-bottom: 25px; font-weight: bold;}
.content1 h2:before{content: ''; position: relative; display: block; height: 2px; width: 52px; margin-bottom: 26px; background: #f9b707;
 bottom: 26px; margin: 0 auto; text-align: center;}
.content1 #category-posts-2-internal .cat-post-thumbnail{margin: 0; padding: 0;}
.content1 #category-posts-2-internal .cat-post-thumbnail .cat-post-crop img{height: auto;}
.content1 #category-posts-2-internal .cpwp-excerpt-text{color: #777; font-size: 16px;}
.content1 #category-posts-2-internal .cat-post-item{margin: 12px 0 57px; position: relative;}
.content1 .cat-post-item .cpwp-wrap-text-stage{position: absolute; padding-left: 105px;}
.content1 .cat-post-item .cat-post-title{padding-left: 105px; font-size: 20px; color:#313030;}


.bg-content2-3{background: #F8F8F8;  margin-top: 80px;  padding-bottom: 33px;  padding-top: 100px;}
.content2 {padding-top: 50px;}
.content2 h2{padding-bottom: 20px; font-family: 'WorkSans-Bold';}
.content2 h2:before{content: ''; position: relative; display: block; height: 2px; width: 52px; margin-bottom: 15px; background: #f9b707;
 bottom: 17px;}


 .eight-box .row{margin-right: 0; margin-left: 0;}
 .content4, .content5, .content6, .content7, .content8, .content9, .content10, .content11{padding: 0;}
 .content4 .front h2, .content4 .back h2, .content5 .front h2, .content5 .back h2, .content6 .front h2, .content6 .back h2, .content7 .front h2, .content7 .back h2, .content8 .front h2, .content8 .back h2, .content9 .front h2, .content9 .back h2, .content10 .front h2, .content10 .back h2, .content11 .front h2, .content11 .back h2{z-index: 2; position: relative; color: #fff; text-align: center; font-size: 21px; font-family: 'Poppins-Light'; margin-top: 38%; padding-bottom: 5px;}
 .content4 .front p, .content4 .back p, .content5 .front p, .content5 .back p, .content6 .front p, .content6 .back p, .content7 .front p, .content7 .back p, .content8 .front p, .content8 .back p, .content9 .front p, .content9 .back p, .content10 .front p, .content10 .back p, .content11 .front p, .content11 .back p{z-index: 2; position: relative; color: #fff; text-align: center; font-size: 14px; font-family: 'Poppins-Light';}
 .content4 .front a, .content4 .back a, .content5 .front a, .content5 .back a, .content6 .front a, .content6 .back a, .content7 .front a, .content7 .back a, .content8 .front a, .content8 .back a, .content9 .front a, .content9 .back a, .content10 .front a, .content10 .back a, .content11 .front a, .content11 .back a{color: #fff; text-decoration: underline !important;}
 .content4 .front a:hover, .content4 .back a:hover, .content5 .front a:hover, .content5 .back a:hover, .content6 .front a:hover, .content6 .back a:hover, .content7 .front a:hover, .content7 .back a:hover, .content8 .front a:hover, .content8 .back a:hover, .content9 .front a:hover, .content9 .back a:hover, .content10 .front a:hover, .content10 .back a:hover, .content11 .front a:hover, .content11 .back a:hover{color: #F9B708;}
 
 .flip-container{perspective: 1000;}
 .flip-container:hover .flipper, .flip-container.hover .flipper{transform: rotateY(180deg);}
 .flip-container, .front, .back{width: 100%; height: 355px;}
 .flipper{transition: 0.6s; transform-style: preserve-3d; position: relative;}
 .front, .back{backface-visibility: hidden; position: absolute; top: 0; left: 0;}
 .front{z-index: 2; transform: rotateY(0deg);}
 .front:after{content: ""; background: rgba(51, 51, 51, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
 .back{transform: rotateY(180deg);}
 .back:before{content: ""; background: rgba(51, 51, 51, .91); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
 
 .content4 .front, .content4 .back{background: url(../../uploads/001.jpg); background-size: cover;}
 .content5 .front, .content5 .back{background: url(../../uploads/002.jpg); background-size: cover;}
 .content6 .front, .content6 .back{background: url(../../uploads/003.jpg); background-size: cover;}
 .content7 .front, .content7 .back{background: url(../../uploads/004.jpg); background-size: cover;}
 .content8 .front, .content8 .back{background: url(../../uploads/005.jpg); background-size: cover;}
 .content9 .front, .content9 .back{background: url(../../uploads/006.jpg); background-size: cover;}
 .content10 .front, .content10 .back{background: url(../../uploads/007.jpg); background-size: cover;}
 .content11 .front, .content11 .back{background: url(../../uploads/008.jpg); background-size: cover;}
 
 .bgblog {
    margin-top: 135px;
	padding-bottom: 60px;
  }
  .bgblog .title-latest-news{font-weight: bold; text-align: center; padding-bottom: 30px;}
  .bgblog .title-latest-news:before{content: ''; position: relative; display: block; height: 2px; width: 52px; margin-bottom: 26px; background: #f9b707;
   bottom: 26px; margin: 0 auto; text-align: center;}
  .bgblog .box-latest-news {
    position: relative;
  }
  .bgblog .box-latest-news .main-box-thumbnail a {
    position: relative;
  }
  .bgblog .box-latest-news .box-thumbnail {
    overflow: hidden;
  }
  .bgblog .box-latest-news .box-thumbnail img {
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
   height: auto;
  }
  .bgblog .box-latest-news:hover img {
    transform: scale(1.045);
  }
  .bgblog .box-latest-news .main-box-content {
    box-shadow: 0px 0px 30px 0px hsl(0deg 0% 0% / 7%);
    background: #fff;
    border-radius: 5px;
    position: relative;
    padding: 25px;
  }
  .bgblog .box-latest-news .main-box-content .entry-header {
    padding-top: 16px;
  }
  .bgblog .box-latest-news .entry-header a {
    color: #222;
    font-size: 20px;
    text-align: left;
    display: block;
    padding-bottom: 10px;
    line-height: 30px;
	font-family: 'WorkSans-Bold';
  }
  .bgblog .box-latest-news .entry-header a:hover {
    color: #ffba00;
  }
  .bgblog .box-latest-news .entry-content p {
    color: #777; 
    line-height: 1.5; 
    font-size: 16px;
  }
  .bgblog .box-latest-news .box-cat-name {
    display: inline-block;
    padding-top: 10px;
  }
  .bgblog .box-latest-news .cat-name { 
    font-size: 13px;
    color: #777;
  }
  .bgblog .box-latest-news .cat-name:before {
    font-family: "FontAwesome";
    content:"\f07c";
    color: #777;
    font-size: 14px;
    padding-left: 3px;
  }
  .bgblog .box-latest-news .box-date {
    display: inline-block;
    padding-top: 10px;
  }
  .bgblog .box-latest-news .date {
    font-size: 13px;
    color: #777;
    margin-right: 10px;
  }
  .bgblog .box-latest-news .date:before {
    font-family: "FontAwesome";
    content:"\f073";
    color: #777;
    font-size: 14px;
    padding-right: 3px;
  }
.bg-footer1{background-color: #333; color: #888; margin-top: 55px;}
.foot-box1, .foot-box2, .foot-box3, .foot-box4{margin-top: 102px; margin-bottom: 80px;}
.foot-box1 h2, .foot-box2 h2, .foot-box3 h2, .foot-box4 h2{font-size: 22px; font-weight: bold; padding-bottom: 10px; color: #fff;}
.foot-box1 li{list-style: none;}
.foot-box1 li a{color: #888;}
.foot-box1 li a:before {
    content: "\F135";
    font-family: "bootstrap-icons";
    font-size: 17px;
    color: #888;
    vertical-align: middle;
}
.foot-box1 li a:hover{color: #ffba00;}
.foot-box2 strong:before{
  color: #FFC50E;
  font-size: 15px;
  width: 26px;
  height: 30px;
  display: inline-block;
  vertical-align: bottom;
}
.foot-box2 strong.foot2-address:before{
  font-family: "bootstrap-icons";
  content: "\F3E8";
}
.foot-box2 strong.foot2-tell:before{
  font-family: "FontAwesome";
  content: "\f095";
}
.foot-box2 strong.foot2-mobile:before{
  font-family: "bootstrap-icons";
  content: "\F4E7";
}
.foot-box2 strong.foot2-email:before{
  font-family: "bootstrap-icons";
  content: "\F32F";
}

.bg-footer2{background-color: #272727;}
.copyright{font-size: 12px; color: #888; margin-top: 20px; margin-bottom: 16px;}
.bg-footer2 .social{margin-top: 11px;}


/******************** inner page ********************/
  .inner-page{padding: 15px; margin-bottom: 40px; margin-top: 30px;}
  .inner-page h1{
    padding-bottom: 3px;
    border-left: 3px solid #FFC50E;
    padding-left: 11px;
    margin-bottom: 50px;
    font-size: 30px;
    padding-top: 5px;
  }
  .inner-page p{color: #000; line-height: 2;}
  .inner-page ul{padding-left: 20px;}


/************************** contact us ************************/
.page-id-19 .icon-address:before {
	font-family: "bootstrap-icons";
  content: "\F3E8";
  }
  .page-id-19 .address-footer, .page-id-19 .email, .page-id-19 .tel,  .page-id-19 .mobile, .page-id-19 .insta {
	margin: 32px 0 20px;
	color: #7a8a9e;
	font-size: 15px;
  }
  .page-id-19 .address-footer:before, .page-id-19 .email:before, .page-id-19 .tel:before, .page-id-19 .mobile:before, .page-id-19 .insta:before {
    color: #FFC50E;
    font-size: 25px;
    width: 45px;
    height: 45px;
    display: inline-block;
    float: left;
  }
  .page-id-19 .address-footer h2, .page-id-19 .email h2, .page-id-19 .tel h2, .page-id-19 .mobile h2, .page-id-19 .insta h2 {
    padding-top: 15px;
    color: #333;
    font-weight: 600;
    font-size: 20px;
    display: contents;
  }
  .page-id-19 .tel:before {
    font-family: "FontAwesome";
	  content: "\f095";
  }
  .page-id-19 .tel a {
    margin: 32px 0 20px;
    color: #7a8a9e;
    font-size: 15px;
}
.page-id-19 .email:before {
    font-family: "bootstrap-icons";
    content: "\F32F";
}
.page-id-19 .mobile:before {
    font-family: "bootstrap-icons";
    content: "\F4E7";
}
.page-id-19 .mobile a {
    margin: 32px 0 20px;
    color: #7a8a9e;
    font-size: 15px;
}
.page-id-19 .insta:before {
    font-family: "bootstrap-icons";
    content: "\F437";
}
.page-id-19 input {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 5px;
    border: 1px solid #ced7e4;
    padding: 13px 15px 13px 20px;
    font-size: 15px;
  }
  .page-id-19 input .wpcf7-captchar {
	  width: auto;
  }
  .page-id-19 textarea {
    height: 80px;
    border-radius: 5px;
    border: 1px solid #e2d7f1;
    padding: 13px 15px 13px 20px;
    width: 100%;
    margin-bottom: 5px;
  }
  .page-id-19 label {
	  width: 100%;
  }
  .page-id-19 input[type=submit] {
    width: auto;
    background: #F9B707;
    color: #fff;
    border: 1px solid #F9B707;
    padding: 15px 40px;
    display: inline-block;
  }
  .page-id-19 input[type=submit]:hover {
    background: #fff;
    color: #F9B707;
  }
  

/******************** inner post & blog ********************/
.category .cat-post{padding-bottom: 60px; padding-top: 60px;}
.category .cat-post img{display: block; height: auto;}
.category .joomirpost{box-shadow: 3px 5px 10px -3px rgba(0, 0, 0, .2); background: #fff;}
.category .cat-post h2{padding: 18px 30px 15px 30px; margin-top: 0; margin-bottom: 0; font-size: 18px; line-height: 28px;}
.category .cat-post p{padding: 10px 30px 25px; color: #656565;}
.category .cat-post .date{text-align: left; padding: 12px 30px 3px 60px; display: block; position: relative; color:#FEB903;}
.category .cat-post .date:before{display: none; content: ''; height: 2px; width: 20px; background: #FEB903; position: absolute; left: 33px; top: 24px;}

.inner-post{padding: 15px; margin-bottom: 40px; margin-top: 30px;}
.inner-post p{color: #555; line-height: 2; text-align: justify;}

.blog-content-right{margin-top: 42px;}
.blog-content-right .cat-item-1{display: none;}
.blog-content-right section{margin-bottom: 30px; border-top: 4px solid #FEB903; box-shadow: 0 5px 19px 0 #ccc; padding: 30px;}
.blog-content-right ul{padding-left: 18px;}
.blog-content-right #recent-posts-2 ul li{padding-bottom: 20px;}
.blog-content-right h2{margin-top: 0;  font-size: 22px;  position: relative;  padding-bottom: 20px; font-weight: 600;}

.content-left{margin-bottom: 50px;}
.content-left .date{text-align: left; padding: 4px 0px 10px 30px; display: block; position: relative; color:#FEB903;}
.content-left .date:before{content: ''; height: 2px; width: 20px; background: #FEB903; position: absolute; left: 2px; top: 18px;}
.content-left ul{padding-left: 20px;}
.post-navigation{clear: both; padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.inner-post .content-left .entry-title{font-family: 'WorkSans-Bold'; font-size: 24px; padding-top: 33px; padding-bottom: 20px;}
.inner-post .content-left .post-thumbnail{padding-bottom: 25px;}
.inner-post .nav-previous .nav-title{position: relative; border: 1px solid #8FAE1B; padding: 10px 10px 10px 10px; color: #333;}
.inner-post .nav-previous .nav-title:before{content: ""; background: url(../../uploads/arrow2.png); position: relative; width: 28px; display: inline-block; height: 18px; top: 5px; left: -4px;}
.inner-post .nav-next .nav-title{position: relative; border: 1px solid #503A24; padding: 10px 33px 10px 10px; color: #333;}
.inner-post .nav-next .nav-title:before{content: ""; background: url(../../uploads/arrow1.png); position: absolute; width: 28px; display: inline-block; height: 18px; top: 11px; right: 2px;}
.inner-post .nav-next .nav-title:hover, .inner-post .nav-previous .nav-title:hover{border: 1px solid #ECAE77; color: #000;}
.inner-post .nav-previous{display: inline-block;}
.inner-post .nav-next{/*float: right;*/ display: inline-block;}
.nav-subtitle{font-size: 0;}
.inner-post .comments-area{clear: both;}
.inner-post .comments-area label{font-weight: normal; color: #888;}
.inner-post .comments-area input{width: 100%; background: none; height: 37px; border: 1px solid #f0f0f0;}
.inner-post .comments-area textarea{width: 100%; background: none; height: 90px; border: 1px solid #f0f0f0;}
.inner-post .comments-area .comment-reply-title {margin-top: 25px; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px;}
.inner-post .comments-area input[type="submit"]{margin-top: 10px; border: none; color: #fff; background-color: #4F9F42; padding: 13px; font-size: 16px; width: 225px; height: 58px;}
.inner-post .comments-area input[type="submit"]:hover{background: #21572D; color:#fff;}
.inner-post .comment-form-email{width: 49%; float: left; margin-left: 6px;}
.inner-post .comment-form-author{width: 50%; float: left;}
.inner-post .comments-area #wp-comment-cookies-consent {width: auto; box-shadow: none; vertical-align: bottom;}



@media (max-width:767px) {
	.main-menu {display: none;}
  .social ul {text-align: left;}
  .slider .seriousslider-caption-title{display: none;}
  .content1 {margin-top: 100px;}
  .bgblog .box-latest-news {margin-bottom: 20px;}
  .foot-box1, .foot-box2, .foot-box3, .foot-box4 {margin-top: 51px; margin-bottom: 0;}
  .copyright {margin-top: 13px; margin-bottom: 0px;}
  .bg-footer2 .social {margin-top: 0;}
  .inner-post .content-left .post-thumbnail img{height: auto;}
}