/*

Theme Name: Prestige Personnel

Theme URI: http://wordpress.org/

Description: A plain and simple theme that just works. Fixed width, two columns, left sidebar, standards compliant.

Version: 1

Author: WordPress

Tags: fixed-width, two-columns, right-sidebar, blue, white, light, threaded-comments



    The CSS, XHTML and design is released under GPL:

    http://www.opensource.org/licenses/gpl-license.php



*/



@font-face {

		font-family: 'Helvetica_cyr-Bold';

		src: url('../fonts/helveticabold.eot');

		src: url('../fonts/helveticabold.eot?#iefix') format('embedded-opentype'),

				 url('../fonts/helveticabold.woff') format('woff'),

				 url('../fonts/helveticabold.ttf') format('truetype'),

				 url('../fonts/helveticabold.svg#helveticabold') format('svg');

		font-weight: normal;

		font-style: normal;

}





body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Arial, Helvetica, sans-serif; color: #555; }

small { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }

h1, h2, h3, h4, h5, h6 { font-family:'Helvetica_cyr-Bold', Arial, sans-serif; font-weight: bold; text-align: left; color:#f89e07; }

h1 { font-size: 2.4em }

h2 { font-size: 2.5em }

h3 { font-size: 1.2em }

h4 { font-size: 1em }

pre { overflow: auto }

acronym, abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #999; }

strong { color: #666 }

a { color: #26a; text-decoration: none; }

a:hover { }

a img { border: none }

hr { display: none }



/* Layout */

body { margin: 0; padding: 0; background:url(../images/dot-bg.gif) repeat; }

#page { margin:0 auto; padding:0; /*width:1000px;*/ width:980px; }

#header { margin: 0 0px }

#header .description { font-size:1.2em }

#header h1 { margin:0px 0 }

#wrapper { padding:20px 0; overflow:hidden; }

#content { margin:0; padding:0 0 0 0; width:520px; float:left; }

#sidebar { width:416px; float:right; margin:0; padding:0px 0; }

#sidebar h2 { padding:0; margin:0; color:#805d21; }

#sidebar h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight:normal; }

#footer { margin: 20px auto; clear: both; }



/* Header */

#headerimage { padding:16px 0 10px; /* If you want to add a background image for the header, uncomment and use the following lines of code */: ; /*: ; background: url('header.jpg') no-repeat; padding: 30px; */ }

#hmenu { margin: 0 0px; padding: 0px 0; /*width:1000px;*/ width:980px; height:50px;}

#hmenu ul li.current_page_item > a, #hmenu ul li.current-menu-ancestor > a, #hmenu ul li.current-menu-item > a, #hmenu ul li.current-menu-parent > a { color: #f89e07 }

#hmenu ul li:hover > ul { display: block }

#hmenu .menu-header, div.menu { padding: 0px }

#hmenu .menu-header ul, div.menu ul { list-style: none; margin: 0; padding: 0px; }

#hmenu .menu-header li, div.menu li { float: left; position: relative; font-weight: bold; text-transform: uppercase; }

#hmenu ul ul { display: none; position: absolute; top: 40px; left: 0; z-index: 99999; border: 1px solid #A9BEC7; background: #E4EDED; padding: 0px; margin: 0 0 0 18px !important; border-bottom: 0px solid #F00; width: 160px; }

#hmenu li:hover > a, #hmenu ul ul :hover > a { }

#hmenu ul ul ul { left: 100%; top: -1px; margin: 0px !important; padding: 0px !important; }

#hmenu ul ul li { width: 140px; background: none !important; line-height: normal !important; height: auto !important; margin: 0 0 0 0; padding: 5px 10px; border-bottom: 1px solid #A9BEC7; }

#hmenu ul ul a { background: none; line-height: normal !important; padding: 0px; width: 160px; margin: 0px; font-size: 15px; }

#hmenu a { font-weight:normal; color:#fff; font-size:14px; padding:0 20px; line-height:50px; font-weight:bold;}

#hmenu a:hover {color: #f89e07;}

* html #hmenu ul li.current_page_item a, * html #hmenu ul li.current-menu-ancestor a, * html #hmenu ul li.current-menu-item a, * html #hmenu ul li.current-menu-parent a, * html #hmenu ul li a:hover { color: #f89e07; }

#header, #hmenu {}

/* End header */



/* Post */

.post { margin: 0; padding:0px 0; text-align:left; overflow: hidden; clear: both; }

.post h3.post-title { font-weight: bold; font-size: 1.8em; margin: 0; padding: 0; text-align: left; }

.post h2 { margin: 0; padding: 0; text-align: left; }

.post hr { display: block }

div.archive-title { font-size: 1.6em; font-weight: bold; }

.postmetadata { clear: both; font-size: 1.1em; color: #888; }

.clear { clear: both }

.entry { font-size: 1.4em; line-height: 1.4em; margin: 20px 0; }

.entry blockquote { border: 1px dashed #ccc; font-size: 0.9em; padding: 5px 20px; margin: 10px 0; background: #f8f8f8; }

.entry blockquote blockquote { font-size: 1em }

.entry fieldset { border: 1px dashed #ccc }

.entry fieldset legend { font-weight: bold; text-transform: uppercase; }

.entry table { border-width: 0 0px 0px 0; border-style: solid; border-color: #ccc; font-size: 0.9em; }

.entry table tr th { border-width: 0px 0 0 0px; border-style: solid; border-color: #ccc; padding: 5px 10px; background: #f4f4f4; color: #666; font-weight: bold; text-transform: uppercase; text-align: center; }

.entry table tr td { padding: 5px 10px; border-width: 0px 0 0 0px; border-style: solid; border-color: #ccc; font-size: 14px;}

.entry ol { list-style-type: decimal }

.entry ol ol { list-style-type: lower-alpha }

.entry ol ol ol { list-style-type: lower-roman }

p img { padding: 0; max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

.alignright { padding: 0; margin: 2px 0 5px 10px; display: inline; float: right; }

.alignleft { padding: 0; margin: 2px 10px 5px 0; display: inline; float: left; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.navigation { font-size: 1.2em; clear: both; margin: 20px 0; }

.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f3f3f3; padding-top: 4px; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.navigation .alignright { text-align: right }

.navigation .alignleft { text-align: left }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.searchbox { padding: 20px; text-align: center; clear: both; }

.center { text-align: center }

.hidden { display: none }



/* Comments*/

#comments { font-size: 1.4em; line-height: 1.4em; }

#comments div.navigation { font-size: 0.8em }

.commentlist { margin: 20px 0; padding: 0 0 1px 0; background: url('../images/border_h.png') repeat-x bottom; }

.commentlist li.even { background-color: #fafafa }

.commentlist li.odd { background-color: #f6f6f6 }

.commentlist li { list-style: none; margin: 0; padding: 0; background: url('../images/border_h.png') repeat-x top; }

li.comment div, li.pingback div { padding: 20px; overflow: auto; }

li.comment div div, li.pingback div div { padding: 0; overflow: visible; }

ul.children li { list-style: none }

img.avatar { float: right; border: 1px solid #eee; padding: 2px; margin: 0; background: #fff; }

.comment-meta, .reply { margin: 0; padding: 0; font-size: 0.8em; }

.comment-author cite { font-style: normal; font-weight: bold; }

textarea#comment { width: 98% }



/* Sidebar */

#sidebar { font: 1.4em Arial, Helvetica, sans-serif; }

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }

#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 0 }

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 20px }

#sidebar ul ol li { list-style: decimal outside }

#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }

#sidebar ul li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; margin-bottom: 20px; }

#sidebar li.boxStyle { background:url(../images/box-bg.png) repeat-x; border:#e6e6e6 solid 1px; padding:18px 22px;}



/* Calendar */

#wp-calendar { empty-cells: show; width: 155px; }

#wp-calendar td#prev a { padding: 0; text-align: left; font-weight: normal; }

#wp-calendar td#next a { padding: 0; text-align: right; font-weight: normal; }

#wp-calendar td#today { background: #eee }

#wp-calendar #prev a { padding-left: 10px; text-align: left; }

#wp-calendar #next a { padding-right: 10px; text-align: right; }

#wp-calendar caption { font-weight: bold; text-transform: uppercase; text-align: left; margin: 0 0 5px 8px; color: #666; }

#wp-calendar td { padding: 3px 5px; text-align: center; }

#wp-calendar a { display: block; font-weight: bold; }

/* End Calendar */



/* Footer */

#footer { background: url('../images/foot-bg.gif') repeat-x top; padding:20px 0 1px; text-align:center; font-size:1.1em; color:#888; margin:0px; }

/* ============================================================================================================= */

/* Custom */

.clft { clear: both; font-size: 0px; height: 0px; }

.wrapAll { width:100%; background:url(../images/streatch-bg-sub.gif) repeat-x;}



#topPart { margin:0 auto; padding:0; /*width:1000px;*/ width:980px; }



#headerimage h1 { float:left;}

.qContact { width:300px; float:right; text-align:right;}

.qContact h2 { font-size:22px; color:#f89e07; text-transform:none;}



#banner { /*width:1000px; width:980px;*/ margin:2px auto 0 auto; overflow:hidden;}

#banner h1 { color:#213045; font-size:30px; text-transform:uppercase; margin-bottom:0;}

#banner h3 { color:#4588f4; font-size:25px; text-transform:none; margin-top:0;}

#banner p { color:#0e4784; font-size:18px; line-height:28px; font-weight:bold; text-transform:none; margin-top:0;}

#banner .button { background:url(../images/btn-bg.jpg) repeat-x; height:37px; line-height:37px; text-align:center; color:#fff; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); padding:7px 20px; -webkit-border-radius: 10px; border-radius: 10px;}

#banner .button:hover { color:#f89e07;}



#caption { /*width:1000px;*/ margin:0 auto;}

#caption h3 { color:#fff; font-size:20px; font-weight:bold; letter-spacing:0.09em; margin:0; line-height:35px; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1);}



#fmenu { margin: 0  auto; padding: 0px 0; /*width:1000px;*/ width:980px; height:20px; }

#fmenu ul li.current_page_item > a, #fmenu ul li.current-menu-ancestor > a, #fmenu ul li.current-menu-item > a, #fmenu ul li.current-menu-parent > a { color: #f89e07 }

#fmenu ul li:hover > ul { display: block }

#fmenu .menu-footer, div.menu { padding: 0px }

#fmenu .menu-footer ul, div.menu ul { list-style: none; margin: 0; padding: 0px; }

#fmenu .menu-footer li, div.menu li { float: left; position: relative; font-weight: bold; text-transform: uppercase; background: url('../images/foot-devider.gif') right center no-repeat; }

#fmenu ul ul { display: none; position: absolute; top: 40px; left: 0; z-index: 99999; border: 1px solid #A9BEC7; background: #E4EDED; padding: 0px; margin: 0 0 0 18px !important; border-bottom: 0px solid #F00; width: 160px; }

#fmenu li:hover > a, #fmenu ul ul :hover > a { }

#fmenu ul ul ul { left: 100%; top: -1px; margin: 0px !important; padding: 0px !important; }

#fmenu ul ul li { width: 140px; background: none !important; line-height: normal !important; height: auto !important; margin: 0 0 0 0; padding: 5px 10px; border-bottom: 1px solid #A9BEC7; }

#fmenu ul ul a { background: none; line-height: normal !important; padding: 0px; width: 160px; margin: 0px; font-size: 15px; }

#fmenu a { font-weight:normal; color:#fff; font-size:11px; padding:0 15px; line-height:20px; font-weight:bold;}

#fmenu a:hover {color: #f89e07;}

* html #fmenu ul li.current_page_item a, * html #fmenu ul li.current-menu-ancestor a, * html #fmenu ul li.current-menu-item a, * html #fmenu ul li.current-menu-parent a, * html #fmenu ul li a:hover { color: #f89e07; }



#copy-info { /*width:1000px;*/ width:954px; margin:0 auto; text-align:left; padding:0 0 0 3px;} 



.button2 { background:#71a9fb; height:32px; line-height:32px; text-align:center; font-weight:bold; color:#fff; text-shadow: 0px 1px 1px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); padding:7px 20px; -webkit-border-radius: 10px; border-radius: 10px;}

/* ============================================================================================================= */
/* Hero slider — lightweight vanilla-JS replacement for the old SlideDeck Pro plugin.
   Reproduces the original "fullwidth-sexy-white" look: 980x328 frame, fade transition,
   8s autoplay, prev/next arrows, left-aligned overlay text. */

/* Keep the banner and main content below the navigation. On the fixed 980px
   layout the nav is a single 50px row, so this is a no-op there; on narrower
   screens (where the nav wraps) it stops leaked nav floats from collapsing the
   width of the banner / content area. */
#banner, #page { clear: both; }

.pp-slider { position: relative; width: 980px; height: 328px; margin: 2px auto 0; overflow: hidden; }

.pp-slide {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-position: center center; background-repeat: no-repeat; background-size: cover;
	opacity: 0; visibility: hidden; transition: opacity 0.5s ease-in-out;
	display: flex; flex-direction: column; justify-content: center;
}
.pp-slide.is-active { opacity: 1; visibility: visible; }

.pp-slide-inner { padding: 0 30px; max-width: 470px; }
.pp-slide-inner h1 { margin-top: 0; }

/* prev / next navigation arrows (original skin art) */
.pp-slider-nav {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 40px; height: 90px; border: 0; padding: 0; cursor: pointer;
	background-color: transparent; background-repeat: no-repeat; background-position: center center;
	overflow: hidden; text-indent: -9999px; z-index: 20; opacity: 0.85;
}
.pp-slider-nav:hover { opacity: 1; }
.pp-slider-nav.prev { left: 0; background-image: url(../images/nav-prev.png); }
.pp-slider-nav.next { right: 0; background-image: url(../images/nav-next.png); }

/* ============================================================================================================= */
/* Contact form — keeps the original Contact Form 7 look, no WordPress backend required. */

.wpcf7 { font-size: 1.4em; }
.wpcf7 p { margin: 0 0 12px; }
.wpcf7-form-control {
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #555;
	padding: 6px 8px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; max-width: 100%;
}
.wpcf7-text, .wpcf7-textarea { width: 100%; }
.wpcf7-textarea { min-height: 140px; }
.wpcf7-submit {
	background: #71a9fb; color: #fff; font-weight: bold; cursor: pointer;
	border: 0; padding: 10px 28px; border-radius: 10px;
	text-shadow: 0 1px 1px #000; width: auto;
}
.wpcf7-submit:hover { background: #4588f4; }
.wpcf7-response-output { display: none; }
.wpcf7-response-output.is-visible { display: block; margin: 1em 0; padding: 0.6em 1em; border: 2px solid #46b450; color: #2e7d32; background: #f1f8f1; }

/* Keep the "Call Today!" phone link the same orange as the original text */
.qContact a { color: inherit; text-decoration: none; }

/* search box in sidebar */
#searchform input#s { width: 70%; padding: 5px 6px; border: 1px solid #ccc; border-radius: 3px; font-size: 13px; }
#searchform input#searchsubmit { padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; background: #f4f4f4; cursor: pointer; font-size: 13px; }

/* ============================================================================================================= */
/* Responsive layer
   The original WordPress theme was a fixed 980px-wide, non-responsive design.
   Everything below is additive and only takes effect at/below 980px, so the
   desktop layout is byte-for-byte unchanged. On narrower screens the page
   becomes fluid, the two columns collapse to one, and the top menu turns into a
   tap-to-open list.

   Note: the original painted the navy menu bar and the blue caption strip with a
   single repeat-x background image positioned at a FIXED vertical offset on
   .wrapAll. That trick falls apart the moment heights change, so on small
   screens we drop that image and give those bars their real colors instead
   (sampled from the original image): menu = #091c2a, caption = #0e4784. */

/* Hamburger button: hidden on desktop, shown on mobile (below). */
.nav-toggle { display: none; }

@media (max-width: 980px) {
	/* Fluid containers in place of the fixed 980px width */
	#topPart, #page, #hmenu, #fmenu, #copy-info, #banner {
		width: auto; max-width: 980px; margin-left: auto; margin-right: auto; box-sizing: border-box;
	}
	#topPart, #page { padding-left: 15px; padding-right: 15px; }

	/* The fixed-offset background bands no longer line up; use real colors. */
	.wrapAll { background: #fff !important; }

	/* Menu bar: solid navy, centered items that wrap instead of a rigid row */
	#hmenu { background: #091c2a; height: auto; overflow: hidden; padding: 0; }
	#hmenu .menu { text-align: center; }
	#hmenu .menu-header li, #hmenu div.menu li { float: none; display: inline-block; }
	#hmenu a { line-height: 44px; }

	/* Caption strip gets its real blue background */
	#caption { background: #0e4784; }
	#caption h3 { padding: 8px 15px; line-height: 1.5; margin: 0; }

	/* Hero slider becomes fluid (keeps the 328px height down to the mobile bp) */
	.pp-slider { width: 100%; max-width: 100%; }

	/* Two columns become percentage-based */
	#content { width: 60%; }
	#sidebar { width: 36%; }

	/* Footer menu: centered, wrapping */
	#fmenu { height: auto; }
	#fmenu .menu { text-align: center; }
	#fmenu .menu-footer li, #fmenu div.menu li { float: none; display: inline-block; }
}

@media (max-width: 700px) {
	/* Header stacks and centers */
	#headerimage { padding: 14px 0 10px; text-align: center; }
	#headerimage h1 { float: none; margin: 0; }
	#headerimage h1 img { max-width: 100%; height: auto; }
	.qContact { float: none; width: auto; text-align: center; margin-top: 10px; }
	.qContact h2 { font-size: 20px; }

	/* Collapsible "hamburger" navigation */
	.nav-toggle {
		display: block; width: 100%; box-sizing: border-box; text-align: left;
		background: #091c2a; color: #fff; border: 0; cursor: pointer;
		font: bold 16px/1 Arial, Helvetica, sans-serif; text-transform: uppercase;
		padding: 16px 15px;
	}
	#hmenu .menu-header { display: none; }
	#hmenu.open .menu-header { display: block; }
	#hmenu .menu { text-align: left; }
	#hmenu .menu-header li, #hmenu div.menu li { display: block; }
	#hmenu a { display: block; line-height: normal; padding: 14px 18px; border-top: 1px solid rgba(255,255,255,0.12); }

	/* Single-column content */
	#content, #sidebar { float: none; width: 100%; }
	#sidebar { margin-top: 30px; }

	/* Hero slider: shorter, smaller type, with a soft panel so the overlay text
	   stays readable when the photo is cropped on a narrow screen */
	.pp-slider { height: 300px; }
	.pp-slide { background-position: center center; }
	.pp-slide-inner { max-width: 88%; background: rgba(255,255,255,0.62); border-radius: 8px; padding: 14px 18px; }
	#banner h1 { font-size: 22px; }
	#banner h3 { font-size: 16px; }
	#banner p { font-size: 14px; line-height: 20px; }
	.pp-slider-nav { width: 28px; background-size: 18px auto; }

	/* Comfortable tap target sizing for forms */
	.wpcf7-text, .wpcf7-textarea { font-size: 16px; }
	#searchform input#s { width: 60%; }
}