/*
Theme Name: Dark Photography
Description: Dark Photography is a clean and creative theme for photography, creative agencies, businesses, portfolio, fashion photography, and stock photos website. With a minimal and elegant design well complemented by dark colors, you will be able to get the best possible display for your services online. With some expertly crafted codes, this user-friendly theme brings a wonderful and easy-to-use theme interface for giving you a beautiful online presence. This free theme comes with an impressive banner and a team section that also has Call to Action Button (CTA) as this will help you have better conversions. SEO-friendly codes will help you get the better ranks in the search engines and bring you more traffic flows. With clean and secure codes, your website will work well and flawlessly without any lag, and with these highly optimized codes, you will get a faster page load time. The responsive and mobile-friendly website will give you amazing results and it has WPML and RTL compatibility that make this theme translation ready.
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-photography-wordpress-theme/
Author URI: https://www.misbahwp.com/
Version: 1.2
Requires PHP: 7.2
Tested up to: 6.0
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments, sticky-post
Text Domain: dark-photography
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Dark Photography WordPress Theme has been created by misbahwp(misbahwp.com), 2022.
Dark Photography WordPress Theme is released under the terms of GNU GPL
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
	font-family: 'Outfit', sans-serif;
	color: #3a3a3a;
	margin:0;
	background: #efefef;
}
h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	color: #35847f;
}
a {
  color:#fff;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#35847f;
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}
.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
  color:#35847f;
}

/* ===============================================
   HEADER BOX
   ============================================= */

.social-links i {
  text-align: center;
  font-size: 12px;
}
.social-links a:hover{
	color: #141414;
}
.page-template-frontpage .topheader span i,span.name-color {
  color: #35847f;
}
.topheader span,.topheader span i {
  color: #fff;
  font-size: 14px;
}
.topheader{
	background: #35847f;
}
.page-template-frontpage .topheader{
	display: none;
}
.page-template-frontpage #site-navigation {
  position: absolute;
  width: 100%;
  z-index: 9999;
}
.home-social-link {
  position: absolute;
  top: 50%;
  z-index: 999;
  left: -10%;
  transform: rotate(270deg);
}
.home-info {
  position: absolute;
  top: 50%;
  right: -8%;
  z-index: 999;
  transform: rotate(270deg);
}
.home-info:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: 62px;
  left: 105%;
  border-radius: 50%;
  background: #fff;
  display: inline-grid;
  z-index: 9;
}
.home-info:after {
  content: '';
  height: 1px;
  width: 120%;
  display: inline-grid;
  position: relative;
  bottom: 60px;
  background: rgb(255 255 255 / 30%);
  right: 60px;
}
.home-social-link:before {
  content: '';
  height: 2px;
  width: 110%;
  display: inline-grid;
  position: relative;
  top: 60px;
  background: rgb(255 255 255 / 30%);
  right: 35px;
}
.home-social-link:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -33px;
  left: 102%;
  border-radius: 50%;
  background: #fff;
  display: inline-grid;
  z-index: 9;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo a {
  color: #1e1b1b;
  font-size: 28px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #060606;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#35847f;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 35px;
	left: -9999em;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
	color: #141414;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
	background: #35847f;
	color: #fff;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left: 0;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search .open-search-form i {
  font-size: 15px;
  cursor: pointer;
  color: #fff;
}
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: #141414;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#fff !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box {
  border: 1px solid rgb(255 255 255 / 13%);
  background: #050505;
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
  font-weight: 500;
}
.post-content p{
	color: #232121;
}
.post-meta i{
	color: #35847f;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #fff;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-button a {
  background: #35847f;
  padding: 6px 12px;
  color: #fff;
  border-radius: 30px;
}
.post-button a:hover{
	background: #fff;
}

/* ===============================================
   Slider
   ============================================= */

.slider {
  position: relative;
}
.blog_inner_box img{
  opacity: 0.4;
}
.blog_inner_box {
  position: relative;
  background: #050505;
}
.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18%;
  left: 55%;
  color: #fff;
}
.blog_box h3 {
  font-size: 40px;
  color: #fff;
  font-weight: 400;
}
.blog_box h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  background: #35847f;
  padding: 12px;
  display: inline-block;
  border-radius: 0 20px 0 20px;
  color: #fff;
}
p.slider-button a {
  background: #fff;
  padding: 12px 25px;
  color: #141414;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
}
p.slider-button a:hover{
	background: #141414;
	color: #fff
}
.slider h3:after {
  content: '';
  height: 2px;
  width: 100%;
  display: inline-grid;
  position: absolute;
  top: 5px;
  left: -20%;
  background:rgb(255 255 255 / 30%);
}
.slider h3:before {
  content: '';
  height: 100%;
  width: 2px;
  display: inline-grid;
  position: absolute;
  top: -15%;
  left: -10%;
  background: rgb(255 255 255 / 30%);
}
.slider p:before {
  content: '';
  height: 8px;
  width: 8px;
  display: inline-grid;
  position: absolute;
  top: -20%;
  left: -10.5%;
  background: #fff;
  border-radius: 50%;
}
.slider p:after {
  content: '';
  height: 8px;
  width: 8px;
  display: inline-grid;
  position: absolute;
  border-radius: 50%;
  top: 1px;
  left: -20%;
  background: #fff;
}
.slider .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18%;
}
.slider button.owl-prev,.slider button.owl-next {
  color: #fff !important;
  letter-spacing: 5px;
  position: absolute;
}
.slider button.owl-prev i, .slider button.owl-next i {
  padding: 15px;
  border-radius: 50%;
  color: #fff;
  border: solid 2px rgb(255 255 255 / 50%);
}
.slider button.owl-prev i:hover, .slider button.owl-next i:hover{
  background: #35847f;
}
.slider button.owl-prev{
  left: 86%;
}
.slider button.owl-next{
  right: 7%;
}

/* ===============================================
   Gallery Section
   ============================================= */

.gallery img {
  width: 100%;
  height: auto;
}
.gallery h6 {
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 5px;
  color: #35847f;
}
.gallery h3 {
  font-size: 32px;
  font-weight: 300;
}
.gallery_content_box h4 {
  font-size: 18px;
  font-weight: 500;
}
.gallery h6 span {
  position: relative;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 5px;
  color: #35847f;
}
.gallery h6 span:before {
  position: absolute;
  content: "";
  width: 90px;
  right: -100px;
  height: 2px;
  background: rgb(255 255 255 / 30%);
  top: 0;
  bottom: 0;
  margin: auto;
}
.gallery h6 span:after {
  position: absolute;
  content: "";
  width: 8px;
  right: -100px;
  height: 8px;
  border-radius: 10px;
  background: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
}
.gallery h4 span {
  position: relative;
}
.gallery h4 span:before {
  position: absolute;
  content: "";
  width: 60px;
  right: -70px;
  height: 2px;
  background: rgb(255 255 255 / 30%);
  top: 0;
  bottom: 0;
  margin: auto;
}
.gallery h4 span:after {
  position: absolute;
  content: "";
  width: 8px;
  right: -70px;
  height: 8px;
  border-radius: 10px;
  background: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.dark-photography-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.dark-photography-pagination a span,
.dark-photography-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.dark-photography-pagination span.current,
.dark-photography-pagination span.current:hover,
.dark-photography-pagination span.current:focus,
.dark-photography-pagination a span:hover,
.dark-photography-pagination a span:focus {
	background: #35847f;
	color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #fff;
	color: #141414;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #35847f;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  padding: 5px 15px;
  color: #fff;
  background: #35847f;
}

.comment-list .card,.card-header{
	background: #050505;
}
.card-header,.card-footer {
    border-color: rgb(149 149 149 / 13%);
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
	display:none;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
}
.sidebar-area h4.title {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  background: #35847f;
  border-left: solid 5px #fff;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #35847f;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #fff;
	color: #141414;
}
.sidebar-area form {
  padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #050505;
  background: #050505;
  color: #fff;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: #35847f;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background: #35847f;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #050505;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
	background: #35847f;
	color:#ffffff;
}
.scroll-up a:hover{
	background: #fff;
	color:#000;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}


.sticky {
}

.gallery-caption {
}

.bypostauthor {
}