/*Theme Name: Mrs Jones Theme*/

/* Reset Css */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#000000;outline:0;transition:all 0.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cac9c9;margin:30px 0;padding:0}

.clearfix:after , .row:after , .sub-menu:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

.fl{float:left}.fr{float:right}

img {-ms-interpolation-mode: bicubic; border: 0; height: auto; vertical-align: middle;transition:all 0.5s ease 0s;}

.ie8 img {height: auto; width: auto\9;}

.ie8 img.size-large {max-width: 60%; width: auto;}

:hover{transition:all 0.5s ease 0s;}

ul{list-style:none; margin:0; padding:0;}

li{list-style:none;}

.last_li , .last_box{margin-right:0 !important; padding-right:0 !important}

.first_li, .first_box{margin-left:0 !important; padding-left:0 !important}

strong{font-weight:bold;}

/* Responsive images */

.entry-content img,

.comment-content img,

.widget img {

	max-width: 100%; /* Fluid images for posts, comments, and widgets */

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full,

img.size-large,

img.header-image,

img.wp-post-image {

	max-width: 100%;

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

/* Make sure videos and embeds fit their containers */

embed,

iframe,

object,

video {

	max-width: 100%;

}

.entry-content .twitter-tweet-rendered {

	max-width: 100% !important; /* Override the Twitter embed fixed width */

}

/* Images */

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.entry-content img,

.comment-content img,

.widget img,

img.header-image,

.author-avatar img,

img.wp-post-image {

	border-radius: 3px;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

}

.wp-caption {

	max-width: 100%; /* Keep wide captions from overflowing their container. */

	padding: 4px;

}

.wp-caption .wp-caption-text,

.gallery-caption,

.entry-caption {

	font-style: italic;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 2;

	color: #757575;

}

img.wp-smiley,

.rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.entry-content dl.gallery-item {

	margin: 0;

}

.gallery-item a,

.gallery-caption {

	width: 90%;

}

.gallery-item a {

	display: block;

}

.gallery-caption a {

	display: inline;

}

.gallery-columns-1 .gallery-item a {

	max-width: 100%;

	width: auto;

}

.gallery .gallery-icon img {

	height: auto;

	max-width: 90%;

	border:none !important;

}

.gallery-columns-1 .gallery-icon img {

	padding: 3%;

}

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}

*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/* CSS Document */

body{

font-family:"Courier New", Courier, monospace;

}

/************Enter page*********************************/



.full_width_img{

width:100%;

height:100%;

position:relative;

 -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover !important;

  background-position:center center !important;

  background-attachment:fixed !important

  

}

.start_content{

max-width:250px;

height:50px;

position:absolute;

top:150px;

right:150px;

}

.start_content h1{

font-size:45px;

margin:0;

}

.start_content h1 , .start_content p{

font-weight:300;

}

.start_content h1 , .start_content p , .start_content a{

color:#FFF;	

}

.start_content p{

font-size:13px;

letter-spacing:0.3em;

}

.start_content a{

font-size:20px;

float:right;

font-weight:bold;

}

/*********************Home page****************************/

.pagewrap{

max-width:1024px;

position:relative;

margin:0 auto;

}

/*********header***********/

.header_block{

background-color:#000;

padding:20px 0 0;

}

.container .pagewrap{

padding:30px 30px 0 30px;

}

.logo{

margin:0 auto;

text-align:center;

padding:0 0 25px;

}

.logo a{

display:block;

}

.main-nav{

margin:0 auto;

text-align:center;

padding-bottom:14px;

}

.main-nav ul.top-nav li{

font-size:19px;

font-weight:bold;

color:#FFFFFF;

display:inline;

padding:0 45px 0 0;

position:relative;

text-transform:lowercase;

}

.main-nav ul.top-nav li a{

color:#FFFFFF;

padding-bottom:12px;

}

.current_page_item a , .main-nav ul.top-nav > li a:hover , .main-nav ul li.menu-item-has-children:hover > a {

background:url(images/nav_dot.png) no-repeat center 28px;

z-index:1;

transition:none;

}

/***dropdown***/

.main-nav ul, .main-nav ul ul.sub-menu { padding: 0; margin: 0; }

.main-nav ul ul.sub-menu li{list-style-type:none;display:block; float: none; line-height: 30px;margin:0;padding:0;width:100%;text-align:left;}

/*Link Appearance*/

.main-nav ul li ul.sub-menu li a { display: block; padding: 0 8px; width: 100%;color: #000; font-size:16px;font-weight:bold;}

/*Make the parent of sub-menu relative*/

/*sub menu*/

.main-nav ul li ul.sub-menu {background:#EFF0F1; display: none; position: absolute; top: 35px; left: 0; 

							width:185px; z-index:1; height:auto !important}

.main-nav ul li:hover ul.sub-menu { display: block; }

.last{

margin-right:0 !important;

padding-right:0 !important;

}

.left_block , .right_block{

width:50%;

}

.left_block{

float:left;

padding-right:40px;

}

.right_block{

float:right;

}

.right_block img{

width:100%;

}

.right_block iframe{

width:100%;

}

.left_block p a , .site_link{

background-color:#C8C8CA;

padding:0 3px;

}

.left_block p a.common_link{

background-color:transparent;

padding:0;

}

/**********Global********/

h1 , h4{

font-size:22px;

margin-bottom:15px;

font-weight:bold;

}

h2 , h3 , h5 ,h6{

font-weight:bold;

line-height:normal;

margin-bottom:15px;

}

h2{font-size:28px;}

h3{font-size:24px;}

h5{font-size:18px;}

h6{font-size:16px;}

p{

font-size:17px;

margin-bottom:30px;

font-weight:normal;

font-style:normal;

line-height:20px;

}

/**************footer*************/

.footer_block{

padding:30px 0;

}

.footer_block ul.footer_navi > li{

font-size:18px;

font-weight:bold;

list-style:none;

display:inline;

float:left;

margin-right:75px;

}

.footer_block ul.footer_navi > li > ul > li{

font-size:16px;

font-weight:normal;

padding-top:10px;

}

.footer_block ul.footer_navi > li > ul > li a , .footer_block > ul > li a{

color:#000;

}

.copyright{

text-align:center;

font-size:11px;

padding:6px 0;

}

p.phone_symbol{

background:url(images/phone_arrow.jpg) no-repeat left 2px;

padding-left:20px;

}

li.phone_symbol{

background:url(images/phone_arrow.jpg) no-repeat left 12px;

padding-left:20px;

}

.full-width{

margin-bottom:15px;

}

.sub-collapser.expanded , .sub-collapser{

display:none;

}



.enter_link{margin-top:30px}



/* ================================= Media Queries ====================================== */



@media screen and (-webkit-min-device-pixel-ratio:0) {

.main-nav{padding-bottom:13px}

}

/********************************* Mobile Potrait ********************************/

@media screen and (max-width: 320px) and (orientation: portrait) {
div.pp_pic_holder{width:290px !important;left:0 !important;right:0 !important;margin:0 auto !important;height:auto !important;}
.pp_content , .pp_hoverContainer , #pp_full_res img{width:100% !important;height:auto !important;}
.pp_details{width:260px !important;}
div.pp_default .pp_close{margin:8px 0 0 0; }
}

/********************************* Mobile Potrait ********************************/

@media screen and (max-width: 480px) and (orientation: portrait) {}

/********************************* Mobile landscape ********************************/

@media screen and (max-width: 480px) and (orientation: landscape) {}

/********************************* big Mobile landscape ********************************/

@media screen and (max-width: 640px) and (orientation: landscape) {}

/* ================================= Common For All mobile definitions ================================= */

@media all and (max-width: 767px) {

.start_content{

left:0;

right:0;

margin:0 auto;

}

.container .pagewrap{

padding:20px 20px 0;

}

.logo img{

width:100%;

}

.footer_block ul.footer_navi > li{

margin:0 0 35px 0;

clear:both;

}

.left_block , .right_block{

width:100%;

float:none;

padding:0;

}



.main-content{

width:100%;

float:none;

clear:both;

margin-top:50px;

padding:0;

}

.logo{

padding:0 20px 15px;

}

.full-width{

padding-bottom:30px;

}

.copyright{

padding:15px 0;

}

.footer_block{

padding:0;

}

/**********slim menu***********/



.main-nav ul.top-nav li{

text-align:left;

display:block;

padding:0;

}

.main-nav ul li ul.sub-menu{

display:block;

position:relative;

width:100%;

}

.main-nav ul.top-nav li a{

display:inline-block;

padding:6px 22px;

}

.main-nav ul li ul.sub-menu{

top:0;

}

ul.sub-menu li{

width:100%;	

}

ul.sub-menu li a i{

display:none;

}

.main-nav ul li ul.sub-menu li a{

padding:0 22px;

}

.sub-collapser.expanded , .sub-collapser{

position:absolute;

top:7px;

display:block;

right:20px;

}

.current_page_item a, .main-nav ul.top-nav > li a:hover, .main-nav ul li.menu-item-has-children:hover > a{

background:none;

}

.main-nav{

padding-bottom:5px;

}

.slim_title{

cursor:pointer;

}

}

/********************************* ipad portrait ********************************/

@media only screen and (min-width : 768px) and (max-width: 1000px) {

.main-content{

width:100%;

float:none;

clear:both;

padding:70px 0 0 0;

}

.footer_block ul.footer_navi > li{

margin-bottom:35px;

display:block;

float:none;

margin-right:0;

}

.copyright{

padding:15px 0;

}

.right_block iframe{

height:365px;

}

.footer_block{

padding:0;

}

}



/********************************* ipad landscape ********************************/

@media only screen and (min-width : 1001px) and (max-width : 1024px) {

}

/* ================================= Small Computer ================================= */

@media screen and (min-width:1025px) {

}

/* ================================= Large Computer ================================= */

@media screen and (min-width: 1450px) {
.start_content{right:600px; top:280px}
}