style.css

/*!
	Theme Name: Bare WP
	Author: RJ McCollam
	Description: A custom WordPress theme designed and developed specifically for [INSERT COMPANY NAME].
	Version: 2.0
*//*! WARNING: This CSS file was generated from a Sass file. Do NOT edit it. If you edit this file your developer will overwrite the changes you have made next time they update your site. */*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}strong,b{font-weight:700}em,i{font-style:italic}input{outline:none;border:none;border-radius:0}html{overflow-x:hidden}body{background:#fff;font-family:"Lato",helvetica,arial,sans-serif;font-size:1.25rem;line-height:2rem;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{width:95%;max-width:1440px;margin:0 auto;position:relative}.right{float:right}.left{float:left}.clear{clear:both}.clearfix:after{content:"";display:block;clear:both}.half{width:48%}@media (max-width: 1000px){.half{width:100%;float:none}}.none{display:none}a{color:red;text-decoration:none;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out}a:hover{color:#222;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out}a img{outline:none;border:none}iframe{max-width:100%}h1,.h1{font-family:"Open Sans",verdana,tahoma,sans-serif;font-size:2.5rem;line-height:1.1em;color:#222;font-weight:400}@media (max-width: 1000px){h1,.h1{font-size:2rem}}@media (max-width: 700px){h1,.h1{font-size:1.5rem}}h2,.h2{font-family:"Lato",helvetica,arial,sans-serif;font-size:2rem;line-height:1.1em;color:#222;font-weight:400}@media (max-width: 1000px){h2,.h2{font-size:1.6rem}}@media (max-width: 700px){h2,.h2{font-size:1.4rem}}h3,.h3{font-family:"Oswald",verdana,tahoma,sans-serif;font-size:1.5rem;line-height:1.1em;color:#222;font-weight:400}h4,.h4{font-family:"Oswald",verdana,tahoma,sans-serif;font-size:1.5rem;line-height:1.1em;color:#222;font-weight:400}.alignleft{float:left;margin:5px 50px 25px 0}.alignright{float:right;margin:5px 0 25px 50px}.mobile-nav-container{background:#000;width:95%;height:100%;position:fixed;top:0;right:-100%;z-index:1100;overflow:scroll;padding:20px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out}.mobile-nav-container.active{right:0}.mobile-nav-container .close{display:block;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0 0 20px}.mobile-nav-container .mobile-nav ul{list-style:none}.mobile-nav-container .mobile-nav ul li{border-bottom:1px solid rgba(255,255,255,0.25);padding:5px 0;position:relative}.mobile-nav-container .mobile-nav ul li a{color:#fff}.mobile-nav-container .mobile-nav ul li ul{display:none;padding:0 0 0 10px}.mobile-nav-container .mobile-nav ul li ul.active{display:block}.mobile-nav-container .mobile-nav ul li ul li:last-child{border:none}.mobile-nav-container .mobile-nav ul li .carrot{color:#fff;font-size:2rem;font-weight:700;display:block;position:absolute;top:5px;right:5px}.content{padding:80px 0 40px}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin:0 0 20px}.content p,.content form,.content iframe,.content blockquote,.content hr{margin:0 0 40px}.content ul,.content ol{margin:0 0 40px 30px}.content img{max-width:100%;height:auto}@media (max-width: 700px){.content img{display:block;float:none;margin:0 auto 20px}}.image-callout{position:relative}.image-callout.image-left .image{left:0;right:inherit}.image-callout.image-left .sub-content{float:right}.image-callout .image{background-size:cover;background-position:center center;width:50%;height:100%;position:absolute;top:0;right:0}@media (max-width: 1000px){.image-callout .image{position:relative;width:100%;height:250px}}.image-callout .sub-content{width:48%;max-width:650px;padding:80px 0}@media (max-width: 1000px){.image-callout .sub-content{float:none;width:100%;max-width:100%}}.form-callout{position:relative;padding:80px 0 160px}.form-callout .container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 1000px){.form-callout .container{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}}.form-callout .container .sub-content{width:calc(100% - 565px)}@media (max-width: 1000px){.form-callout .container .sub-content{width:100%}}.form-callout .container .sub-content .image{background-size:cover;background-position:center center;height:250px;border-radius:10px;margin:0 0 50px}.form-callout .container .form-container{width:500px;max-width:100%}.gform_wrapper ul,.content form ul,form:not(.searchform) ul{display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important;-ms-flex-wrap:wrap;flex-wrap:wrap}.gform_wrapper ul li,.content form ul li,form:not(.searchform) ul li{width:100%}.gform_wrapper ul li.third,.content form ul li.third,form:not(.searchform) ul li.third{width:33%}@media (max-width: 1000px){.gform_wrapper ul li.third,.content form ul li.third,form:not(.searchform) ul li.third{width:50%}}@media (max-width: 700px){.gform_wrapper ul li.third,.content form ul li.third,form:not(.searchform) ul li.third{width:100%}}.gform_wrapper ul li.two-thirds input,.content form ul li.two-thirds input,form:not(.searchform) ul li.two-thirds input{width:66% !important}@media (max-width: 1000px){.gform_wrapper ul li.two-thirds input,.content form ul li.two-thirds input,form:not(.searchform) ul li.two-thirds input{width:50% !important}}@media (max-width: 700px){.gform_wrapper ul li.two-thirds input,.content form ul li.two-thirds input,form:not(.searchform) ul li.two-thirds input{width:100% !important}}.gform_wrapper ul li.gsection,.content form ul li.gsection,form:not(.searchform) ul li.gsection{border:none;margin:0;padding:0}.gform_wrapper ul li.gsection h2,.content form ul li.gsection h2,form:not(.searchform) ul li.gsection h2{font-size:1rem}.gform_wrapper ul li .ginput_container_radio input[type="text"],.content form ul li .ginput_container_radio input[type="text"],form:not(.searchform) ul li .ginput_container_radio input[type="text"]{width:90% !important;height:35px;font-size:1rem !important}.gform_wrapper label,.content form label,form:not(.searchform) label{font-size:.9375rem !important;font-weight:400 !important}.gform_wrapper .ginput_complex label,.content form .ginput_complex label,form:not(.searchform) .ginput_complex label{font-size:.75rem !important}.gform_wrapper input[type="text"],.gform_wrapper input[type="email"],.gform_wrapper input[type="tel"],.gform_wrapper input[type="number"],.gform_wrapper input[type="password"],.gform_wrapper input[type="url"],.gform_wrapper textarea,.gform_wrapper select,.content form input[type="text"],.content form input[type="email"],.content form input[type="tel"],.content form input[type="number"],.content form input[type="password"],.content form input[type="url"],.content form textarea,.content form select,form:not(.searchform) input[type="text"],form:not(.searchform) input[type="email"],form:not(.searchform) input[type="tel"],form:not(.searchform) input[type="number"],form:not(.searchform) input[type="password"],form:not(.searchform) input[type="url"],form:not(.searchform) textarea,form:not(.searchform) select{background:#fff;width:100% !important;height:55px;outline:none;border:1px solid #000;padding:0 20px !important;font-family:"Lato",helvetica,arial,sans-serif;font-size:1.25rem}.gform_wrapper textarea,.content form textarea,form:not(.searchform) textarea{padding:20px !important;height:200px}.gform_wrapper input[type="submit"],.content form input[type="submit"],form:not(.searchform) input[type="submit"]{cursor:pointer;padding:0;min-width:200px;height:55px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out}.gform_wrapper input[type="submit"]:hover,.content form input[type="submit"]:hover,form:not(.searchform) input[type="submit"]:hover{transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out}.content .feat-image{background-size:cover;background-position:center center;width:555px;height:440px;border-radius:10px;margin:0 50px 25px 0}@media (max-width: 1300px){.content .feat-image{width:450px}}@media (max-width: 1000px){.content .feat-image{float:none;margin:0 0 25px}}@media (max-width: 700px){.content .feat-image{width:100%;height:300px}}.content .blog-cta{background:#000;color:#fff;border-radius:10px;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content .blog-cta .image{background-size:cover;background-position:center center;width:415px}@media (max-width: 1000px){.content .blog-cta .image{width:100%;height:250px}}.content .blog-cta .sub-content{width:calc(100% - 505px);padding:35px 35px 35px 0}@media (max-width: 1000px){.content .blog-cta .sub-content{width:100%;padding:30px}}.content .blog-cta .sub-content h2{position:relative;color:#fff;font-size:2.5rem}.content .blog-cta .sub-content h2:before{content:"";background:#000;width:10px;height:100%;position:absolute;top:0;left:-40px}@media (max-width: 1300px){.content .blog-cta .sub-content h2:before{display:none}}.content .post{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 50px;margin:0 0 50px;border-bottom:2px solid #000}.content .post .feat-image-post{background-size:cover;background-position:center center;display:block;width:515px;max-width:100%;height:420px;border-radius:10px}@media (max-width: 700px){.content .post .feat-image-post{height:300px}}.content .post .feat-image-post:hover{opacity:.8}.content .post .sub-content{width:calc(100% - 555px)}@media (max-width: 1000px){.content .post .sub-content{width:100%;margin:20px 0 0}}.content .navigation span{display:inline-block;margin:0 10px 0 0}.content .navigation a{margin:0 10px 0 0;display:inline-block}