/*
Theme Name: Miss Moneypenny
Description: Commissioned by Miss Moneypenny, built by Design Motive.
Author: Daniel Neaves @ Design Motive
Author URI: http://designmotive.co.uk/
Version: 1.0
Tags: 
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}



/*-------------------------------------------------------------
GLOBAL DECLARATIONS
-------------------------------------------------------------*/

@font-face {
    font-family: 'Montserrat';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Montserrat-Regular.woff') format('woff'); /* Modern Browsers */
}
@font-face {
    font-family: 'MontserratBold';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Montserrat-Bold.woff') format('woff'); /* Modern Browsers */
}
@font-face {
    font-family: 'OpenSans';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/OpenSans.eot');
    src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/OpenSans.woff') format('woff'); /* Modern Browsers */
}
@font-face {
    font-family: 'OpenSansItalic';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/OpenSans-Italic.eot');
    src: url('fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/OpenSans-Italic.woff') format('woff'); /* Modern Browsers */
}
@font-face {
    font-family: 'OpenSansBold';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/OpenSans-Bold.woff') format('woff'); /* Modern Browsers */
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/OpenSans-BoldItalic.eot');
    src: url('fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/OpenSans-BoldItalic.woff') format('woff'); /* Modern Browsers */
}

html { background-color: #786883; font-size: 62.5%;}
body {font-family:'OpenSansItalic',Helvetica, Arial, sans-serif; font-size: 14px; font-size: 1.4rem; line-height:1.2em; background-color: #ffffff; min-width:768px;}

body header {color:#CBC3CC;}
body #content,
body #sidebar {color:#777777;}
body footer,
body footer a {color:#CBC3CC;}

h1 {font-family:'Montserrat';text-transform:uppercase; font-size: 32px; font-size: 3.2rem;line-height:1.2em;color:#786883;margin:0.5em 0;letter-spacing:6px; letter-spacing:0.6rem;}

h1.large {font-size: 48px; font-size: 4.8rem;}

h2 {font-family:'Montserrat';text-transform:uppercase;font-size: 27px; font-size: 2.7rem;line-height:1.2em;color:#786883;letter-spacing:6px; letter-spacing:0.6rem;}

h3 {font-family:'Montserrat'; font-size: 20px; font-size: 2rem; line-height:1em;color:black;}

h4 {font-family:'Montserrat';text-transform:uppercase;font-size: 16px; font-size: 1.6rem;line-height:1em;}

h6 {font-family:'Montserrat'; font-size: 14px; font-size: 1.4rem; border-bottom: 1px solid #58595B; padding: 0.2em 0 0.5em 0; border-top: 6px solid #58595B; margin-top: 1.5em; line-height:1em; }

.tag-line {font-size: 18px; font-size: 1.8rem;}

p {}
ul p, ul h4 {font-size:1em;}
p, .entry-content {line-height:1.533em;}

blockquote {font-size:0.800em;line-height:1.533em;}
blockquote p {line-height:1.533em;font-size:1em;display: inline;}
blockquote:before, blockquote:after {content:"\022";}
small { font-size: 80%; }
strong {font-family:'OpenSansBoldItalic';}

#page-content ul {padding-left: 1em;text-indent: -1em;list-style: none; margin-left: 0;}
#page-content ul li:before {content: "\03E \020";}
#page-content ol {margin-left: 1.4em;text-indent: -0.4em; list-style-type:decimal;}
#page-content ul, #page-content ol {margin-top:1em;margin-bottom:1.5em;}

h2, h3, h4, p, blockquote {margin:1em 0;}
h2 em { font-style: italic; }

p + h2,
p + h3,
p + h4,
blockquote + h2,
blockquote + h3,
blockquote + h4,
ul + h2,
ul + h3,
ul + h4,
ol + h2,
ol + h3,
ol + h4 {margin-top:1.5em;}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
p:first-child,
blockquote:first-child,
ul:first-child,
ol:first-child {margin-top:0;}

h1:first-child + p,
h2:first-child + p {}

a {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
}

/*#page-content a {
	color: #59595c;
	text-decoration: underline;
	text-transform:uppercase;
}

#page-content a:hover {
	color: #c3d600;
}*/

[class*="span"] img {width:100%;height:auto;}

a {color:#7B6983;text-decoration:none;}
a:hover {text-decoration:none;}

.clear, .clearfix {clear:both;}

.mobile-only {display:none;}
.desktop-only {display:inherit;}


h1 + p,
h2 + p,
h3 + p,
#content p.tel + p,
#content p.email + p {font-family:'OpenSansBoldItalic';}

#content ul {}
#content li {padding:5px 0;padding:0.5rem 0;}


/*-------------------------------------------------------------
LAYOUT
-------------------------------------------------------------*/

.container {min-width:768px;max-width: 1024px;margin: 0 auto; padding-bottom: 2em;}

#header .wrapper {margin:0;}
.wrapper {padding:0 3% 0 1%;}
#footer .wrapper {padding:0 3% 30px 1%; margin:0;}
#footer .container { background: transparent;}
#header[class*="span"] {margin-top:0; margin-bottom:0;}

hr { background: url('images/hr.png') no-repeat top center; border:none;border-bottom:1px solid #ddd;height:39px; height:3.9rem;width:100%;margin:0 0 39px 0;margin:0 0 3.9rem 0;display:block;}

/*#sidebar {width:24%;float:left;} /* two-col */
/*#content {width:74%;float:right;} /* four-col */

/*.side-left {margin-left:2%;} /* to add padding between objects */

.span12 {width:97.91666698%;}
.span11 {width:89.58333362%;}
.span10 {width:81.25000026%;}
.span9 {width:72.91666690%;}
.span8 {width:64.58333354%;}
.span7 {width:56.25000018%;}
.span6 {width:47.91666682%;}
.span5 {width:39.58333346%;}
.span4 {width:31.25000010%;}
.span3 {width:22.91666674%;}
.span2 {width:14.58333338%;}
.span1 {width:6.25000002%;}

[class*="span"] {margin:1em 0;margin-left:2.08333334%; /*float:left;*/ display:inline-block;vertical-align:top; position:relative;}
[class*="span"] [class*="span"]:first-child, [class*="span"] [class*="span"].new-line {margin-left:0;}

.span12 .span11 {width:91.4893617%;}
.span12 .span10 {width:82.9787234%;}
.span12 .span9 {width:74.46808511%;}
.span12 .span8 {width:65.95744681%;}
.span12 .span7 {width:57.44680851%;}
.span12 .span6 {width:48.93617021%;}
.span12 .span5 {width:40.42553191%;}
.span12 .span4 {width:31.91489362%;}
.span12 .span3 {width:23.40425532%;}
.span12 .span2 {width:14.89361702%;}
.span12 .span1 {width:6.382978723%;}
.span12 [class*="span"] {margin-left:2.12765957%;}

.span11 .span10 {width:90.69767442%;}
.span11 .span9 {width:81.39534884%;}
.span11 .span8 {width:72.09302326%;}
.span11 .span7 {width:62.79069767%;}
.span11 .span6 {width:53.48837209%;}
.span11 .span5 {width:44.18604651%;}
.span11 .span4 {width:34.88372093%;}
.span11 .span3 {width:25.58139535%;}
.span11 .span2 {width:16.27906977%;}
.span11 .span1 {width:6.976744186%;}
.span11 [class*="span"] {margin-left:2.32558140%;}

.span10 .span9 {width:89.74358974%;}
.span10 .span8 {width:79.48717949%;}
.span10 .span7 {width:69.23076923%;}
.span10 .span6 {width:58.97435897%;}
.span10 .span5 {width:48.71794872%;}
.span10 .span4 {width:38.46153846%;}
.span10 .span3 {width:28.20512821%;}
.span10 .span2 {width:17.94871795%;}
.span10 .span1 {width:7.692307692%;}
.span10 [class*="span"] {margin-left:2.56410256%;}

.span9 .span8 {width:88.57142857%;}
.span9 .span7 {width:77.14285714%;}
.span9 .span6 {width:65.71428571%;}
.span9 .span5 {width:54.28571429%;}
.span9 .span4 {width:42.85714286%;}
.span9 .span3 {width:31.42857143%;}
.span9 .span2 {width:20%;}
.span9 .span1 {width:8.571428571%;}
.span9 [class*="span"] {margin-left:2.85714286%;}

.span8 .span7 {width:87.09677419%;}
.span8 .span6 {width:74.19354839%;}
.span8 .span5 {width:61.29032258%;}
.span8 .span4 {width:48.38709677%;}
.span8 .span3 {width:35.48387097%;}
.span8 .span2 {width:22.58064516%;}
.span8 .span1 {width:9.677419355%;}
.span8 [class*="span"] {margin-left:3.22580645%;}

.span7 .span6 {width:85.18518519%;}
.span7 .span5 {width:70.37037037%;}
.span7 .span4 {width:55.55555556%;}
.span7 .span3 {width:40.74074074%;}
.span7 .span2 {width:25.92592593%;}
.span7 .span1 {width:11.11111111%;}
.span7 [class*="span"] {margin-left:3.70370370%;}

.span6 .span5 {width:82.60869565%;}
.span6 .span4 {width:65.2173913%;}
.span6 .span3 {width:47.82608696%;}
.span6 .span2 {width:30.43478261%;}
.span6 .span1 {width:13.04347826%;}
.span6 [class*="span"] {margin-left:4.34782609%;}

.span5 .span4 {width:78.94736842%;}
.span5 .span3 {width:57.89473684%;}
.span5 .span2 {width:36.84210526%;}
.span5 .span1 {width:15.78947368%;}
.span5 [class*="span"] {margin-left:5.26315789%;}

.span4 .span3 {width:73.33333333%;}
.span4 .span2 {width:46.66666667%;}
.span4 .span1 {width:20%;}
.span4 [class*="span"] {margin-left:6.66666667%;}

.span3 .span2 {width:63.63636364%;}
.span3 .span1 {width:27.27272727%;}
.span3 [class*="span"] {margin-left:9.09090909%;}

.span2 .span1 {width:42.85714286%;}
.span2 [class*="span"] {margin-left:14.28571429%;}


/*-------------------------------------------------------------
HEADER
-------------------------------------------------------------*/


#logo {float:left;max-width:252px;padding:5px 0; padding:0.5rem 0;}
#site-description {float:right; max-width:297px;padding:18px 0; padding:1.8rem 0;}

#header {background:white url(images/header.jpg) top left repeat-x;}
#header .row:first-child .container {min-height:135px;}
#header .container {padding:0;}
#header .row.nav {background-color: #786883;}
#header .row.nav [class*="span"] {margin-top:0; margin-bottom:0;}



/*-------------------------------------------------------------
NAVIGATION
-------------------------------------------------------------*/

#menu {clear:both;text-align:center;font-size:0;}
#menu li {display:inline-block; position:relative; font-size:13px; font-size:1.3rem;z-index:9999;}
#menu li span.separator {padding:0 9px; padding:0 0.9rem;font-size:10px; font-size:1rem;font-family: 'OpenSansBold';vertical-align:text-top;}
#menu li:last-child span.separator {display:none;}
#menu a {text-decoration:none;font-family:"OpenSans";color:#CBC3CC;display:inline-block; padding:13px 0; padding:1.3rem 0;}
#menu a:hover,
#menu .current-menu-item a,
#menu .current_page_parent a {color:#ffffff;}

#menu .sub-menu {position:absolute;top:42px; top:4.2rem; left:-9px; left:-0.9rem; z-index:999; background-color:#CBC3CC;padding:5px 0; padding:0.5rem 0;text-align:left; display:none;}
#menu li:hover .sub-menu {display:inherit;}
#menu .sub-menu span.separator {display:none;}
#menu .sub-menu li {padding:5px 20px; padding:0.5rem 2rem;}
#menu .sub-menu li a {color:#786883; padding:0;}
#menu .sub-menu li a:hover {color:#ffffff;}

#content .sub-menu {font-size:0;margin:40px 0; margin:4rem 0;}
#content .sub-menu li {display:inline-block;font-size:18px;font-size:1.8rem;font-family:"OpenSans";border-right:1px solid #BBBBBB;padding:0;}
#content .sub-menu li:last-child {border:none;}
#content .sub-menu li a {padding:20px 50px;padding:2rem 5rem; display:block;color:#CBC3CC;}
#content .sub-menu li.current_page_item a,
#content .sub-menu li a:hover {color:#786883;}


/*-------------------------------------------------------------
BANNER IMAGE
-------------------------------------------------------------*/

#banner {position:relative;}
#banner, #banner img, #home_slider {width:100%; height:auto;min-width:768px;}
#banner img {vertical-align: bottom;width:100%;position:relative;}

#title_area {position:absolute;top:50%;width:100%;margin-top:-130px;margin-top:-13rem;}
#title_area hr {background:none; height:0;width:250px; width:25rem; border:none; border-bottom:1px solid white; margin:10px auto; margin:1rem auto;}
#title_area h1, 
#title_area .tag-line {color:white;}
#title_area h1.large {margin:24px 0;margin:2.4rem 0;}
#title_area #section_title {border:7px solid white;border:0.7rem solid white;padding:20px;padding:2rem;text-align:center;background-color:rgba(120,102,133,0.4);}

#map {position:relative; /* height:450px;height:45rem; */ }
#map .cpm-map {z-index:5;}
#map #title_area {position:absolute;top:10px;top:1rem;width:100%;margin-top:0;}
#map #title_area h1 {font-size:20px;font-size:2rem;letter-spacing:1px;}
#map #title_area .tag-line {font-size:16px;font-size:1.6rem;display:block;padding-bottom:20px;padding-bottom:2rem;}
#map #title_area hr { border-color:#786883; width:150px;width:15rem;margin:20px auto; margin:2rem auto;}
#map #title_area h1, 
#map #title_area .tag-line {color:#786883;}
#map #title_area #section_title {z-index:100;position:relative;border:7px solid #786883;border:0.7rem solid #786883;background-color:white;padding:10px;padding:1rem;}

#map #title_area #section_title.person {padding:20px;padding:2rem;}
#map .person img {width:90px;width:9rem;height:90px;height:9rem;border-radius:90px; border-radius:9rem;}
#map .person h1 {font-size:18px;font-size:1.8rem;letter-spacing:1px;}
#map .person p {font-size:12px;font-size:1.2rem;color:#786883;margin:0.5em auto;}
#map .person p.tel, #map .person p.email {font-family:'OpenSans';font-size:14px;font-size:1.4rem;}
#map .person p.specialities {}

/*-------------------------------------------------------------
CONTENT
-------------------------------------------------------------*/

#content {text-align:center;margin-top:20px;margin-top:2rem;}

#content.person h2 {padding:10px;padding:1rem;border-top:1px solid #786883;border-bottom:1px solid #786883;display:inline-block;margin-bottom:0;}
#content p.tel,
#content p.email {font-family:'OpenSans' !important;font-size:18px;font-size:1.8rem;color:#786883;}



/*-------------------------------------------------------------
FIND AN MMP
-------------------------------------------------------------*/

#map #title_area { visibility:hidden }
#map #section_title {visibility: visible }
.container.find-an-mmp {display:none;}
.follow {margin:30px auto;margin:3rem auto;}
.follow p:first-child {font-family:'OpenSansBoldItalic';}
.follow a {font-size:0;display:inline-block;margin:0 10px; margin:0 1rem; opacity:1;}
.follow a:hover {opacity:0.8;}
.follow .twitter {background:url(images/twitter.png) top left no-repeat;width:29px;height:25px;}
.follow .linkedin {background:url(images/linkedin.png) top left no-repeat;width:27px;height:26px;}
.follow .facebook {background:url(images/facebook.png) top left no-repeat;width:27px;height:26px;}


/*-------------------------------------------------------------
CALL TO ACTION
-------------------------------------------------------------*/

#call-to-action {text-align:center;}
#call-to-action a {background-color:#786883; display:inline-block; color:white; padding:10px 20px;padding:1rem 2rem; border-radius:30px; border-radius:3rem;}
#call-to-action a:hover {opacity:0.8;}

/*-------------------------------------------------------------
FOOTER
-------------------------------------------------------------*/

#footer {
	background-color: #786883;
    width: 100%;
	font-size:13px;
	font-size:1.3rem;
}

#copyright {margin-top:0;}
#copyright p {font-size:10px; font-size:1rem; margin:10px 0; margin:1rem 0;}

#social {text-align:right; margin-top:0;}
#social li {display:inline;}
#social a {font-size:0;display:inline-block;margin:0 5px; margin:0 0.5rem; opacity:1; vertical-align:text-top;}
#social a:hover {opacity:0.5;}
#social .twitter a {background:url(images/twitter_white.png) center top no-repeat;width:18px;height:16px;}
#social .linkedin a {background:url(images/linkedin_white.png) top left no-repeat;width:16px;height:16px;}
#social .facebook a {background:url(images/facebook_white.png) top left no-repeat;width:16px;height:16px;}
#social .google a {background:url(images/google_white.png) top left no-repeat;width:16px;height:16px;}








@media only screen and (max-width: 1023px) {
	
	/*-------------------------------------------------------------
	BANNER IMAGE
	-------------------------------------------------------------*/
	
	#title_area {margin-top:-105px;margin-top:-10.5rem;}
	#title_area hr {width:150px; width:15rem;margin:5px auto; margin:0.5rem auto;}
	#title_area h1 {font-size:22px; font-size:2.2rem;} 
	#title_area h1.large {font-size:32px; font-size:3.2rem;margin:16px 0;margin:1.6rem 0;} 
	#title_area span.tag-line {font-size:13px; font-size:1.3rem;}
	
	#map #title_area {top:15px;top:1.5rem;}
	#map #title_area h1 {font-size:16px;font-size:1.6rem;}
	#map #title_area .tag-line {font-size:13px;font-size:1.3rem;}
	#map .person h1 {font-size:16px;font-size:1.6rem;}
	#map .person p {font-size:13px;font-size:1.3rem;}
	#map .person p.tel, #map .person p.email {font-size:14px;font-size:1.4rem;}
	
}