/* Theme Name: Attain Design Theme URI: http://www.attaindesign.co.uk Author: Attain Design Author URI: http://www.attaindesign.co.uk Description: Attain Design Theme for Starr Consulting Version: 1.0 */ /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Richard Clark - http://richclarkdesign.com */ 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:none} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent} ins{background-color:#ff9;color:#000;text-decoration:none} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} 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 #ccc;margin:1em 0;padding:0} input,select{vertical-align:middle} /* ========================================================================== Base styles ========================================================================== */ /* * Remove text-shadow in selection highlight: h5bp.com/i */ ::-moz-selection { background: #002856; color: #fff; text-shadow: none; } ::selection { background: #002856; color: #fff; text-shadow: none; } /* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, video { vertical-align: middle } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical } /* ========================================================================== Typography ========================================================================== */ @import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic); /* Default fonts and colors. */ body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea { font-family: 'Open Sans', sans-serif; line-height: 30px; color: #777777; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #222222; font-weight: bold; margin-bottom: 10px; text-align: center; text-transform: uppercase; } h1 { font-size: 36px } h2 { font-size: 24px } h3 { font-size: 16px } h4 { font-size: 15px } h5 { font-size: 14px } h6 { font-size: 13px } /* Text elements */ p { font-size: 14px; margin: 0 0 20px; line-height: 24px; } a { color: #262560; text-decoration: none; outline: 0; } a:hover { color: #f27d00; text-decoration: underline; } .internal ul li { margin-bottom: 20px } .internal blockquote { font-family: Georgia, serif; font-size: 18px; font-style: italic; padding: 0.25em 40px; line-height: 1.45; position: relative; color: #383838; } .internal blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: -20px; top: -20px; color: #7a7a7a; } strong { font-weight: bold; } em { font-style: italic; } .addthis_toolbox { padding: 10px 0; } #post-93 .addthis_toolbox, .whatwedo .addthis_toolbox, .internal.private .addthis_toolbox { display: none; } /* ========================================================================== Required WP Styles ========================================================================== */ .wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-text { } .sticky { background: #f7f7f7; padding: 0 10px 10px; } .gallery-caption { } .bypostauthor { } .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } /* ========================================================================== Global ========================================================================== */ /* Clear elements with div or span... */ .clear { width: 100%; clear: both; height: 0px; display: block; } /* Reusables */ .left { float: left; display: inline-block; zoom: 1; *display: inline; } .right { float: right; display: inline-block; zoom: 1; *display: inline; } .t-left { text-align: left; margin: 0 !important; } .t-right { text-align: right; margin: 0 !important; } .last { margin-right: 0px!important } .btn { display: block; background-color: #fff; border: 2px solid #777777; height: 40px; line-height: 40px; width: 150px; margin: 0 auto; color: #777777; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn:hover { background-color: #f27d00; border: 2px solid #f27d00; color: #fff; } .sep { background-color: #888888; display: block; height: 1px; margin: 18px auto 28px; position: relative; width: 120px; } hr { border: 0; background: #DDDEDF; } .circle-icon { margin: 0 auto; text-align: center; width: 40px; height: 40px; background: #0d3b68; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } /* ========================================================================== Pages ========================================================================== */ .slider-loading { background: url('img/slider_loader.gif') no-repeat center center !important; } /* ========================================================================== Main Styles ========================================================================== */ /* 320px - Mobile */ body { background-color: #fff } .wrapper { margin: 0 auto; width: 90%; padding: 0px 10px; } /* Header */ header { position: relative; z-index: 9998; position: fixed; left: 0; top: 0; width: 100%; height: auto; background-color: #fff; border-bottom: 1px solid #DDDEDF; } header.small { height: 60px } header.small .logo img { width: 110px !important; } header .logo { display: block; text-align: center; padding-top: 3px; margin-bottom: 10px; } header .logo img { width: 150px !important; } .nav-toggle, .nav-collapse.closed { float: left; position: relative; width: 25px; padding-left: 20px; background: url('img/ico-burger-menu.png') no-repeat top center; text-indent: -9999px; margin-top: -35px; } .nav-collapse { } .nav-collapse.opened { } .nav-collapse.opened li { display: block } .nav-collapse.opened li a { color: #222222; text-align: center; display: block; background-color: #f0f0f1; border-bottom: 1px solid #e5e4e5; } .nav-collapse.opened li a:hover { color: #fff; background-color: #f27d00; border-bottom: 1px solid #c5681a; } .close-nav-icon { background: url("img/ico-burger-menu-close.png") no-repeat scroll center top } header .social { display: none; } /* Footer */ footer { border-top: 1px solid #dddedf; padding-top: 30px; background-color: #fff; position: relative; } footer a { color: #777777; text-decoration: underline; } footer .copyright { text-align: center } footer .f-details { } footer .f-details p { text-align: center } footer hr { margin-top: 30px } .social { list-style: none; margin-top: 20px; text-align: center; } .social li { display: inline-block } .social li a { background: url('img/ico-social-sprite.png') no-repeat } .social li a { display: inline-block; height: 40px; width: 40px; text-indent: -9999px; } .social li a.twitter { background-position: left top } .social li a.twitter:hover { background-position: left bottom } .social li a.facebook { background-position: -40px top } .social li a.facebook:hover { background-position: -40px bottom } .social li a.linkedin { background-position: -80px top } .social li a.linkedin:hover { background-position: -80px bottom } .social li a.googleplus { background-position: right top } .social li a.googleplus:hover { background-position: right bottom } .social li a.blog { width: 115px; background: url('img/btn-blog.png') no-repeat; } .newsletter { } .newsletter .n-signup { display: block; height: 40px; border: 1px solid #dddedf; padding-left: 10px; width: 95%; } .newsletter .n-submit { text-align: center; display: block; margin: 0 auto; margin-top: 5px; background-color: #00697a; width: 103px; height: 44px; border: 0; color: #fff; font-weight: bold; -webkit-border-radius: 3px -moz-border-radius: 3px; border-radius: 3px;} .newsletter .n-submit:hover { background-color: #f27d00 } /* Slider */ #slider-outer { position: relative } #slider { margin-top: 30px; margin-bottom: 20px; } #slider .flex-viewport { height: 100px !important } #slider .flex-caption { display: none } #slider .flex-caption h1 { color: #fff; font-size: 20px; line-height: 20px; text-shadow: 2px 2px 2px #427177; } #slider .flex-caption p { color: #fff; text-align: center; text-shadow: 1px 1px 2px #427177; } #slider .flex-caption a { text-transform: uppercase; font-weight: bold; text-shadow: 2px 2px 2px #ad682f; left: 0; bottom: 0; margin: auto; right: 0; width: 240px; position: absolute; bottom: -85px; background-color: #f49242; border-bottom: 5px solid #d07c38; height: 60px; line-height: 60px; width: 240px; margin: 0 auto; color: #fff; text-align: center; font-size: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: none; } #slider .flex-caption hr { border-bottom: 1px solid #08626d; width: 120px; margin: 30px auto; } #slider .flex-caption { border-bottom: 10px solid #005a68; /* Fallback for web browsers that don't support RGBa */ background-color: rgb(0, 105, 122); /* RGBa with 0.6 opacity */ background-color: rgba(0, 105, 122, 0.6); /* For IE 5.5 - 7*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9900697a, endColorstr=#9900697a)"; } #slider .flex-caption { color: #fff; height: 180px !important; top: -70px; left: 0; bottom: 0; margin: auto; width: 50%; right: 0; min-width: 200px; max-width: 670px; padding: 10px; position: absolute; } /* Logos */ .metaslider .flexslider { padding: 0 45px } .metaslider .flexslider ul li { padding-right: 43px !important; padding-left: 20px; } .metaslider .flexslider img { } .metaslider .flexslider img:hover { } /* Pages */ /* .page1, .page2, .page3, .page4, .page5, .page6 { height: 1000px; } */ /* Page 0: Welcome */ .welcome { background-color: #00697a; color: #fff; margin-top: 30px; padding: 30px 10px 40px 10px; } .welcome h1 { font-size: 30px; color: #fff; line-height: 48px; } .welcome p { font-size: 16px; line-height: 30px; color: #fff; text-align: center; } /* Global Bits */ .heading { background-color: #f0f0f1; border-bottom: 10px solid #e5e4e5; padding-top: 30px; padding-bottom: 20px; margin-bottom: 25px; } .heading h2 { margin-bottom: 0px } .section-para { margin: 0 auto; text-align: center; } .section-para img { max-width: 100% } .call-to-action { background-color: #201a56; padding-top: 60px; margin-top: 20px; text-align: center; } .call-to-action p { display: inline-block; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #fff; } .call-to-action a.btn { display: inline-block; background-color: #201a56; border-color: #fff; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom: 60px; } .internal .call-to-action { padding-bottom: 60px } .call-to-action-blank { text-align: center; } .call-to-action-blank p { font-size: 18px; font-weight: bold; text-transform: uppercase; display: inline-block; } .call-to-action-blank a.btn { margin-left: 20px; display: inline-block; margin-bottom: 60px; } input, textarea { border: 1px solid #DDDEDF } input:focus, textarea:focus { border: 1px solid #F27D00 !important } /* Page 1: Who We Are */ .page1 { background-color: #f7f7f7 } .page1 .btn { background-color: #f7f7f7 } .page1 .btn:hover { background-color: #f27d00 } .who-we-are-container { text-align: center; /* margin-bottom: 30px; */ padding: 10px; ; } .who-we-are-container.right-container { text-align: center } .who-we-are-container img { height: 153px; width: 153px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .who-we-are-container img:hover { border: 2px solid #F27D00; box-sizing: border-box; -moz-box-sizing: border-box; } /* Page 2: What We Do */ .page2 { text-align: center } .what-we-do-container { display: block; width: 100%; margin-bottom: 10px; } .page7 .what-we-do-container { text-align: center; } .what-we-do-container img { height: 153px; width: 153px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .page7 .what-we-do-container img { height: auto; width: 153px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .what-we-do-container img { border: 2px solid #fff; } .what-we-do-container img:hover { border: 2px solid #F27D00; } /* Page 3: Why Us */ .page3 { background-color: #f7f7f7; text-align: center; } .page3 .btn { background-color: #f7f7f7 } .page3 .btn:hover { background-color: #f27d00 } .why-us-container { text-align: center } #accordion { background-color: #fff; margin: 0 auto; margin-bottom: 30px; max-width: 630px; } #accordion p { margin-bottom: 0px; padding-bottom: 10px; } #accordion h3.ui-accordion-header { border: 1px solid #dddedf; position: relative; margin-bottom: 0px; min-height: 38px; height: auto; text-align: left; padding-left: 30px; } #accordion h3.ui-accordion-header a { font-weight: normal; font-size: 16px; color: #777777; text-transform: none; padding-right: 30px; } #accordion h3.ui-accordion-header span.ui-accordion-header-icon { position: absolute; right: 0; top: 0; text-align: center; } #accordion h3.ui-accordion-header span.ui-accordion-header-icon:after { line-height: 36px; cursor: pointer; display: block; background-color: #00697a; border-bottom: 4px solid #005a68; height: 36px; width: 40px; content: "+"; color: #fff; } #accordion h3.ui-accordion-header span:hover.ui-accordion-header-icon:after { background-color: #f27d00; border-bottom: 4px solid #c5681a; } #accordion .ui-accordion-content { border-left: 1px solid #DDDEDF; border-right: 1px solid #DDDEDF; padding-top: 10px; padding-left: 10px; height: auto; text-align: left; } #accordion h3.ui-state-active span.ui-accordion-header-icon:after { line-height: 36px; cursor: pointer; display: block; background-color: #f27d00; border-bottom: 4px solid #c5681a; height: 36px; width: 40px; content: "-"; color: #fff; } /* Page 4: Coach Community */ .page4 { } .login-hp { width: 80%; margin: 0 auto; } .login-hp a.btn { margin-bottom: 60px; } .login-hp a.comm-btn { margin-bottom: 0px; background-color: #00697a; border: none; color: white; } .login-hp .register { text-decoration: underline; font-size: 16px; margin-left: 20px; } #loginform { padding: 30px 25px; border: 1px solid #dddedf; border-bottom: 5px solid #dddedf; width: 80%; } #loginform input { width: 100%; border: 1px solid #dddedf; font-size: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #loginform label { font-size: 16px } #loginform .lostpass { float: left; font-size: 13px; text-decoration: underline; } #submit { float: right; background-color: #00697a; height: 40px; width: 94px !important; border: 0 !important; font-size: 16px !important; text-transform: uppercase; color: #fff; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #submit:hover { background-color: #f27d00 } /* Page5: Case Studies */ .page5 { background-color: #f7f7f7; padding-bottom: 60px; } .page5 .btn { background-color: #f7f7f7 } .page5 .btn:hover { background-color: #f27d00 } .video-box { position: relative; margin-bottom: 10px; text-align: center; } .video-box a.entry { background-color: #f27d00; color: #FFFFFF; height: 160px; left: 11px; opacity: 0; position: absolute; text-align: center; top: 0px; width: 251px; } .video-box a.entry span { margin: 0 auto; margin-top: 40px; display: none; background: url('img/ico-play.png') no-repeat; width: 80px; height: 80px; } .video-box a.entry:hover { opacity: 0.95; transition: all 0.4s ease 0s; } .video-box a.entry a { display: block } .pdf { width: 100%; text-align: center; margin-bottom: 30px; } .pdf .pdf-icon { margin: 0 auto; margin-bottom: 90px; background: url('img/ico-pdf.png') no-repeat 25px 0px; width: 160px; height: 101px; } .pdf .pdf-icon a { display: block; padding-top: 101px; } .pdf .pdf-icon:hover { background: url('img/ico-pdf-hover.png') no-repeat 25px 0px } .testimonials { display: none } .bx-wrapper { margin-bottom: 0px } .bx-viewport { background: url('img/ico-quote.png') no-repeat 60px 0 } .bxslider li { padding: 0px 90px } /* Page6: Contact */ .page6 { padding-bottom: 60px } .contact-col { float: left; width: 100%; text-align: center; } .contact-col.last { } .contact-col h3 { text-align: center } .contact-details p { font-size: 16px } .contact-details a { text-decoration: underline } .wpcf7 { } .wpcf7 input, textarea { font-size: 24px; width: 98%; border: 1px solid #dddedf; padding-left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .wpcf7 .wpcf7-submit { width: 103px; height: 40px; float: right; background-color: #00697a; border: 0 !important; font-size: 16px !important; text-transform: uppercase; color: #fff; font-weight: bold; } .wpcf7 .wpcf7-submit:hover { background-color: #f27d00 } .wpcf7 p { font-size: 16px } .wpcf7 label { font-size: 16px } .wpcf7 span.required { color: #f27d00; font-weight: bold; } .wpcf7 span.wpcf7-not-valid-tip { color: #f27d00 } .wpcf7 .wpcf7-validation-errors { border: 2px solid #f27d00 } /* Internals */ .page .internal iframe { width: 100%; } .internal { margin-top: 80px; text-align: center; } .internal .section-para { margin-bottom: 100px; /* text-align: center; */ text-align: left; } .internal .section-para p { font-size: 16px; text-align: left!important; } .internal .btn.t-left { margin: 0 auto } .internal-header { background-color: #00697A; color: #FFFFFF; padding: 20px 0; margin-bottom: 30px; } .internal-header h1 { color: #fff; margin-top: 0px !important; } .internal-header .sep { background-color: #fff; } /* About Us */ .about-image { text-align: center; margin-bottom: 60px; } .about-image img { max-width: 100%; } .columns-para { margin-bottom: 60px; text-align: center; } .video-downloads { position: relative; margin-bottom: 10px; text-align: center; } .video-downloads.box8 { margin-left: 0px; margin-right: 0px; } .video-downloads img { width: 272px; height: 158px; } .video-downloads a.entry { background-color: #f27d00; color: #FFFFFF; width: 272px; height: 158px; left: 5px; opacity: 0; position: absolute; text-align: center; top: 0px; } .video-downloads a.entry span { margin: 0 auto; margin-top: 60px; display: block; background: url('img/ico-play.png') no-repeat; width: 80px; height: 80px; } .video-downloads a.entry a { display: block } /* What We Do */ .what-we-do-downloads { margin: 0 auto; margin-bottom: 10px; padding: 0; text-align: center; width: 269px; } .what-we-do-downloads.wwdd3 { } .what-we-do-downloads img { height: 153px; width: 153px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .what-we-do-downloads img:hover { border: 2px solid #F27D00; box-sizing: border-box; -moz-box-sizing: border-box; } .internal .our-programmes { margin-top: 50px } /* Meet The Team */ .meettheteam { float: left; width: 100%; margin-bottom: 60px; } .meettheteam .meet-image { width: 251px; margin: 0 auto; margin-bottom: 60px; } .meettheteam .meet-image img { height: 250px; width: 250px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; } .meettheteam .meet-content { width: 100% } .meettheteam .meet-content h3 { text-align: center } .meettheteam .meet-content p { text-align: center } .meettheteam .btn.left { float: none } /* Login/Register/Lost Pass */ #login h1 a { background: url('img/logo.png') } /* Login: Private Page */ .private { text-align: left; } .private aside { display: block; border: 1px solid #DDDEDF; border-bottom: 5px solid #DDDEDF; padding: 20px; margin-bottom: 20px; text-align: center; } .private aside ul { list-style-type: none } .links .private .private-content table ul { list-style: none } .links .private .private-content table a, .links .private .private-content table p { margin-bottom: 5px; margin-top: 5px; } section.private-content { } section.private-content a { margin-bottom: 0px; background-color: #f49242; border: none; color: white; padding: 5px; border-radius: 3px; webkit-border-radius: 3px; -moz-border-radius: 3px; width: 100%; display: inline-block; } section.private-content p { margin-top: 0px; text-align: left!important; font-size: 14px; } section.private-content a.t-left { margin-left: 0!important; border: 2px solid #777777; background-color: #fff; color: #222; width: 98%; padding: 0; } section.private-content a:hover { color: #f27d00; text-decoration: none; } section.private-content a.btn:hover { border: 2px solid #F27D00; } section.private-content .coaching-manual a { background-color: #201a56; } section.private-content h1 { text-align: left!important; text-transform: none; font-size: 24px; } section.private-content h2 { color: #777; text-transform: none; font-size: 14px; font-weight: 100; } section.private-content h2 a { background-color: white; color: #222; text-transform: none; font-size: 18px; font-weight: 400; } section.private-content h4 { color: #777777; text-transform: none; font-weight: 300; } section.private-content dt { display: none; height: 0px; } section.private-content dl { border-bottom: none; padding-top: 10px; padding-bottom: 10px; } section.private-content dd { height: auto; border-bottom: none!important; font-size: 14px; line-height: 24px; padding-bottom: 0px; } section.private-content dd h2 { font-size: 18px; } section.private-content td { vertical-align: top; } section.private-content dd img { margin-top: 20px; } section.private-content tr { text-align: left; margin-bottom: 40px; border-top: 1px solid #DDDEDF!important; font-size: 14px!important; } section.private-content table tr { border-bottom: none; } section.private-content #menu-private-resources-menu { list-style-type: none } section.private-content #menu-private-resources-menu li { margin-bottom: 10px } section.private-content #menu-private-resources-menu li a { color: #fff; font-weight: bold; background-color: #00697A; padding: 5px 4%; display: block; border: 1% solid #00697A; border-bottom: 5px solid #005a68; width: 92%; } section.private-content #menu-private-resources-menu li a:hover { background-color: #f49242!important; color: white; border: 1% solid #f49242; border-bottom: 5px solid #d07c38!important; text-decoration: none; } section.private-content #internal_inner_left h1 { text-align: left!important; text-transform: none; font-size: 24px; } section.private-content #internal_inner_left h2 { text-align: left!important; text-transform: none; color: #777777; font-size: 18px; font-weight: 300; } section.private-content #internal_inner_left p { text-align: left!important; } body.page-id-214 section.private-content a { background-color: white!important; color: #00697a; padding: 0px; } body.page-id-214 section.private-content h2 { text-align: left; } section.private-content .id-responsive-table img { margin: 0 auto; width: 45px; } .id-responsive-table { text-align: center; } .private-content iframe { width: 100%; } /* Blog */ .blog-sidebar { float: left; width: 220px; text-align: left; } .blog-sidebar h2 { text-align: left; } .blog-sidebar ul { list-style-type: none; } .blog-sidebar #searchform input { -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; float: left; width: 140px; padding-left: 10px; height: 30px; margin-bottom: 30px; } .blog-sidebar #searchform button { float: left; width: 60px; height: 34px; background-color: #00697a; color: #fff; font-size: 14px; font-weight: bold; border: 0; } .blog-sidebar #searchform button:hover { background-color: #f27d00; } .blog-sidebar .std_blogsidebar { clear: both; } .blog-posts img { width: 100%; } .blog { } .blog .blog-post-l { float: left; } .blog .blog-post-r { float: left; background-color: #f0f0f1; color: #222222; width: 100%; height: auto; text-align: left; margin-bottom: 40px; } .blog .blog-post-r h2 { padding: 10px; margin-bottom: 0px; } .blog .blog-post-r span.date { padding: 10px; font-size: 10px; text-transform: uppercase; } .blog .blog-post-r p { padding: 10px; } .blog .blog-post-r a, .blog .blog-post-r h2, .blog .blog-post-r h2 a, .blog .blog-post-r p { color: #222; } .blog .blog-post-r a.view-article { color: #f27d00; } .single-blog article.post { margin: 0 auto; } .single-blog ul { margin-left: 30px; font-size: 14px; } .single-blog ul li { margin-bottom: 10px; } .single-blog h2, .single-blog h3, .single-blog h4, .single-blog h5 { text-transform: none; font-size: 20px; } .single-blog .featured-image { margin-bottom: 30px; } .single-blog .featured-image img { max-width: 100%; } .single-blog span.date { display: block; margin-bottom: 30px; } /* ========================================================================== Wide Mobile ========================================================================== */ @media only screen and (min-width: 480px) { body { /* background-color: red; */ } #slider .flex-viewport { height: 140px !important } .call-to-action a.btn { margin-left: 20px; } } /* ========================================================================== 600 ========================================================================== */ /* 600px */ @media only screen and (min-width: 600px) { body { /* background-color: blue; */ } /* fixes header height */ /* .nav-collapse.closed { position: absolute !important; } */ /* Page5: Case Studies */ .video-box { float: left; margin: 0px; margin-bottom: 10px; margin-right: 10px; } .video-box.box2, .video-box.box4 { } /* Slider */ #slider { } #slider .flexslider { height: 270px; } #slider .flex-viewport { height: 350px !important; } #slider .flex-caption h1 { font-size: 20px; line-height: 20px; } #slider .flex-caption p { margin-bottom: 0px } #slider .flex-caption a { display: block; } #slider .flex-caption { text-align: center; padding: 10px; height: 150px !important; top: -220px !important; } .flex-control-nav { bottom: -30px !important; } /* Page 3: Why Us */ #accordion h3.ui-accordion-header { height: 38px } .video-box a.entry { left: 0px } /* Page5: Case Studies */ .testimonials { display: block } /* Internals */ /* Coach Training */ .what-we-do-downloads { width: 349px } .internal table { width: 100%; line-height: 20px; } .internal table thead tr { border-top: 1px dotted #777777 } .internal table tr { border-bottom: 1px dotted #777777 } .internal table tr td { padding: 10px 0 } .internal table thead td strong { display: block } .internal table thead td { padding: 5px 10px } .internal table thead, .internal table thead p { font-size: 13px; margin-bottom: 0px; } .internal table tbody, .internal table tbody p { font-size: 13px; margin-bottom: 0px; } /* Meet the Team */ .meettheteam .btn.left { float: none !important; } } /* ========================================================================== Ipad Portrait ========================================================================== */ /* 768px - Ipad Portrait */ @media only screen and (min-width: 768px) { body { /* background-color: green; */ } /* Header */ header .social { display: none; } /* Footer */ .newsletter { float: left } .newsletter .n-signup { float: left; -webkit-appearance: none; height: 40px; border: 1px solid #dddedf; padding: 0; padding-left: 10px; width: 284px; } .newsletter .n-submit { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .newsletter .n-submit { float: left; background-color: #00697a; width: 103px; height: 42px; border: 0; color: #fff; margin-left: -5px; margin-top: 0px; font-weight: bold; } .social { float: right; margin-top: 0px; } /* Slider */ #slider-outer { height: 520px; } #slider { margin-top: 30px } #slider .flexslider { height: 460px; } #slider .flex-caption h1 { font-size: 28px; line-height: 28px; } #slider .flex-caption p { margin-bottom: 0px } #slider .flex-caption a { display: none } #slider .flex-caption { height: auto } #slider .flex-caption { display: block; top: -80px !important; } #slider .flex-viewport { height: 460px !important; } #slider .flexslider .slides img { height: 520px; width: auto; } .wsp_default_skin > li.slide, .wsp_default_skin > li.slide img { max-width: none !important; } /* Global Bits */ .section-para { width: 100% } .page7 { padding-bottom: 40px; } /* Page 1: Who We Are */ .page1 { padding-bottom: 40px } .who-we-are-container { float: left; width: 45%; margin-left: 30px; text-align: center; padding: 0px; } .who-we-are-container.right-container { float: left; margin-left: 43px; text-align: center; } /* Page 2: What We Do */ .page2 { } .what-we-do-container { float: left; width: 33%; margin-right: 0%; text-align: center; min-height: 330px; } .what-we-do-container.first { margin-left: 0px } /* Page 3: Why Us */ .page3 { } .why-us-container { float: left; width: 19%; margin-right: 1%; text-align: center; } .why-us-container.first { margin-left: 0px } /* Page 4: Coach Community */ .login-hp { width: 50% } #loginform input { width: 90% } /* Page5: Case Studies */ .video-box { float: left; margin-left: 10%; margin-bottom: 10%; } .pdf { float: left; width: 153px; text-align: center; margin-bottom: 30px; margin-right: 47px; } .pdf.first { margin-left: 40px } .pdf.pdf-0 { } .ex-attachments { width: 600px; margin: 0 auto; } /* Page6: Contact */ .page-6 { } .contact-col { width: 100% } .contact-col h3, .contact-details { text-align: center } section.private-content h2 { width: 90%; font-size: 18px; font-weight: 300; line-height: 30px; margin-bottom: 20px; text-transform: none; text-align: left!important; padding-left: 0; color: #777777; } section.private-content td h2 { } section.private-content internal_inner_left img { margin-right: 30px; } body.page-id-75 section.private-content img { margin-right: 30px; width: 45px; } section.private-content a.t-left { width: 150px; display: inline-block; } section.private-content a { display: inline; } section.private-content #menu-private-resources-menu li a { padding: 8px; } section.private-content #internal_inner_left td h1 { margin: 0px 0px 0px 20px; } .private-content iframe { width: 425px; } /* Blog */ .internal-header h1 { text-align: center !important; } .blog-sidebar { text-align: left; width: 100%; } .blog-sidebar h2 { text-align: left; } .blog-sidebar ul { list-style-type: none; } .blog-sidebar #searchform input { float: left; width: 140px; padding-left: 10px; margin-bottom: 30px; } .blog-sidebar #searchform button { float: left; width: 100px; height: 38px; background-color: #00697a; color: #fff; font-size: 14px; font-weight: bold; border: 0; } .blog-sidebar #searchform button:hover { background-color: #f27d00; } .blog-sidebar .std_blogsidebar { clear: both; } .blog-posts { } .blog { } .blog .blog-post-l { float: none; } .blog .blog-post-l img { width: 100%; height: auto; } .blog .blog-post-r { float: left; background-color: #f0f0f1; color: #222; width: 100%; height: auto; text-align: left; margin-bottom: 40px; } .blog .blog-post-r .view-article { padding: 0px; } .blog .blog-post-r h2 { padding: 0px !important; padding-top: 10px !important; margin-bottom: 0px; text-align: left; } .blog .blog-post-r span.date { padding: 10px; font-size: 10px; text-transform: uppercase; } .blog .blog-post-r p { padding: 10px; margin-top: 0px; } .blog .blog-post-r a, .blog .blog-post-r h2, .blog .blog-post-r h2 a, .blog .blog-post-r p { color: #222; } .single-blog { text-align: left; } .single-blog h1, .single-blog h2, .single-blog h3, .single-blog h4, .single-blog h5 { text-align: left; } .single-blog .featured-image { margin-bottom: 30px; } .single-blog span.date { display: block; margin-bottom: 30px; } } /* ========================================================================== Standard Desktop ========================================================================== */ /* 992px - Standard Desktop */ @media only screen and (min-width: 992px) { body { /* background-color: purple; */ } /* Header */ header { height: 100px; } header .wrapper { position: relative; } header.small .nav-collapse.closed { margin-top: 14px } header .logo { display: block; float: left; padding-top: 3px; } header .logo img { width: 100% } header ul { float: right; margin-top: 60px; } header ul li { display: inline-block; margin-left: 20px; } header ul li#menu-item-495 { margin-left: 0px !important; } header ul li a { color: #888888; text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 14px; } header ul li a:hover { color: #f27d00 } .nav-toggle, .nav-collapse.closed { float: right; position: relative; width: auto; padding-left: 0px; background: none; text-indent: 0px; margin-top: 60px; } .nav-collapse { } header .social { display: block; position: absolute; top: 5px; right: 0px; } header .social li { margin-left: 5px; } header.small .social { display: none; } /* Footer */ footer .copyright { float: left } footer .f-details { float: right } footer .f-details p { } footer .f-details p { display: inline-block; margin-left: 30px; } /* Slider */ #slider { margin-top: 50px } #slider .flex-viewport { height: 460px !important } #slider .flex-caption h1 { font-size: 28px; line-height: 28px; } #slider .flex-caption p { margin-bottom: 10px } #slider .flex-caption a { display: block } #slider .flex-caption { height: 150px !important; top: -80px !important; } .ssp_slider_default .flex-control-nav > li { margin: 0px !important } #slider .flex-control-nav { background-color: #fff; width: 100%; height: 30px; padding-top: 20px; bottom: -11px; } #slider .flexslider { height: 480px } #slider-outer { height: 560px !important; width: 100% !important; } #slider { /*position: fixed !important; */ height: 300px; width: 100%; } #slider .flexslider .slides img { height: 520px; width: 100%; } main { background-color: #fff; position: relative; padding-top: 0px; } /* Global Bits */ #goTop { background: #00697a; color: #fff; cursor: pointer; padding: 5px; position: fixed; top: -100px; right: 10px; z-index: 9999999; } /* Page 2: What We Do */ /* Page 4: Coach Community */ .login-hp { width: 349px; margin: 0 auto; } #loginform input { width: 90% } /* Page5: Case Studies */ .video-box { float: left; margin: 0px; margin-bottom: 10px; margin-right: 10px; } .video-box.box2 { margin-left: 60px } .video-box.box5 { margin-left: 60px } .video-box a.entry { display: block } .video-box a.entry span { display: block } .pdf { width: 153px } .pdf-2 { margin-right: 0px !important } .ex-attachments { margin: 0 auto; width: 600px; } .bx-wrapper { width: 937px } /* Internal Pages */ .internal { margin-top: 100px } .internal h1 { font-size: 24px; } .internal .btn.t-left { margin: 0 !important } /* About Us */ .columns-para { text-align: left; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 150px; -webkit-column-gap: 150px; column-gap: 150px; } .about .video-downloads { float: left; width: 248px; margin-right: 68px; } .about .video-downloads.vd4 { margin-right: 0px } .about .video-downloads img { width: 248px; height: 148px; } .about .video-downloads a.entry { left: 0; width: 248px; height: 148px; } .about .video-downloads a.entry span { margin-top: 35px } /* What We Do */ .what-we-do-downloads { float: left; width: 290px; margin-right: 10px; margin-bottom: 20px; } .what-we-do-downloads.wwdd5, .what-we-do-downloads.wwdd7 { margin-right: 0px; } .coach-training-widgets { text-align: center; margin-left: 150px;} /* Meet The Team */ .meettheteam { float: left; width: 100%; } .meettheteam .meet-image { float: left; width: 251px; margin-right: 43px; margin-bottom: 60px; } .meettheteam .meet-image img { } .meettheteam .meet-content { float: left; width: 500px; } .meettheteam .meet-content h3 { text-align: left } .meettheteam .meet-content p { text-align: left } .meettheteam .btn.left { float: left !important; } /* private */ .private aside { float: right; text-align: left; width: 17%; } .private aside h2 { text-transform: capitalize; font-size: 18px; } .private aside li { font-size: 14px; margin-bottom: 0px; } .private .private-content { float: left; width: 70%; } section.private-content h2 a { width: 40%; } .private #menu-private-resources-menu {margin-bottom: 40px; } .private #menu-private-resources-menu li a { padding: 5%; line-height: 30px; text-align: center; border-bottom: 5px solid #005a68; text-transform: none; font-weight: 300; font-size: 18px; width: 40%; } .private #menu-private-resources-menu li a:hover { border-bottom: 5px solid #005a68; } body.page-id-137 section.private-content img { margin: 0; } /*about us*/ .video-downloads a.entry:hover { opacity: 0.95; transition: all 0.4s ease 0s; } /* Blog */ .blog-sidebar { float: left; width: 220px; text-align: left; } .blog-sidebar h2 { text-align: left; } .blog-sidebar ul { list-style-type: none; } .blog-sidebar #searchform input { float: left; width: 140px; padding-left: 10px; margin-bottom: 30px; } .blog-sidebar #searchform button { float: left; width: 60px; height: 34px; background-color: #00697a; color: #fff; font-size: 14px; font-weight: bold; border: 0; } .blog-sidebar #searchform button:hover { background-color: #f27d00; } .blog-sidebar .std_blogsidebar { clear: both; } .blog-posts { float: right; width: 650px; } .blog { } .blog .blog-post-l { float: none; } .blog .blog-post-l img { width: 100%; } .blog .blog-post-r { float: left; background-color: #f0f0f1; color: #222; width: 100%; height: auto; text-align: left; margin-bottom: 40px; } .blog .blog-post-r h2 { padding: 10px; text-align: left !important; margin-bottom: 0px; } .blog .blog-post-r span.date { padding: 10px; font-size: 10px; text-transform: uppercase; } .blog .blog-post-r a, .blog .blog-post-r h2, .blog .blog-post-r h2 a, .blog .blog-post-r p { padding: 10px; color: #222; } .single-blog article.post { width: 70%; margin: 0 auto; } .single-blog { } .single-blog h2, .single-blog h3, .single-blog h4, .single-blog h5 { text-align: left; } .single-blog .featured-image { margin-bottom: 30px; } .single-blog span.date { display: block; margin-bottom: 30px; } } /* ========================================================================== Big Screen ========================================================================== */ /* 1382px - Big Screen */ @media only screen and (min-width: 1382px) { body { background-color: #fff; width: 100%; } .wrapper { margin: 0 auto; width: 1133px; } /* Header */ header { height: 100px } header, header ul { } header.small { height: 60px } header .logo { display: block; float: left; padding-top: 3px; } header .logo img { width: 100% } header ul { float: right; margin-top: 60px; } header ul li { display: inline-block; margin-left: 40px; } header ul li a { color: #888888; text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 14px; } header ul li a:hover { color: #f27d00 } .nav-toggle, .nav-collapse.closed { float: right; position: relative; width: auto; padding-left: 0px; background: none; text-indent: 0px; } .nav-collapse { } header .social li { margin-left: 5px; } /* Footer */ footer .copyright { float: left } footer .f-details { float: right } footer .f-details p { } footer .f-details p { display: inline-block; margin-left: 30px; } .social { float: right; margin-top: 0px; } /* Slider */ /*#slider { position: fixed !important; height: 700px!important; overflow: hidden!important; width: 100%!important; }*/ #slider .flex-viewport { height: 470px !important } #slider .flex-caption { font-size: 24px; text-align: center; max-height: 190px; top: -50px !important; height: 190px !important; } #slider .flex-caption p { margin-bottom: 110px; font-size: 24px; } #slider .flex-caption h1 { color: #fff; font-size: 48px; line-height: 48px; } .ssp_slider_default .flex-control-nav > li { margin: 0px !important } #slider .flex-control-nav { background-color: #fff; width: 100%; height: 30px; bottom: 0; } #slider .flexslider { height: 495px } #slider-outer { height: 560px !important; width: 100% !important; } #slider { position: fixed !important; height: 470px; width: 100%; } main { background-color: #fff; position: relative; padding-top: 0px; } /* Global Bits */ #goTop { background: #00697a; color: #fff; cursor: pointer; padding: 10px; position: fixed; top: -100px; right: 50px; z-index: 9999999; } .welcome { padding: 0px; padding-top: 30px; padding-bottom: 40px; } .section-para { /* width: 741px */ } .call-to-action { margin-top: 40px } .call-to-action-blank { margin-bottom: 0px } /* Page 0: Welcome */ .welcome h1 { font-size: 36px } /* Page 1: Who We Are */ .page1 { padding-bottom: 40px } .who-we-are-container { float: left; width: 392px; margin-left: 196px; text-align: center; padding: 0px; } .who-we-are-container:nth-child(2) { float: left; width: 392px; margin-left: 43px; text-align: center; } .who-we-are-container.right-container { float: left; width: 392px; margin-left: 43px; text-align: center; } /* Page 2: What We Do */ .page2 { } .what-we-do-container { float: left; width: 33.3%; margin-right: 0%; text-align: center; min-height: 310px; } .what-we-do-container.first { margin-left: 0px } .coach-training-widgets { text-align: center; margin-left: 0px;} /* Page 3: Why Us */ .page3 { } .why-us-container { float: left; width: 153px; margin-right: 43px; text-align: center; } .why-us-container:nth-of-type(1) { margin-left: 98px } .why-us-container.reason3 { margin-left: 98px } /* Page 4: Coach Community */ .login-hp { width: 349px; margin: 0 auto; } .login-hp .register { text-decoration: underline; font-size: 16px; margin-left: 20px; } #loginform { padding: 30px 25px; border: 1px solid #dddedf; border-bottom: 5px solid #dddedf; width: 309px; } #loginform input { width: 100%; border: 1px solid #dddedf; font-size: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #loginform label { font-size: 16px } #loginform .lostpass { float: left; font-size: 13px; text-decoration: underline; } #submit { float: right; background-color: #00697a; height: 40px; width: 94px !important; border: 0 !important; font-size: 16px !important; text-transform: uppercase; color: #fff; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #submit:hover { background-color: #f27d00 } /* Page5: Case Studies */ .video-box { float: left; margin-right: 43px; } .video-box.box2 { margin-right: 43px !important } .video-box.box2, .video-box.box5 { margin-left: 0px; margin-right: 0px; } .video-box a.entry { display: block } .video-box a.entry span { display: block } .pdf { float: left; width: 153px; text-align: center; margin-bottom: 30px; margin-right: 70px; } .pdf.pdf-0 { } .pdf .pdf-icon { margin: 0 auto; margin-bottom: 90px; background: url('img/ico-pdf.png') no-repeat 25px 0px; width: 160px; height: 101px; } .pdf .pdf-icon a { display: block; padding-top: 101px; } .pdf .pdf-icon:hover { background: url('img/ico-pdf-hover.png') no-repeat 25px 0px } /* Page6: Contact */ .page-6 { } .contact-col { width: 545px; text-align: left; } .contact-col h3, .contact-details { text-align: left } /* Internals */ .internal p { text-align: justify !important; margin: 20px auto; } .internal h3 { text-align: left; } /* About Us */ .about .video-downloads { margin-right: 25px; width: 348px; } .about .video-downloads p { text-align: center !important; } .about .video-downloads h3 { text-align: center !important; } .about .video-downloads.vd4 { margin-right: 0px } .about .video-downloads img { width: 348px; height: 200px; } .about .video-downloads a.entry { width: 348px; height: 200px; } .about .video-downloads a.entry span { margin-top: 60px } /* What We Do */ .what-we-do-downloads { width: 349px } .what-we-do-downloads p { text-align: center !important; } .what-we-do-downloads h3 { text-align: center !important; } .what-we-do-downloads.wwdd5 { margin-right: 0px } /* Meet The Team */ .meettheteam { float: left; width: 545px; margin-right: 43px; } .meettheteam .meet-image { float: left; width: 251px; margin-right: 43px; margin-bottom: 60px; } .meettheteam .meet-image img { } .meettheteam .meet-content { float: left; width: 251px; } .meettheteam .meet-content h3 { text-align: left } .meettheteam .meet-content p { } /* Blog */ .blog-sidebar { float: left; width: 220px; text-align: left; } .blog-sidebar h2 { text-align: left; } .blog-sidebar ul { list-style-type: none; } .blog-sidebar #searchform input { float: left; width: 140px; padding-left: 10px; margin-bottom: 30px; } .blog-sidebar #searchform button { float: left; width: 60px; height: 34px; background-color: #00697a; color: #fff; font-size: 14px; font-weight: bold; border: 0; } .blog-sidebar #searchform button:hover { background-color: #f27d00; } .blog-sidebar .std_blogsidebar { clear: both; } .blog-posts { float: right; width: 883px; } .blog { } .blog .blog-post-l { float: left; } .blog .blog-post-r { float: left; background-color: #f0f0f1; color: #222; width: 263px; height: 209px; text-align: left; padding: 20px; margin-bottom: 40px; } .blog .blog-post-r h2 { text-align: left !important; margin-bottom: 0px; } .blog .blog-post-r span.date { padding: 0; font-size: 10px; text-transform: uppercase; } .blog .blog-post-r a, .blog .blog-post-r h2, .blog .blog-post-r h2 a, .blog .blog-post-r p { padding: 0; color: #222; } .single-blog article.post { width: 70%; margin: 0 auto; } .single-blog h2, .single-blog h3, .single-blog h4, .single-blog h5 { text-align: left; } .single-blog .featured-image { margin-bottom: 30px; } .single-blog span.date { display: block; margin-bottom: 30px; } } /* 2x */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { } @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important;} }