/*
Theme Name:     Tabia the Model
Customized by:  R & R Web Design LLC
URL: http://r-rwebdesign.com
Author:         Pexeto
Author URI:     http://pexetothemes.com
Template:       thestory
*/

@import url("../thestory/style.css");
/*------------------------------- 2. Basic Typography ------------------------------- */
body {
  color: #333333;
  font-size: 1em !important;
  font-family: 'verdana', arial, sans-serif;
  line-height: 1.5em;
}
#header {padding-top: 0;}
.header-wrapper {
    position: relative;
    background-color: #403f45 !important;
    width: 100%;
   }
.fixed-header-scroll #header {
  padding-top: 7px;
  padding-bottom: 7px;
  width: 90%;
  background: #403f45;
  background: rgba(64, 63, 69, 0.95);
}
.page-title-wrapper {
    display: table;
    width: 100%;
    min-height: 0px;
    height: 0px;
    padding-bottom: 0px;
}
#slider-container {
  position: relative;
  overflow: hidden;
}
#content-container {
    padding: 20px 3%;
}
.section-header {
    padding: 0px 0px 0px;
}
.copyrights {
    float: left;
    text-transform: none;
    letter-spacing: 2px;
    font-size: 10px;
}
/* ------- Content Slider -------- */
.cs-content-right {float: right !important;margin:0 auto; text-align:center;}

.cs-title {
    padding-top: 15%;
    padding-bottom: 0px;
    color: inherit;
    text-transform: none;
    font-weight: bold;
    font-size: 2.5em !important;
    line-height: 1.2em;
    color: #ffffff !important;
    text-shadow: 1px 1px 2px black;
}
.cs-element {
    opacity: 0;
    position: relative;
    font-size: 1.2em;
    color: #ffffff;
    text-transform: none;
    text-shadow: 1px 1px 2px black
}
.cs-small-title {
margin: 0;
margin-bottom: 0;
text-transform: none;
letter-spacing: 7px;
font-size: 20px;
}
.content-box {
    background-color: #FFF;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15);
    padding: 2% 4% 4% 4%;
    width: 92%;
    min-height: 400px;
}
p {margin: 1.6em 0; padding: 0;}
h1 {font-size: 2em; line-height: 1em; /* = 16px */ margin-bottom: .5em; margin-top: 0;color: #333333;font-family: "Arial narrow", sans-serif;font-stretch: condensed;font-weight:normal;}
h2 {font-size: 1.8em; /* = 14px */ line-height:1.2em; margin-bottom: .75em; margin-top: .5em;font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal !important;}
h2.home {font-size: 1.8em; /* = 14px */ line-height:1.2em; margin-bottom: .75em; margin-top: .5em; padding: 0;}
h3 {font-size: 1.8em; /* = 14px */ line-height:1.2em; margin-bottom: .75em; margin-top: .5em;font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal;}
h4 {font-size: 1.2em; /* = 14px */ line-height:1.2em; margin-bottom: .75em; margin-top: .5em;font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal;}
h1, h1 a, h2, h2 a, h3, h3, h4, h4 a {font-weight: normal !important;}
h1, h2, h3, h4, h5, h6 {clear: none;}
.clear {clear: both;height:0;font-size: 1px;line-height: 0px;} 
.topright {color: #f8b1ab; font-size: 2em !important; font-family:"arial narrow", sans-serif;font-stretch: condensed;font-weight:normal;line-height: 2em; text-align: right;margin: 60px 10px 0 0 !important;}
.footer-box .title {font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal;font-size: 1.6em;font-weight:normal !important;}
img.size-full {margin-top: 5px;}
.archive:not(.post-type-archive-product) .page-title-wrapper, .search-results .page-title-wrapper, .error404 .page-title-wrapper {min-height: 10px;}
.sidebar-box .title {
    margin-bottom: 0px;
    padding: 7px 0;
    font-weight: normal;
    font-family: "arial narrow", sans-serif;font-stretch: condensed;font-weight:normal;
    font-size: 1.5em;
    text-transform: none;
}
.text-widget {font-size: 1em !important;
  font-family: 'verdana', arial, sans-serif;
  line-height: 1.5em;
}
.sidebar-box {
    margin-bottom: 40px;
    font-size: 1em !important;
}
.services-default img {border: 1px solid #cccccc;}
.services-box h3 {
    padding-top: 5px;
    padding-bottom: 0;
    font-weight: 600;
    font-size: 1.6em;
}
a {color: #0055a3;text-decoration: none;}
a:active{text-decoration:none;color:#cc0000;}
a:hover{text-decoration:underline;color:#cc0000;}
.post-title a {color: #333332;}
.post-title a:hover {text-decoration:underline;color:#cc0000;}
.post-info a {color: #b3b3b1;}
.post-info a:hover{text-decoration:underline;color:#cc0000;}  
.read-more {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 4px 0;
    line-height: 1em;
    border-bottom: 1px solid #0055a3;
    color: #0055a3;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}
/* Wordpress Widgets */
.widget_categories li a,
.widget_nav_menu li a,
.widget_archive li a,
.widget_links li a,
.widget_recent_entries li a,
.widget_links li a,
.widget_pages li a,
.widget_recent_entries li a,
.recentcomments,
.widget_meta li a,
.product-categories li a {
  padding: 5px 0;
  color: #0055a3;
}
/* Buttons */
button,
.button,
input[type="submit"],
input[type="button"],
#submit {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  margin: 2px 0;
  padding: 12px 25px;
  background: none;
  background-image: none;
  background-color: #fdd200;
  /* button color */

  color: #333333;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 1em;
  font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  border: 0px;
}

media="all"
button, .button, input[type="submit"], input[type="button"], #submit {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
margin: 2px 0;
padding: 12px 25px;
background: none;
background-image: none;
background-color: #009900 !important;
color: #ffffff;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
font-size: 1em;
font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif;
line-height: 20px;
cursor: pointer;
-webkit-appearance: none;
border: 0px;
}
.btn {
    background: #ffdd20;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: verdana,arial;
    font-weight: normal;
    color: #333333;
    font-size: 1em;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
.btn:hover{color:#ffffff !important;background: #333333;text-decoration: none;}
input[type="checkbox" i] {
    margin: 3px 3px 3px 4px;
}
.videoWrapper {
	position: relative;
	padding-top: 25px;
	width: 480px;
	height: 360px;
	margin: 0 auto;
	
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
	max-width: 480px;
	max-height: 360px;
	margin: 0 auto;
}
.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
 }
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
    }
.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {max-width: 100%;}
.lower {text-transform: lowercase !important;}
media="all"
.left-arrow:hover, .right-arrow:hover, .ps-left-arrow:hover, .ps-right-arrow:hover, .cs-arrows:hover, .nivo-nextNav:hover, .nivo-prevNav:hover {
background-color: #009900 !important;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
cursor: pointer;
}
.post-author {display: none;}
.comments-number {display: none;}
img.alignleft1 {margin: 0px 0px 14px 0;}
img.alignleft2 {margin: 0px 0px 5px 0;}
img.alignleft3 {margin: 0px 3px 5px 0px;
background: #ffffff !important;
border: 0 !important;
}
#norm ul {margin: .5em 0em 1em 2.8em !important; padding: 0em; list-style: disc; }
#norm ol {margin: .5em 0em 1em 2.8em !important; padding: 0em; list-style-type:decimal !important;}
#norm ol, #norm ol ol {margin: .5em 0em 1em 2.8em !important; padding: 0em;}
#norm ul li {margin: 0 0 1em 0 !important; padding: 0em;}
#norm ol li {margin: 0 0 1em 0 !important; padding: 0em;}
.copyright a {color: #ffffff !important;}
.col {
    float: left;
    margin-right: 3.2%;
    margin-bottom: 10px;
}
img.aligncenter {
    display: block;
    margin: 10px;
    margin-right: auto;
    margin-left: auto;
}
.nav-menu ul ul li {
    display: block;
    float: left;
    padding: 4px 0 4px 0;
    width: 100%;
    background-color: #1e1e1e;
    }
.nav-menu li:not(.mega-menu-item) li a {
  padding-left: 15px;
  padding-right: 10px;
}
.nav-menu ul ul {
    position: absolute;
    top: 15px;
    z-index: 20000;
    display: none;
    margin-top: 0px;
    padding-top: 19px;
    width: 265px;
}
.wp-caption-text {
    margin: 5px 10px 7px 0;
    padding-left: 0px;
    text-align: center;
    font-size: 13px;
    line-height: 1.2em !important;
}
.wp-caption-text2 {
    margin: 5px 10px 7px 0;
    padding-left: 0px;
    text-align: center;
    font-size: 13px;
    line-height: 1.2em !important;
    display:block;
}
#wrapper .wp-caption p.wp-caption-text {
text-align: center;
margin-top:5px;
}
.nav-menu ul li a:hover {
  color: #ffdd00 !important;
  color: rgba(249, 237, 5, 1);
}
input[type="text"], input[type="password"], textarea, input[type="search"], input[type="email"], input[type="date"], input[type="time"], input[type="url"], input[type="number"], input[type="tel"] {
    font-size: 1em !important;
   }
.frm_style_formidable-style.with_frm_style .frm_submit button {
    font-family: Verdana, sans-serif !important;
    font-size: 1em !important;
    background: #fdd200 !important;
    border-color: #fdd200 !important;
}
/* Grid
----------------------------------------------------------------------------------------------------*/
.grid {
    float: left;
    margin-bottom: 2.127659574468%;
    padding-top: 0;
}
.fit {
    margin-right: 0!important;
    margin-left: 0!important;
}
.col-220,
.col-300,
.col-380,
.col-460,
.col-540,
.col-620 {
	margin-right: 2.127659574468%;
}
.col-220 {width: 23.4043%404255319149%; text-align:center !important; margin:0 auto !important;}
.col-300 {width: 31.914893617021%;}
.col-380 {width: 40.425531914894%;}
.col-460 {width: 48.936170212766%;}
.col-540 {width: 57.446808510638%;}
.col-620 {width: 65.957446808511%;}
.footer-widgets {
    overflow: hidden;
    margin-top: 0px;
    padding-bottom: 0px;
}
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info {
    padding: 1em 1em 1em 2em !important;
    margin: 0 0 2em !important;
    position: relative;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #000000;
    border:1px #cccccc solid;
    list-style: none outside !important;
    width: auto;
    background: #ffffcc;
    line-height: 1.5em;
    /* -webkit-box-shadow: inset 0 -2px 6px rgba(0,0,0,0.05), inset 0 -2px 30px rgba(0,0,0,0.015), inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.3); */
    /* box-shadow: inset 0 -2px 6px rgba(0,0,0,0.05), inset 0 -2px 30px rgba(0,0,0,0.015), inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.3); */
}
.woocommerce div.product .product_title, .woocommerce-page div.product .product_title, .woocommerce #content div.product .product_title, .woocommerce-page #content div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    text-transform: none;
    font-weight: normal;
}
.woocommerce-result-count {display:none;}
#imageData #imageDetails #titleAndCaption #titleText {
    font-weight: 700;
    font-size:1.2em;
}
.frm_style_formidable-style.with_frm_style .frm_primary_label, .frm_style_formidable-style.with_frm_style textarea, .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="text"] {
font-family: verdana,arial,sans-serif !important;
font-size: 1em !important;}
.frm_style_formidable-style.with_frm_style .frm_submit button {
font-family: verdana,arial,sans-serif !important;
font-size: 1em !important;
font-weight: bold !important;
padding: 12px 25px !important;
}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover {
color: #ffffff !important;} 
/* Social Icons2
----------------------------------------------------------------------------------------------------*/
#centeredmenu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0  0 30px 0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
.social-icons2 li {float: left; margin:0 10px 0 10px !important;padding-left: 5px;line-height: 46px;list-style: none !important;}
.social-icons2 li a {display: inline-block; height: 40px; width: 35px;float: left;background: url(https://www.tabiathemodel.com/images/icons-social.png) 50% 0 no-repeat;}
.social-icons2 .twitter a {background-position: 50% 0;}
.social-icons2 .twitter a:hover {background-position: 50% -40px;}
.social-icons2 .facebook a {background-position: 50% -80px; }
.social-icons2 .facebook a:hover {background-position: 50% -120px;}
.social-icons2 .instagram a {background-position: 50% -160px; }
.social-icons2 .instagram a:hover {background-position: 50% -200px;}
.social-icons2 .pinterest a {background-position: 50% -240px;}
.social-icons2 .pinterest a:hover {background-position: 50% -280px;}
.social-icons2 .gplus a {background-position: 50% -320px;} 
.social-icons2 .gplus a:hover {background-position: 50% -360px;}

.social-icons3 li {float: left; margin:0 8px 0 8px !important;padding-left: 5px;line-height: 46px;list-style: none !important;}
.social-icons3 li a {display: inline-block; height: 40px; width: 35px;float: left;background: url(https://www.tabiathemodel.com/images/icons-social-white.png) 50% 0 no-repeat;}
.social-icons3 .twitter a {background-position: 50% 0;}
.social-icons3 .twitter a:hover {background-position: 50% -40px;}
.social-icons3 .facebook a {background-position: 50% -80px; }
.social-icons3 .facebook a:hover {background-position: 50% -120px;}
.social-icons3 .instagram a {background-position: 50% -160px; }
.social-icons3 .instagram a:hover {background-position: 50% -200px;}
.social-icons3 .pinterest a {background-position: 50% -240px;}
.social-icons3 .pinterest a:hover {background-position: 50% -280px;}
.social-icons3 .gplus a {background-position: 50% -320px;} 
.social-icons3 .gplus a:hover {background-position: 50% -360px;}
.custom-page-content {margin-top:0px !important;}
.content-boxed {margin-top:0px !important;}
.footer-widgets a:hover {color: #f8b1ab;}
#footer {font-size: .9em;}
.qg-img {
    position: relative;
    display: inline-block;
    float: none;
    margin-bottom: 15px;
    margin-left: 15px;
    vertical-align: top;
} 
.gallery-item .gallery-caption {
  display: block !important;
}
.nc_socialPanel {margin-top: 20px!important;}
.gallery-item .gallery-caption {display: block !important;}
.blog-post-img img {display: none;}
.comment-info {color: #333333;}
.comment-info .reply a {color: #0055a3;}

@media screen and (max-width: 1000px) {
#logo-container a img {
    max-width: 350px !important;
    max-height: 110px !important;
    width: auto;
}
}
@media screen and (max-width: 600px) {
.videoWrapper {
	position: relative;
	padding-top: 25px;
	width: 300px;
	height: 235px;
	margin: 0 auto;
	
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}
/* Responsive additions
----------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 520px) {
#footer {font-size:1em !important;} 
}
@media screen and (max-width: 500px) {
#logo-container a img {
    max-width: 100%;
    max-height: 75px !important;
    width: auto;}
.alignright {float: none !important; display:block !important; margin: 0 auto !important; margin-bottom: 15px !important;}
.alignleft {float: none;display:block;margin: 0 auto;margin-bottom: 15px;}
.wp-caption.alignright {float: none !important; display:block !important; margin: 0 auto !important; margin-bottom: 15px;
} 
.col-220 {width: 98%;}
.col-300 {width: 98%;}
.col-620 {width: 98%;}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
}
@media screen and (max-width: 1133px){
.entry-content img,.alignright {float: none !important; display:block !important; margin: 0 auto !important; margin-bottom: 15px !important;}
.alignleft {float: none;display:block;margin: 0 auto;margin-bottom: 15px;}
.wp-caption.alignright {float: none !important; display:block !important; margin: 0 auto !important; margin-bottom: 15px;} 	
img.alignright {display:block !important; margin: 0 auto !important; margin-bottom: 15px !important;}
img.alignleft {display:block !important; margin: 0 auto !important; margin-bottom: 15px !important;}
}
@media screen and (max-width: 640px){
	body {
	}
table {width: 100%;}
	body .post_box tbody tr:nth-of-type(2n+1) {
		background-color: inherit;}
	body .post_box tbody th {
  		display: none;
  		text-align: center;	}	
	body .post_box tbody td {
  		display: block;
  		text-align: center;	}
	body .post_box tr td:first-child {
  		background: #f0f0f0;
  		font-weight: bold;
  		}
	body .post_box thead {
  		display: none;	}
	body .post_box tbody td:before {
  		content: attr(data-th);
  		display: block;
  		text-align: center;	}
 .footer-nav li {display: none;} 
 
} 		
@media screen and (max-width: 950px){
	body {
	}
.grid, .grid-right {
    display: block;
    float: none;
    width: 100%;
    margin-right: 0;
}		
}
/* Selecton Color */
::selection {
  background: #ffffff !important;
  /* Safari */
border: 0 !important;
  color: #ffffff !important;
}
::-moz-selection {
  background: #ffffff !important;
  /* Firefox */
border: 0 !important;
  color: #ffffff !important;
}