/*
Theme Name: VW Photography Pro
Theme URI:  https://www.vwthemes.com/themes/wordpress-photography-themes/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: The WordPress photography themes is stylish, charming, engaging, robust and bold with a beautifully designed space to show your art. It is specifically created for photographers, photo studios, graphic designers, event decorators, photo frame shops, printing agency, magazines, travel and photo journalists and similar image-centred website. It can be used by bloggers having food blog or travel and adventure blog, fashion and clothing blog and all those who want to entice their visitors with charming and eye-catching photos and images. Display images in any shape and size such is its flexibility. Colours play a vital role in any photography website and this theme provides unlimited colours to open vast opportunities to choose any colour scheme. This WordPress photography themes gives so many options of blog, pages and template layouts, header and footer styles and sidebar layouts to design the theme that you can never end up with a clichéd design.
Version: 1.4.6
Requires at least: 5.4.2
Requires PHP: 5.2.4
License: GNU General Public License
License URI:license.txt
Text Domain: vw-photography-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Photography Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2018.
VW Photography Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
:root {
  --white: #ffffff;
  --black: #000000;
  --gray:#30314f;
  --darkgray:#383838;
  --gray1:#7a7a7a;
  --gray2:#e1e1e1;
  --gray4:#ccc;
  --darkgray1:#e280b0;
  --lightgray:#686868;
  --silver:#bbbbbb;
  --brightpink:#e381b0;
  --darkgray2:#333333;
  --lightgray2:#dddddd;
  --transparent: transparent;
}
:root {
  --common-font-body: 'PT Sans';
  --common-fjallaone-font: 'Fjalla One';
}
*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:var(--white); 
  position:relative;
  color: var(--gray); 
  font: 300 15px var(--common-font-body);
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1, h2, h3, h4, h5, h6{ 
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:var(--gray);
  font-family: var(--common-fjallaone-font);
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:16px;
  font-weight:300;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:var(--gray); 
}
a:hover{
  text-decoration:none; 
  color:var(--gray4);
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--darkgray);
} 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: var(--gray1);
}
blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: var(--gray1);
} 
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="phno"],input[type="password"],textarea{
  border:1px solid var(--gray2);
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: var(--transparent);
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 14px 20px;
  font-weight: bold;
  color: var(--white);
  text-transform: uppercase;
  border: none;
  background-color: var(--brightpink);
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
  height: 100px;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft,img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
  border: 2px solid var(--gray4);
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
  border: 2px solid var(--gray4);
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
  border: 2px solid var(--gray4);
}
img.alignnone.wp-image-907 {
  border: 2px solid var(--gray4);
  padding: 5px;
}
img.wp-image-907{
  border: 2px solid var(--gray4);
  padding: 5px;
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
table, td, th {
  border: 1px solid black;
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid var(--white); 
  color: var(--black);
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
  color: var(--white);
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: var(--black);
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--silver);
  color: var(--white); 
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: var(--lightgray);
  color: var(--white); 
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  text-transform: uppercase;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  text-transform: uppercase;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h4{
  font-size:20px;
}
section h5,section h6{
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
.owl-dots {
  display: none;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/* ---------Buttons--------- */
.theme_button {
  color: var(--white);
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 18px 20px;
  font-size: 14px;
  font-weight: bold;
  background-color: var(--brightpink);
  border-radius: 0;
  display: inline-block;
  text-transform: uppercase;
  padding: 20px 20px;
  box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
  cursor: pointer;
  transition: all ease-in-out 300ms;
  margin-top: 20px;
  position: relative;
}
.theme_button:after {
  content: url(./assets/images/buttonicon.png);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--brightpink);
  padding: 7px 8px;
  border-radius: 50%;
  vertical-align: middle;
  line-height: 9px;
}
.theme_second_button{
  border: none;
  text-transform: uppercase;
  margin-top: 20px;
  letter-spacing: 1px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 0;
  display: inline-block;
  text-transform: uppercase;
  padding: 20px 30px;
  cursor: pointer;
  transition: all ease-in-out 300ms;
  margin-top: 20px;
  position: relative;
}
.theme_button:hover {
  color: var(--white);
  background-color: var(--gray); 
}
.theme_button:hover:after{
  background-color: var(--gray); 
  transition: all ease-in-out 300ms;
}
.theme_second_button{
  background-color: var(--gray); 
  color: var(--white);
}
.theme_second_button:hover {
  color: var(--white);
  background-color: var(--brightpink);
  transition: all ease-in-out 300ms;
}
.theme_second_button:after {
  content: url(./assets/images/buttonicon.png);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--gray); 
  padding: 7px 8px;
  border-radius: 50%;
  vertical-align: middle;
  line-height: 9px;
}
.theme_second_button:hover:after{
  background-color: var(--brightpink);
  transition: all ease-in-out 300ms;
}
.about-content h2,.about-content .section_desc_content i{
  color: var(--white);
}
.about-content .section_desc_content h3 small{
  color: var(--gray); 
}
/*-----------------Search pop up----------------*/
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.search-box{
  position: relative;
  float:right;
}
.search-box span {
  padding: 12px 15px;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right:0;
  top:38px;
}
.search-box i {
  color:var(--brightpink);
}
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999999999999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.closepop {
  position: absolute;
  top: 29%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  border-radius: 0;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
  background-color: transparent;
  border-radius: 40px;
  border: 2px solid #fff;
  color: #fff;
  padding: 10px 29px;
}
.search_popup label {
  background: transparent;
  width: 81%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 80%;
  text-indent: 8px;
  border: 2px solid #fff;
  border-radius: 40px;
  color: #fff;
}
/*----------------------  index ---------------------------*/
.post-section {
  padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(assets/images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: var(--white);
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  background-color: var(--brightpink);
  border: 1px solid var(--brightpink);
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  /*width: auto !important;*/
  margin: 0 auto;
}
#our_partners img{
  width: auto !important;
}
button.owl-prev, button.owl-next {
  background: var(--white);
  border: 1px solid var(--black);
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: var(--silver);
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: var(--brightpink);
  border-radius: 0;
  padding: 10px 14px;
  color: var(--white);
  border: solid 1px var(--brightpink);
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: var(--brightpink);
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: var(--white);
  color: var(--darkgray2);
  border: 1px solid var(--brightpink);
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid var(--lightgray2);
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: var(--brightpink);
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: var(--white);
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
    padding: 0 .5em .5em;
    display: inline-block;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
    border: solid 1px var(--black);
}
.woocommerce .checkout .form-row{
    display:block;
}
.woocommerce-account .woocommerce form .form-row label.inline {
    padding-left: 10px;
}
/*  Spinner Style */
.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--darkgray1);
  cursor: pointer;
  z-index: 9999;
}
.spinner-loading-box .lds-ripple{
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 50%;
  top:50%;
  transform: translateY(-50%);
}
.spinner-loading-box .lds-ripple div {
  position: absolute;
  border: 4px solid var(--white); 
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.spinner-loading-box .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/* Scroll Top Style */
#return-to-top {
  background-color:var(--darkgray1);
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 5;
  border-radius: 50%;
  padding: 10px 0px;
  position: fixed;
  right: 10px;
  margin: auto;
  bottom: 40px;
}
#return-to-top i {
  color: var(--white); 
  font-size: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 15px;
}
#return-to-top.left{
   left: 10px;
   right: auto;
}
#return-to-top.center{
   left: 50%;
   right: 50%;
}
#return-to-top.right{
   left: auto;
   right: 5%;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
}