/*
Theme Name: Modeling Lite
Theme URI: https://gracethemes.com/themes/free-model-agency-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Modeling Lite WordPress theme has been developed to help fashion or model agency owners create a professional online website. This free model agency WordPress theme can be used to create an elegant website for fashion, model portfolio, personal, creative projects, photographers, music artists, entertainers and design agencies. Demo Link: https://gracethemes.com/demo/modeling/
Requires PHP: 5.6
Tested up to: 6.5
Version: 2.3
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: modeling-lite
Tags:blog, two-columns, right-sidebar, full-width-template, custom-colors, custom-menu, custom-header, custom-logo, featured-images, editor-style, custom-background, threaded-comments, theme-options, translation-ready

Modeling Lite WordPress Theme has been created by Grace Themes(gracethemes.com), 2018.
Modeling Lite WordPress Theme is released under the terms of GNU GPL
*/

body{ background-color:#fff; margin:0; padding:0;line-height:26px; font-size:16px; color:#363636; font-family: 'Assistant', sans-serif; -ms-word-wrap:break-word; word-wrap:break-word; }
*{ margin:0; padding:0; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
img{ border:none; margin:0; padding:0; height:auto; max-width:100%;}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0; max-width:100% !important;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#efc62c;}
a:hover{ color:#333;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#484f5e; font-family: 'Roboto', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:600; }
h1{ font-size:32px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:14px;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
figcaption,figure{	display: block;}
figure {margin: 1em 0;}
blockquote{border-left:5px solid #ccc; padding:10px 10px 10px 40px; color:#999; font-size:15px; line-height:1.5; margin-bottom:30px;}
blockquote p{ margin-bottom:0 !important;}
hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
.textwidget select{ width:100%;}
table{ width:100%}
.alignnone{ width:100%;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}

/* Buttons */
.button{  border:1px solid #404040; color:#404040; padding:8px 20px; display:inline-block; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; }
.button:hover{ border:1px solid #ff3333; color:#ff3333; }

a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}
a.ReadMore:hover{ background-color:#ffae00; color:#fff; }

.learnmore{ background-color:#ff3333;  color:#fff ;display: inline-block; padding:10px 35px; border-radius:20px; text-transform:uppercase; }
.learnmore:hover{ background-color:#333;color:#fff ;}

a {	background-color: transparent;	-webkit-text-decoration-skip: objects;}
.postmeta{padding:0 0 5px; color:#888; border-bottom:1px solid #ddd; margin-bottom:25px; display:inline-block; }
.postmeta a{color:#999;}
.postmeta a:hover{color:#e74c3c;}
.breadcrumbs{padding:10px 0; margin-bottom:0;}
a:active,
a:hover {
	outline-width: 0;
}

b, strong {
	font-weight: inherit;
	font-weight: 700;
}

pre {
	background: #eee;	
	font-size: 14px;
	font-size: 0.9375rem;
	line-height: 1.4;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding:20px;
}

iframe{max-width:100%;}

/*
Lists style CSS
--------------------------------------------------------------*/

ul,
ol {
	margin:0;
	padding: 0;
}
ul {list-style: inside none disc;}
ol {list-style: decimal;}

ul li,
ol li {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}

nav.pagination .page-numbers{ background-color:#ccc; padding:10px 15px; font-size:15px; font-weight:600; color:#444;}
nav.pagination .page-numbers.current{background-color:#efc62c;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
#site-holder{ margin:0 auto;}
.container{ width:1170px; margin:0 auto; position:relative;}
.site-header{width:100%; z-index:9999; box-sizing:border-box; position: absolute; }
.site-header.siteinner{ background-color:#111; position:relative; }
.hdrblack{ background-color:rgba(0,0,0,0.5);}
.logo{ float:left; z-index:999; padding:15px 0; }
.logo h1{ font:600 36px/36px 'Roboto'; margin:0; color:#444; }
.logo h1 a{ color:#fff;}
.logo p{ color:#fff;}
.head-rightpart{ float:right; text-align:right; padding:15px 0; color:#fff; }

/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile-nav.png) no-repeat right center #3e3e3e; padding:8px 10px; margin-top:5px; font-size:16px; display:none; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
/*main menu*/
.header-menu{ padding:0; z-index:9999; }
.header-menu ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:500; }
.header-menu ul li{display:inline-block; position:relative; margin:0;}
.header-menu ul li:last-child{border-right:none;}
.header-menu ul li a{padding:18px 20px; display:block; text-align:center;color:#fff; }
.header-menu ul li ul li{ display:block; position:relative; float:none; top:1px; border-bottom:1px #ddd solid;}
.header-menu ul li ul li a{ display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}
.header-menu ul li ul{display:none; z-index:9999999; position:relative; background-color:#333;}
.header-menu ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }
.header-menu ul li:hover ul li ul{display:none; position:relative;}
.header-menu ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}
.header-menu ul li a:hover, 
.header-menu ul li.current-menu-item a,
.header-menu ul li.current-menu-parent a.parent,
.header-menu ul li.current-menu-item ul.sub-menu li a:hover{ color:#ff3333;} 
.header-menu ul li.current-menu-item ul.sub-menu li a{ color: #444;}
section#home_slider{ padding:0; }
h2.sectiontitle{font-weight:600; font-size:40px; margin-bottom:50px; position:relative; text-align:center;}
.headerwidget{ display:inline-block;}
.last_column{clear:right; margin-right:0 !important; }

/* = social icons css
-------------------------------------------------------------- */
.social-icons{ margin:10px auto;}
.social-icons a{ background-color:#555; width:40px; height:40px; line-height:40px; text-align:center;  vertical-align:middle; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:15px; color:#fff; border-radius:50%; }
.social-icons a:hover{ background-color:#ff3333;  color:#fff !important; }
.social-icons br{ display:none;}


/* = Page layout css
-------------------------------------------------------------- */
.site-page-content{ width:820px; margin:0; float:right; padding:0; box-sizing:border-box;}
.site-page-content ul, .site-page-content ol{ margin:0 0 20px 20px; }
.site-page-content ul li, .site-page-content ol li{ margin:0; }
.site-page-content ul ul, .site-page-content ol ol{ margin:0 0 0 30px; }
.fullwidth{ width:100% !important; float:none  !important;}
.fullwidth p{ margin-bottom:30px;}

.boxlayout{ width:1210px; margin:0 auto; background-color:#fff; position:relative; box-shadow:0 -8px 8px #111;}
.fulllayout{ width:100% !important;}
#site-pagelayout{ padding:35px 0;}
#site-pagelayout p{ margin-bottom:30px;}

.recent_articles{ background-color:#f0efef; border:2px solid #e8e8e8; padding:25px; margin-bottom:40px; }
.recent_articles h3, h3.single-title{ margin-bottom:5px; font-size:20px; text-transform:uppercase; font-weight:600;}
.recent_articles h3 a{ color:#484f5e;}
.recent_articles h3 a:hover{ color:#efc62c;}
.recent_articles p{ margin-bottom:20px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories, .edit-link{ display:inline; color:#333; font-weight:600; text-transform:uppercase; letter-spacing:2px; font-size:13px; margin:0 10px 0 0;} 
.single_title{ margin-bottom:5px;}

/* = Four column box section
-------------------------------------------------------------- */
#four_cirle_services{ background-color:#fff; text-align:center; padding:50px 0;}
h2.section_title{font-weight:600; font-size:38px; margin-bottom:50px; position:relative; text-align:center; text-transform:uppercase;}
.four-circle-boxes{ background-color:#fff; padding:0; width:22%; float:left; margin:0 4% 0 0; position:relative; box-sizing:border-box; text-align:center; }
.four-circle-boxes h3{ font-size:17px; font-weight:600; color:#101010; margin:0 0 15px; text-transform:uppercase; }
.four-circle-boxes h3 a{color:#101010; }
.four-circle-boxes .thumbbx{ background-color:#ff3333; width:200px; height:200px; border-radius:50%; overflow:hidden; margin:0 auto; transform: scale(1); transition: all 0.35s ease-in-out 0s; box-sizing:border-box;}
.four-circle-boxes .thumbbx img{backface-visibility:hidden; height:auto; min-height:200px; transition:opacity 1s ease 0s, transform 1s ease 0s; vertical-align:middle; }
.four-circle-boxes:hover .thumbbx img {opacity:0.2; transform: scale3d(1.3, 1.3, 1); }
.four-pagecontent{ padding:30px 0 0; position:relative; }


/* = WelCome panel section css
-------------------------------------- */
#welcome-panel{ background-color:#fafafa; padding:70px 0;}
.welcome_titlecolumn{ width:40%; margin:0 0 0 0; float:left; }
.welcome_titlecolumn h3{ font-weight:bold; font-size:80px; text-transform:uppercase; margin:0;}
.welcome_titlecolumn h3 span{ font-size:26px; display:block; color:#ff3333; font-style:italic; margin-bottom:20px;}
.welcome_contentcolumn{ width:55%; margin:0 0 0 0; float:right; }
.welcome_contentcolumn h5{ text-transform:uppercase; color:#000; margin-bottom:35px; font-size:18px; line-height:26px; }
.welcome_contentcolumn p{ margin-bottom:35px;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:300px; float:left; box-sizing:border-box;}
aside.widget{margin-bottom:30px; background-color:#f0efef; padding:20px; border:2px solid #e8e8e8;}
aside.widget ul{ list-style:disc; }
h3.widget-title,
#sidebar aside.widget .wp-block-heading{ padding:12px 20px; margin:-20px -20px 10px; color:#000; text-transform:uppercase; font-size:18px; font-weight:600; letter-spacing:2px; 
border-bottom:2px solid #ddd; }
#sidebar ul li{ list-style: none; padding:6px 0 8px 0; list-style-position:inside; margin:0; border-bottom:1px solid #ddd;}
#sidebar ul li a{ padding:0; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}
#sidebar .woocommerce ul.cart_list li{ padding:0 0 0 30px; list-style:none;}

#sidebar .search-form{ margin-bottom:20px;}
#sidebar .search-form input.search-field{ background-color:#fff; width:80%; padding: 12px 15px 12px 15px; box-sizing:border-box; border:1px solid #ddd; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #efc62c; padding: 12px 0 12px 0; font-size:0; width:20%; height:43px; float:right; border:0;}

/* = Footer css
-------------------------------------------------------------- */
.footer-wrapper {background-color:#202020; position:relative; padding:30px 0; color:#999;}
.footer-copyright a:hover{ color:#fff;}
.copyright-txt span{color:#efc62c;}
.design-by { text-align:center;}
.design-by a:hover{color:#999;}
.widget-column-1{ width:23%; float:left; margin:0 3% 0 0; box-sizing:border-box; }
.widget-column-2{ width:23%; float:left; margin:0 3% 0 0; box-sizing:border-box;  }
.widget-column-3{ width:22%; float:left; margin:0 3% 0 0; box-sizing:border-box;  }
.widget-column-4{ width:22%; float:left; margin:0 0 0 0; box-sizing:border-box;  }


.footercolumn h5{ font-weight:400; font-size:24px; color:#ccc; margin-bottom:30px; text-transform:uppercase; }
.footercolumn ul{ margin:0; padding:0; list-style:inside disc;}
.footercolumn ul li { padding:0; margin:0; color:#999;}
.footercolumn ul li a { color:#999; }
.footercolumn ul li a:hover, .footercolumn ul li.current_page_item a { color:#ff3333; }
.footercolumn .widget{ margin-bottom:20px; padding:20px 0 ;}


/* = Comment Form css
-------------------------------------------------------------- */
h1.screen-reader-text{font:22px 'Roboto',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{ font-size:20px;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}

/* Comment styles */
ol.commentlist{list-style:none;}
#commentform p{margin:5px 0;}
#commentform label{display:block;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha{max-width:96%; border:1px #ccc solid; padding:5px 2%;}
#commentform input#submit{ background-color:#32373a; border:none; padding:15px 30px; color:#fff; display:inline-block; cursor:pointer; font-size:16px;}
#commentform input#submit:hover{background:#34c6f6; border-bottom-color:#ccc; color:#fff;}
.form-allowed-tags{display:none;}
.entry-content table, .comment-body table{ border-collapse:collapse; margin:10px 0;}
.entry-content table td, .entry-content table th, .comment-body table td, .comment-body table th{padding:10px 5px; text-align:left;}
.entry-content table th, .comment-body table th{color:#676767; font:normal 18px Oswald; border-bottom:1px #888 solid;}
.entry-content table td, .comment-body table td{border-bottom:1px #ccc solid;}
.fvch-codeblock:hover .comment-form-url{display:block !important;}
.commentlist, ol.commentlist {list-style:none; box-shadow:0 0 5px #666; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666; -khtml-box-shadow:0 0 5px #666; margin:10px 0; background-color:#fff; padding:10px 0;}
.commentlist li, ol.commentlist li { list-style:none; background-image:none !important; padding:0px 15px;}
.commentlist li ol li.depth-2, .commentlist li ol li.depth-3, .commentlist li ol li.depth-4, ol.commentlist li ol li.depth-2, ol.commentlist li ol li.depth-3, ol.commentlist li ol li.depth-4 { border-bottom:none;}
.commentlist li.bypostauthor article, ol.commentlist li.bypostauthor article { background:#f9ffe1;}
.commentlist article, .commentlist li.bypostauthor li article, ol.commentlist li.bypostauthor li article { border:none !important; padding:10px; position:relative; background-color:#fff;}
.commentlist li .fn { font-weight:normal; font-size:15px; font-style:normal;}
.commentlist li.bypostauthor .fn, ol.commentlist li.bypostauthor .fn { color:#000;}
img.avatar { vertical-align:middle; position:static; display:inline-block;}
.commentlist article a time { display:block; clear:both; padding:5px 0 10px; font-size:11px; font-style:italic; }
.commentlist, ol.commentlist p { font-size:14px;}
.commentlist .reply span, ol.commentlist .reply span { display:none;}
.commentlist .reply a, ol.commentlist .reply a { display:block;	padding:10px; text-align:center; background:#f6f6f6; margin:5px 0; border:1px #ddd solid;}
.comment-author.vcard{display:inline-block; margin-right:15px;}
.comment-list ul.children li.comment{background-image:none; padding-left:5px;}

/* = Contact Form 7 css
-------------------------------------------------------------- */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#efc62c; width:auto; border:none; cursor:pointer; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.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;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* WooCommerce plugin css code */
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

.woocommerce .quantity .qty{ padding:7px; border:1px solid #ccc;}
.woocommerce-Price-amount.amount{font-size:14px !important;}
.woocommerce div.product .product_title{ padding-bottom:20px !important;}
.woocommerce div.product form.cart{ margin-top:15px !important;}

/* Accessibility */
/* Text meant only for screen readers. */
.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; 
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#site-pagelayout[tabindex="-1"]:focus {
  outline: 0;
}

/* = Navigation Focus CSS
-------------------------------------------- */

button:focus,
input[type="button"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="week"]:focus,
input[type="datetime"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
#site-holder a:focus  {
	outline: thin dotted #ff3333;
}