/*!
Theme Name: Creative Designers India
Theme URI: http://underscores.me/
Author: Hispirits Technologies
Author URI: http://hispirits.biz
Description: A Theme by Hispirits Technologies
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: creative-designers-india
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.

Creative Designers India 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
--------------------------------------------- */
/*********************
01. GENERAL STYLES*/

*{ padding:0; margin:0;	list-style:none; border: 0 none;}

body {font-family:'Open Sans'; font-size: 17px; line-height:26px; color:#000; background: #fff; width:100%; overflow-x: hidden;}


.container{width:1170px; max-width:96%; margin:auto; display:flex;}
.inner-content{width:100%;}
.align-center{align-items:center;}

.col-left img{height:70px;}
.col-right{margin-left:auto; order:2;}

.head-add img{height:60px !important; width:auto;}

a{text-decoration:none;}
.clr {clear:both;}

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


/*******************************
03. H1, H2, H3, H4, H5 STYLES 

h1,.h1 {font-size:3.4rem;}
h2,.h2 {font-size:2.6rem;}
h3,.h3 {font-size: 24px; line-height:34px;}
h4,.h4 {font-size: 20px; line-height:30px;}
h5,.h5 {font-size: 18px;}
h6,.h6 {font-size: 16px;}*/

/*********************
04. LINK STYLES */

a{color:#cb221b;}
a, a:visited {}
a:hover, a:visited:hover,
a:focus, a:visited:focus {}
a:link, a:visited:link {}




/**********************
06. NAVIGATION STYLES */

#top-header{padding:14px 0px 10px 0px; background:#fff; box-shadow:0px 0px 3px #ccc;}

.main-menu{text-align:center;}

.main-menu li{position: relative;  display: inline-block; text-align: center;}
.main-menu li a {color:#000;  display:block; padding:14px 12px; font-size:14px; text-transform:uppercase;}

.main-menu ul {display: none; padding:0; position: absolute; top:50px; width:220px; z-index: 99999;	float: left; left:0px; background-color:#ebf3fe; box-shadow:0px 0px 4px #222; }
.main-menu ul ul{display: none; padding:0; position: absolute; top: 0px; width:220px; z-index: 99999;	float: left; left:220px; background-color:#ebf3fe; box-shadow:0px 0px 4px #222;}
.main-menu li.simplemenu ul {width:100%;}
.main-menu ul li {border:0 none; margin:0; padding:0px; display:block}
.main-menu ul a{ border:0 none; padding:12px; display: block; text-align:left;}

.main-menu li:hover, #main-nav #main-menu li.current-menu-item{color:#e31e24;.}
.main-menu li:hover > a, #main-nav  #main-menu :hover > a {color:#e31e24;}
.main-menu li:hover > ul {display: block;}	
 
.menu-item-has-children .fa{display:none;}

.menu-media-container{font-size:22px;}
.menu-media-container li{display:inline-block; padding:0px 4px;}
.menu-media-container li a{color:#042951;}

/* Scroll to top */
#gototop{ z-index: 2; background-color: #fff; border:1px solid #ccc;
         width: 40px; height: 30px; padding-top:10px; text-align:center; color:#000; overflow: auto;
         position: fixed; bottom: -100px; right: 10px; cursor: pointer;
         -webkit-transition: all .7s ease-in-out;
         -moz-transition: all .7s ease-in-out;
         -o-transition: all .7s ease-in-out;
         -ms-transition: all .7s ease-in-out;
         transition: all .7s ease-in-out;}

.elementor-menu-toggle.elementor-active{z-index:9999; top: 5px; right:10px; position: fixed; }
nav.elementor-nav-menu--dropdown{position: fixed; right:0; top:0; width:280px; bottom: 0; padding-top:50px;
z-index:999; }
.topnav.elementor-sticky--effects{box-shadow:0px 0px 4px #000;}


.opennav{display:none;}

.dialog-type-lightbox{z-index:999999 !important;}
.single-post .main-footer{margin-top:40px;}

/*   TABLET  : 768px -----------------------------   */
@media screen and (max-width:768px) {
	#top-bar{display:none;}
	#top-header{padding:6px 0px;}
	

#mySidenav { height: 100%; position: fixed; z-index:99999; top:90px; left: 0; right:0px; background-color:rgba(255,255,255,0.9);    width:100%; display:none; }
	
	.menu-item-has-children .fa{display:block;}
	

	#mySidenav .main-menu li{display:block; text-align:left; border-bottom: 1px solid #e3e3e3;}
	#mySidenav .main-menu li a{font-size:16px;}
	#mySidenav .main-menu li:hover > ul {display:none;}
	.menu-item-has-children .fa{font-size:20px; position:absolute;  right:0px;   top:0px;   bottom:0px; 
    padding: 15px;}
	#mySidenav .main-menu ul{position: relative; top: 0px; width: 100%; margin-bottom:20px;}
	.main-menu ul {box-shadow:none; background:#fff;}
	.menu-item-has-children.active ul{display:block !important;}
	
.sidenav a { text-decoration:none; display:block;  transition:0.3s;}
.sidenav a:hover {}
	.opennav{cursor:pointer; display:block; padding:10px; float:right; font-size:50px;}	


	.head-add {display:none;}	

}

@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.head-add {display:none;}
}

.article-header{width: 100vw; position: relative; background:#022951; color:#fff;  margin-left: -50vw; text-align:center; padding:50px 0px; left: 50%; margin-bottom:20px;}

.gallery-item .gallery-icon{height:200px; overflow:hidden;}
.gallery-item .gallery-icon img{min-height:200px;}
.gallery-item .gallery-caption{background:#e31e24; color:#fff; padding:6px;}
.gallery-item img{border:0px !important;}

.gallery-icon.landscape{border:3px solid #e31e24 !important;}


@media screen and (max-width: 520px) {
	.gallery-item{width:100% !important;}
	.gallery-item .gallery-icon{height:inherit;  bottom: -10px;  position: relative;}
	.gallery-item .gallery-icon img{min-height:inherit;}
}