/* Theme Name: leimac-building Tags: brown, red, white, two-columns, fixed-width, sticky-post, custom-menu */ @font-face { font-family: 'OpenSansSemibold'; src: url('fonts/opensans-semibold.eot'); src: url('fonts/opensans-semibold.eot') format('embedded-opentype'), url('fonts/opensans-semibold.woff') format('woff'), url('fonts/opensans-semibold.ttf') format('truetype'), url('fonts/opensans-semibold.svg#OpenSansSemibold') format('svg'); } @font-face { font-family: 'OpenSansRegular'; src: url('fonts/opensans-regular.eot'); src: url('fonts/opensans-regular.eot') format('embedded-opentype'), url('fonts/opensans-regular.woff2') format('woff2'), url('fonts/opensans-regular.woff') format('woff'), url('fonts/opensans-regular.ttf') format('truetype'), url('fonts/opensans-regular.svg#OpenSansRegular') format('svg'); } @font-face { font-family: 'museo_slab500'; src: url('fonts/museo_slab-webfont.eot'); src: url('fonts/museo_slab-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab-webfont.woff') format('woff'), url('fonts/museo_slab-webfont.ttf') format('truetype'), url('fonts/museo_slab-webfont.svg#museo_slab500') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ConstantiaItalic'; src: url('fonts/ConstantiaItalic.eot'); src: url('fonts/ConstantiaItalic.eot') format('embedded-opentype'), url('fonts/ConstantiaItalic.woff2') format('woff2'), url('fonts/ConstantiaItalic.woff') format('woff'), url('fonts/ConstantiaItalic.ttf') format('truetype'), url('fonts/ConstantiaItalic.svg#ConstantiaItalic') format('svg'); } @font-face { font-family: 'OpenSansCondBold'; src: url('fonts/OpenSansCondBold.eot'); src: url('fonts/OpenSansCondBold.eot') format('embedded-opentype'), url('fonts/OpenSansCondBold.woff2') format('woff2'), url('fonts/OpenSansCondBold.woff') format('woff'), url('fonts/OpenSansCondBold.ttf') format('truetype'), url('fonts/OpenSansCondBold.svg#OpenSansCondBold') format('svg'); } #content .row { padding-left: 75px; padding-right: 70px; } .metadata, .metadata li, .wp-caption img, .menu-item, .sub-menu, #comments .comment { margin: 0; padding: 0; } .widget_recent_entries > ul { list-style: outside none none; margin: 0; } .widget_recent_entries li { margin: 0 0 15px; } .widget_recent_entries a { color: #231f20; font-family: museo_slab500; font-size: 15px; line-height: 27px; } .pagetitle{ padding:70px 50px; background-size:100% auto; background-position:center center; background-repeat:no-repeat; background-color:#373737; } h2 { font-size:22px; } p.design-content { padding-bottom:15px; font-size:18px; line-height:30px; } ul.design-ul li { padding-bottom:15px; font-size:18px; line-height:30px; } .pagetitle h1 { color: #fff; font-size: 30px; margin: 0; } h3 { font-size: 23px; } h3.orange { color:#cd5d1e !important; } h3.capital { text-transform:uppercase; letter-spacing:1px; color:#444444; } .team-desc { float:left; width:350px; margin-right:61px; } .deg { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #999999; } #team-third { margin-right:0px; } .style1 { color: #eae2e2; margin: 40px 0 30px; } .page-id-24 .pagetitle{ background-image:url('images/who-we-are-banner.jpg'); } .left{ float:left; } .right{ float:right; } .clr{ clear:both; } .centertxt { text-align:center; } .italictxt { font-family: "ConstantiaItalic" !important; font-size: 24px !important; letter-spacing: 1px; line-height: 40px; } .LeimacBuildingCoRow p{ font-family: 'museo_slab500'; font-size:18px; } #headertop{ padding:20px 0; border-bottom:1px solid #eae2e2; background:#fff; } #headertop .left { width:45%; margin-right:10%; } #headertop .right { width:45%; text-align:right; } #headertop p{ color:#cd5d1e; font-size:14px; line-height:normal; font-family: 'OpenSansSemibold'; } #headertop p a{ color:#cd5d1e; } #navlogo { border-bottom: 1px solid #eae2e2; padding: 20px 0; background:#fff; } #navlogo .left { width: 25%; margin-right:5%; } #LeimacBuildingCoTop h2 { font-size:36px; color:#af3718; text-align:center; margin-bottom:30px; } #LeimacBuildingCoTop h3 { font-size:25px; color:#000; text-align:center; margin-bottom:60px; } .imginner { border: 1px solid #d0dae3; border-radius: 5px; padding: 9px; } .LeimacBuildingCoRow .left.imgcontainer,.left.imgcontainer { width:341px; margin-right:40px; line-height:0; } .LeimacBuildingCoRow .right.txtcontainer,.right.txtcontainer { width:720px; } .LeimacBuildingCoRow .left.txtcontainer,.left.txtcontainer { width:791px; margin-right:40px; } .LeimacBuildingCoRow .right.imgcontainer,.right.imgcontainer { width:341px; line-height:0; } .LeimacBuildingCoRow { padding:70px 0; border-bottom:1px solid #eae2e2; } .LeimacBuildingCoRow:last-child { border-bottom:none; } #LeimacBuildingCoBottom { text-align:center; } .home #content { margin: 0; } #LeimacBuildingCoBottom p { margin-bottom:40px; } #LeimacBuildingCoBottom p:last-child { margin-bottom:0; } #page-footer p { font-size:15px; } #slidersection { background-image: url("http://leimacbuilding.com.au/wp-content/uploads/2015/06/leimachomebg.jpg"); background-position: center top; background-repeat: no-repeat; background-size:auto 100%; padding: 70px 0 50px; text-align: center; } #slidersection p { color: #fff; font-size: 34px; line-height: 56px; margin:0 0 50px 0; } .btn { background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, #f2902e, #e27507) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(to bottom, #f2902e, #e27507) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -moz-linear-gradient(to bottom, #f2902e, #e27507) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f2902e, #e27507) repeat scroll 0 0; border-radius: 5px; color: #fff; display: inline-block; font-size: 21px; padding: 8px 25px; text-transform: uppercase; line-height:33px; } .btn:hover,.btn:active { color: #fff; background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to bottom, #e27507, #f2902e) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(to bottom, #e27507, #f2902e) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -moz-linear-gradient(to bottom, #e27507, #f2902e) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e27507, #f2902e) repeat scroll 0 0; } #prev-post .arrow { font: 0/0 a; text-shadow: none; color: transparent; } .post-content img, #prev-post .arrow { box-shadow: 0px 0px 8px rgba(18, 7, 6, 0.3); } blockquote, pre, .bypostauthor { border: 2px solid #050000; border-width: 2px 0; padding: 15px 0; } .post-group-header { font: 13px Sans-Serif; } #page-bottom { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } /* ========================================================================== HTML5 display definitions ========================================================================== */ * { box-sizing: border-box; } /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, main { display: block; } /* * Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Removes default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */ h1 { font-size: 2em; } /* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * Removes border when inside `a` element in IE 8/9. */ img { border: 0; } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Corrects font family not being inherited in all browsers. * 2. Corrects font size not being inherited in all browsers. * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { padding: 0; /* 2 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* Artfully Masterminded by ZURB */ /* -------------------------------------------------- :: Grid This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. -------------------------------------------------- */ .container { padding: 0; } .row { width: 100%; max-width: 1172px; min-width: 727px; margin: 0 auto; } /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0; } .column, #content-primary, .post.leftaside .post-content, .type-page.leftaside .post-content, .post.leftaside .post-info, .type-page.leftaside .post-info, .post-group.twoup .post, .post-group.threeup .post, .post-group.fourup .post, #sidebar, #comment-form-logged-in-as, #comment-form-info, #comment-form-content, .comment-content, .comment-info, #comment-form-allowed-tags, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } .column:first-child, #content-primary:first-child, .post.leftaside .post-content:first-child, .type-page.leftaside .post-content:first-child, .post.leftaside .post-info:first-child, .type-page.leftaside .post-info:first-child, .post-group.twoup .post:first-child, .post-group.threeup .post:first-child, .post-group.fourup .post:first-child, #sidebar:first-child, #comment-form-logged-in-as:first-child, #comment-form-info:first-child, #comment-form-content:first-child, .comment-content:first-child, .comment-info:first-child, #comment-form-allowed-tags:first-child, .columns:first-child { margin-left: 0; } [class*="column"] + [class*="column"]:last-child { float: right; } .row .one { width: 4.3%; } .row .two { width: 13%; } .row .three { width: 21.679%; } .row .four { width: 30.37%; } .row .five { width: 39.1%; } .row .six { width: 47.8%; } .row .seven { width: 56.5%; } .row .eight { width: 65.2%; } .row .nine { width: 73.9%; } .row .ten { width: 82.6%; } .row .eleven { width: 91.3%; } .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } .row .offset-by-three { margin-left: 30.5%; } .row .offset-by-four { margin-left: 39.2%; } .row .offset-by-five { margin-left: 47.9%; } .row .offset-by-six { margin-left: 56.6%; } .row .offset-by-seven { margin-left: 65.3%; } .row .offset-by-eight { margin-left: 74.0%; } .row .offset-by-nine { margin-left: 82.7%; } .row .offset-by-ten { margin-left: 91.4%; } .row .centered { float: none; margin: 0 auto; } .row .offset-by-one:first-child { margin-left: 8.7%; } .row .offset-by-two:first-child { margin-left: 17.4%; } .row .offset-by-three:first-child { margin-left: 26.1%; } .row .offset-by-four:first-child { margin-left: 34.8%; } .row .offset-by-five:first-child { margin-left: 43.5%; } .row .offset-by-six:first-child { margin-left: 52.2%; } .row .offset-by-seven:first-child { margin-left: 60.9%; } .row .offset-by-eight:first-child { margin-left: 69.6%; } .row .offset-by-nine:first-child { margin-left: 78.3%; } .row .offset-by-ten:first-child { margin-left: 87%; } .row .offset-by-eleven:first-child { margin-left: 95.7%; } /* Source Ordering */ .push-two { left: 17.4%; } .push-three, .post.leftaside .post-content, .type-page.leftaside .post-content, .comment-content, #comment-form-allowed-tags { left: 26.1%; } .push-four { left: 34.8%; } .push-five { left: 43.5%; } .push-six { left: 52.2%; } .push-seven { left: 60.9%; } .push-eight { left: 69.6%; } .push-nine { left: 78.3%; } .push-ten { left: 87%; } .pull-two { right: 17.4%; } .pull-three { right: 26.1%; } .pull-four { right: 34.8%; } .pull-five { right: 43.5%; } .pull-six { right: 52.2%; } .pull-seven { right: 60.9%; } .pull-eight { right: 69.6%; } .pull-nine, .post.leftaside .post-info, .type-page.leftaside .post-info, .comment-info { right: 78.3%; } .pull-ten { right: 87%; } img, video { max-width: 100%; height: auto; } /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .menu:before, .post.leftaside .post-content:before, .type-page.leftaside .post-content:before, .single .post-content p:before, .comment-content:before, .clearfix:after, .menu:after, .post.leftaside .post-content:after, .type-page.leftaside .post-content:after, .single .post-content p:after, .comment-content:after { content: ""; display: table; } .row:after, .clearfix:after, .menu:after, .post.leftaside .post-content:after, .type-page.leftaside .post-content:after, .single .post-content p:after, .comment-content:after { clear: both; } .row, .clearfix, .menu, .post.leftaside .post-content, .type-page.leftaside .post-content, .single .post-content p, .comment-content { zoom: 1; } /* -------------------------------------------------- :: Block grids These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ .block-grid { display: block; overflow: hidden; } .block-grid > li { display: block; height: auto; float: left; } .block-grid.two-up { margin-left: -4%; } .block-grid.two-up > li { margin-left: 4%; width: 46%; } /* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */ .block-grid.three-up { margin-left: -2%; } .block-grid.three-up > li { margin-left: 2%; width: 31.3%; } /* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */ .block-grid.four-up { margin-left: -2%; } .block-grid.four-up > li { margin-left: 2%; width: 23%; } /* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */ .block-grid.five-up { margin-left: -1.5%; } .block-grid.five-up > li { margin-left: 1.5%; width: 18.5%; } /*changes by me*/ body { font-family:"museo_slab500"; background: #e7f2f8; color: #050000; height: 100%; text-rendering: optimizelegibility; } /*Images*/ img.noshadow { box-shadow: none !important; } /*Anchor tags*/ a { color: #ea0000; text-decoration: none; } a:hover { color: #ff1e00; } /* Titles */ .title, h1, h2, h3, h4, h5, h6, .widget-title { font-family: 'OpenSansRegular'; } .title a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .widget-title a { color: #5d504f; } .title a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .widget-title a:hover { color: #3d302f; } .title.large, h1.large, h2.large, h3.large, h4.large, h5.large, h6.large { font-size: 20px; } .title.small, h1.small, h2.small, h3.small, h4.small, h5.small, h6.small { font: 700 13px/1.25 Sans-Serif; } /*Tables*/ table { font-size: 13px; margin: 15px 0; } table, td, th { vertical-align: middle; } th, td { text-align: left; font-weight: 400; padding: 0 5px; } th { border-bottom: 1px solid; font-weight: 700; } /*Ordered & Unordered lists*/ ul, ol { padding: 0; margin: 15px 0 15px 40px; } ul { list-style: disc; } /*Definition lists*/ dl { margin: 20px 0; padding: 0; font-family: Georgia, serif; } dt, dd { font-size: 11px; } dt { font-weight: 700; margin-top: 15px; } dt:first-child { margin: 0; } dd { margin-left: 0; } /*Generic Classes*/ .more-link { font-style: italic; } .hidden { display: none; } .crop { overflow: hidden; } .truncate, .widget-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } /*Pagination links*/ .pagination { font-size: font-size-small; } .pagination a { margin-right: 40px; width: 110px; } .pagination.small { font: 13px Sans-Serif; } .pagination.small .title, .pagination.small h1, .pagination.small h2, .pagination.small h3, .pagination.small h4, .pagination.small h5, .pagination.small h6 { font-weight: 700; margin-right: 15px; } .pagination.small a { margin: 0; border: 1px #f0eceb solid; color: #5d504f; padding: 4px 6px; border-radius: 2px; } #content { margin: 35px 0 60px 0; position: relative; } #content-primary { width: 73.9%; } #content.page .post img { box-shadow: none !important; } /*Search - not implemented*/ #searchform input { width: 100%; } #search { float: right; } #search #search_button { display: none; } #search #search_form input { font-size: 11px; } .font-size-xx-large { font-size: 28px; } .font-size-x-large, h1 { font-size: 24px; } .font-size-large, h2 { font-size: 20px; } .font-size-medium { font-size: 17px; } p { font-size:18px; line-height:30px; } .font-size-small, h4, small { font-size: 13px; } .font-size-x-small, h5 { font-size: 11px; } .font-size-xx-small, h6 { font-size: 10px; } /*Headers*/ h1, h2, h3, h4, h5, h6 { padding-top: 0px; margin-bottom: 20px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } /*Paragraph*/ p { margin: 15px 0; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } /*Blockquote*/ blockquote { color: #3d302f; margin: 30px 0 30px 40px; } blockquote p { font-size: 15px !important; line-height: 27px !important; line-height: inherit; } #categories-4 a { color: #231f20; font-size: 15px; line-height: 27px; } #categories-4 li { list-style:none; } #categories-4 ul{ margin:0; } blockquote > p:first-child::before { content: open-quote; } blockquote > p:last-child::after { content: close-quote; } blockquote, q { quotes: """ """; font-family:museo_slab500; } cite, blockquote[cite]:after, cite { font: 13px Sans-Serif; } blockquote[cite]:after { content: "—" attr(cite); display: block; color: #050000; margin-top: 15px; } cite { margin-left: 40px; margin-top: -1em; margin-bottom: 2em; } cite:before { content: "—"; } /*Pre & Code*/ pre, code { white-space: pre; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; font-family: "andale mono", "lucida console", monospace; } pre { /*Merge with Blockquote?*/ margin: 30px 0 30px 40px; } /*Buttons*/ .button, input[type=submit] { display: inline-block; background: #f0eceb; color: #5d504f; padding: 8px 10px; border-radius: 2px; font: 700 13px Sans-Serif; text-align: center; border: 1px solid rgba(18, 7, 6, 0.2); } .button:hover, input[type=submit]:hover { background: #998482; color: #fffefe; border: 1px solid rgba(18, 7, 6, 0.5); } .button.alt { background: #ea0000; color: #fffefe; } .button.alt:hover { background: #ff1e00; color: #fffefe; } .button.small { font-size: 10px; padding: 4px 8px; } /*Metadata content*/ .metadata { font: 11px Sans-Serif; } .metadata a { color: #5d504f; } .metadata a:hover { color: #050000; } .metadata { list-style: none; } .metadata .date { font-weight: 700; } .metadata.horizontal { margin-top: 15px; display: inline-block; } .metadata.horizontal li { float: left; } .metadata.horizontal li:not(:last-of-type) { margin-right: 15px; } .metadata.vertical { margin-top: 5px; } .metadata.vertical li { text-align: right; margin-bottom: 7px; } .metadata.vertical .date { margin-bottom: 15px; } .posts { margin: 60px auto; } .post-title { font-size: 20px; } .post-header { margin-bottom: 15px; } .post-content { font-family: 'museo_slab500'; font-size:18px; line-height:30px; } .post-content p, .post-content li, .post-content dt, .post-content dd, .post-content blockquote { font-size: 18px; } .post-content li { margin: 10px 0; } .post-content code, .post-content small { font-size: 13px; } .post-content img { max-width: 100%; } .post, .type-page { margin: 60px 0; } .post:first-child, .type-page:first-child { margin-top: 0; } .post:last-child, .type-page:last-child { margin-bottom: 0; } .post.leftaside .post-content, .type-page.leftaside .post-content { width: 73.9%; } .post.leftaside .post-info, .type-page.leftaside .post-info { width: 21.679%; } /*Wordpress Classes*/ .alignleft, .alignright, .aligncenter { margin: 10px 0 15px 0; } .alignleft { float: left !important; margin-right: 15px; } .alignright { float: right !important; margin-left: 15px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-top: 10px 0 15px 0; } .wp-caption img { border: 0 none; } .wp-caption-text { font-size: 13px !important; color: #5d504f; margin-top: 10px; } .gallery-caption { margin-left: 0 !important; font: 11px/1.45 Sans-Serif !important; } .sticky .post-title:before { content: "Sticky: "; } .bypostauthor { border-color: #5d504f; } .widget { font-size: 11px; margin-bottom: 15px; } .widget p { font-size: 11px; } .widget-title { font-size: 20px; text-transform:uppercase; } .widget.six.columns, .widget.three.columns, .widget.four.columns { float: left !important; } .widget.six.columns:nth-child(2n+1), .widget.three.columns:nth-child(4n+1), .widget.four.columns:nth-child(3n+1) { margin-left: 0; clear: left; } .widget.six.columns:nth-child(2n), .widget.three.columns:nth-child(4n), .widget.four.columns:nth-child(3n) { margin-right: 0; float: right; } input[type=text], textarea { border: 1px solid #5d504f; font: 13px Sans-Serif; color: #5d504f; padding: 3px 4px; box-shadow: inset 0px 0px 5px rgba(18, 7, 6, 0.2); border-radius: 2px; } input[type=text]:focus, textarea:focus { border: 1px solid #050000; box-shadow: inset 0px 0px 5px rgba(18, 7, 6, 0.1); } #comment-form-content textarea { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: height 0.5s cubic-bezier(0.02, 0, 0.18, 1); -moz-transition: height 0.5s cubic-bezier(0.02, 0, 0.18, 1); } button, .button, input[type=submit] { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: background-color 0.5s cubic-bezier(0.02, 0, 0.18, 1); -moz-transition: background-color 0.5s cubic-bezier(0.02, 0, 0.18, 1); } #content.single .previous .arrow, #content.single .previous a { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.75s cubic-bezier(0.02, 0, 0.18, 1); -moz-transition: all 0.75s cubic-bezier(0.02, 0, 0.18, 1); } #site-title-description { margin-top: 15px; } #site-title { font-size: 24px; margin-bottom: 5px; } #site-description { margin-top: 0; font-size: 13px; } #site-nav { float: right; margin: 15px 0 0; width:70%; } #site-nav .menu { float:right; } .menu, .sub-menu { list-style: none; } .menu { margin: 0 0 0 0; } .menu > .menu-item:hover { border-top: 1px solid #5d504f; margin-top: -1px; } .menu > .menu-item > .sub-menu { position: absolute; z-index: 999; margin: 0; left: -9999px; border-top: 2px solid #3d302f; border-bottom: 1px solid #5d504f; background: #f7f4f4; padding-bottom: 10px; } .menu > .menu-item { margin-right: 30px; float: left; } .menu > .menu-item > a { padding: 15px 10px; } .menu-item { position: relative; } .menu-item a { padding: 7px 30px 7px 10px; display: block; color: #231f20; font-family: 'museo_slab500'; font-size:16px; line-height:normal; text-transform:uppercase; } .menu-item a:hover { color: #5d504f; } .menu-item:hover > .sub-menu { left: 0; } .sub-menu .menu-item:first-child { margin-top: 10px; } .sub-menu > .menu-item a { padding-left: 15px; } .sub-menu a { font-weight: 400; white-space: nowrap; } .sub-menu a:hover { background: #e5dedc; border: 0; } #page-header { position: relative; } #sub-header { border-bottom: 2px solid #f0eceb; padding-bottom: 15px; margin-bottom: 30px; } #sub-header p { margin-top: 0; } .post-group-header { margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px #f0eceb solid; } .post-group-header .label { font-weight: 700; } .post-group-header .caption { font-style: italic; color: #5d504f; margin: 0 10px; } .post-group-header .more { font-family: Georgia, serif; } .post-group { margin-top: 0; margin-bottom: 60px; } .post-group ~ .post-group { margin: 60px auto; } .post-group .read-more { margin-top: 15px; } .post-group .read-more .more { font-size: 11px; } .post-group.oneup.large section { margin: 0 0 15px 0; } .post-group.oneup.large section p { font-style: italic; font-size: 38px; } .post-group.twoup .post, .post-group.threeup .post, .post-group.fourup .post { margin-top: 15px; float: left !important; } .post-group.twoup header h1, .post-group.threeup header h1, .post-group.fourup header h1 { font-size: 13px; font-weight: 700; } .post-group.twoup section p, .post-group.threeup section p, .post-group.fourup section p { font-size: 13px; } .post-group.twoup .metadata li, .post-group.threeup .metadata li, .post-group.fourup .metadata li { font-size: 11px; } .post-group.twoup .post { width: 47.8%; } .post-group.threeup .post { width: 30.37%; } .post-group.fourup .post { width: 21.679%; } .post-group.threeup h2, .post-group.threeup h3, .post-group.fourup h2, .post-group.fourup h3 { font-size: 13px; } .post-group.threeup h4, .post-group.threeup h5, .post-group.threeup h6, .post-group.fourup h4, .post-group.fourup h5, .post-group.fourup h6 { font-size: 11px; } .post-group.threeup h2, .post-group.threeup h4, .post-group.fourup h2, .post-group.fourup h4 { font-weight: 700; } .post-group.threeup li, .post-group.threeup dl, .post-group.threeup code, .post-group.threeup blockquote, .post-group.threeup blockquote p, .post-group.fourup li, .post-group.fourup dl, .post-group.fourup code, .post-group.fourup blockquote, .post-group.fourup blockquote p { font-size: 13px; } /* TODO: Try this pattern out :not(:last-child) */ .post-group.twoup .post:nth-child(2n+1), .post-group.threeup .post:nth-child(3n+1), .post-group.fourup .post:nth-child(4n+1) { margin-left: 0; clear: left; } .post-group.twoup .post:nth-child(2n), .post-group.threeup .post:nth-child(3n), .post-group.fourup .post:nth-child(4n) { margin-right: 0; float: right; } .post-group.twoup .post:nth-child(n+3), .post-group.threeup .post:nth-child(n+4), .post-group.fourup .post:nth-child(n+5) { margin-bottom: 0; margin-top: 45px; } #prev-post { margin: 60px 0 30px; font: italic 1em Georgia, serif; } #prev-post a { font-size: 13px; display: block; text-align: center; } #prev-post a:hover { color: #ff1e00; } #prev-post a:hover .arrow { background-color: #3d302f; } #prev-post nav { padding-bottom: 15px; border-bottom: 1px solid #f0eceb; margin: 15px 0; } #prev-post .arrow { display: block; width: 45px; height: 45px; border-radius: 22.5px; background: #5d504f url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSI0Ny4zMDEiPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMjMuNjUsNDcuMzAxIDAsMjMuNjUxIDIzLjY1LDAgMzAsNi4zNSAxMi42OTksMjMuNjUxIDMwLDQwLjk1MSIvPjwvc3ZnPg==') no-repeat 47% 50%; background-size: 33%; } /* TODO: Remove heirarchy & general cleanup */ .single { position: relative; } .single .post-title { color: #fff; background-color:#000; opacity:0.7; text-align:center; font-size:22px; text-transform:uppercase; } .single #excerpt { padding-bottom: 30px; color: #5d504f; } .single #excerpt p { padding-top: 0; font: italic 28px/1.55 Georgia, serif; } .single .pagination { margin-top: 30px; } .single #content-main { margin: 30px 0; border-bottom: 2px solid #f0eceb; padding-bottom: 15px; } .single .post-content { margin-bottom: 45px; } .single .post-content h1, .single .post-content h2 { margin: 15px 0; padding: 0; } .single .post-content h1 { font-size: 20px; margin-top: 30px; } .single .post-content h2 { font-size: 17px; font-weight: 700; } .single .post-content dd { margin-left: 40px; } .single .post-content .flush-left { margin-left: -26.1%; } .single .post-content img.flush-left, .single .post-content video.flush-left { max-width: 126.1%; } .single .post-content .alignright, .single .post-content .alignleft { max-width: 40%; } .single .post-content .alignright { margin-left: 20px; } .single .post-content .alignleft { margin-right: 20px; } #prev-post { display:none; } #post-tweet { float: right; margin: 15px 0 30px 0; } #post-footer { border-bottom: 2px solid #f0eceb; padding-bottom: 15px; margin: 0 0 30px 0; /* TODO: Try this pattern out :not(:last-child) */ } #post-footer .widget:nth-child(4n) { margin-right: 40px; } #post-footer .widget:nth-child(4n+1) { clear: none; } #post-footer .widget:nth-child(3n) { margin-right: 0; } #post-footer .widget:nth-child(3n+1) { clear: left; } #content.page.fullspread #content-primary { float: none; width: 100%; } #page.attachment #page-bottom { display: none; } .archive #sidebar { margin-top: 60px; } .error404 h2 { margin-top: 0; } .error404 .main { margin-bottom: 30px; } /* TODO: Use class selectors */ #sidebar { width: 21.679%; margin-top: 10px; } #sidebar .widget { margin-right: 0; } #sidebar .widget-title:first-child { margin-top: 0 !important; } #comments-container { margin-top: 60px; } #comments-container .pagination { margin-bottom: 30px; } .no_comments, .comments_closed { margin: 30px 0; font: italic 28px/1.25 Georgia, serif; color: #5d504f; } #comment-form-logged-in-as, #comment-form-info { width: 21.679%; } #comment-form-content { width: 73.9%; } .comment-content { width: 73.9%; font-family: Georgia, serif; } .comment-content blockquote, .comment-content blockquote p { font-size: 13px; } .comment-reply-link { font: 700 11px Sans-Serif; } .comment-info { width: 21.679%; } #comment-form-allowed-tags { width: 73.9%; } #comments { list-style: none; padding-left: 0; margin-left: 0; } #comments .date-time { display: block; margin-top: 3px; } #comments .comment:not(:first-child) { margin: 60px 0; } #comments .comment:last-child { margin-bottom: 0; } #comments .comment.bypostauthor { margin: 45px 0; } #comments .comment-edit-link { font-weight: 700; color: #ea0000; } #comments .children { list-style: none; margin-left: 40px; margin-top: 0; } #comments .children .comment { margin: 30px 0; } /*TODO reference IDs instead of tags*/ #respond { margin-top: 60px; } #respond label { display: none; } #respond input[type=text], #respond textarea { width: 100%; } #respond input[type=text] { margin-bottom: 15px; text-align: right; } #respond textarea { margin: 0; height: 118px; } #respond textarea:focus { height: 375px; } #respond #submit { margin-top: 15px; /*TODO: Extend .push-three?*/ margin-left: 26.1%; } #respond .loggedin { font-style: italic; } #page-bottom{ background: #373737; } #page-bottom p{ background: #373737; color: #fff; font-family:"OpenSansSemibold"; } #page-footer { padding: 30px 0; margin-top: 30px; } #page-footer h3 { color: #fffefe; } #page-footer a { color: #fffefe; } /*end changes by me*/ /*image effect of me*/ #imagehovereffect figcaption,#imagehovereffect figure{display:block;} body{margin:0;} #imagehovereffect a:focus{outline:thin dotted;} #imagehovereffect a:active,a:hover{outline:0;} #imagehovereffect img{border:0;} #imagehovereffect figure{margin:0;} #imagehovereffect *,#imagehovereffect *:after,#imagehovereffect *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } #imagehovereffect { color: #fff; font-weight: 400; font-size: 1em; font-family: 'Raleway', Arial, sans-serif; } #imagehovereffect a { outline: none; color: #3498db; text-decoration: none; } #imagehovereffect a:hover,#imagehovereffect a:focus { color: #528cb3; } #imagehovereffect > h2 { clear: both; margin: 0; padding: 4em 1% 0; color: #484B54; font-weight: 800; font-size: 1.5em; } #imagehovereffect > h2:first-child { padding-top: 0em; } #imagehovereffect .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center; } /* Common style */ #imagehovereffect .grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 48%; background: #3085a3; text-align: center; cursor: pointer; } #imagehovereffect .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity:0.5; } #imagehovereffect .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #imagehovereffect .grid figure figcaption::before, #imagehovereffect .grid figure figcaption::after { pointer-events: none; } #imagehovereffect .grid figure figcaption, #imagehovereffect .grid figure figcaption p > a,#imagehovereffect .linktxt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ #imagehovereffect .grid figure figcaption p > a,#imagehovereffect .linktxt { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } #imagehovereffect .grid figure h2 { word-spacing: -0.15em; font-weight:bold; } #imagehovereffect .grid figure h2 span { font-weight: 800; } #imagehovereffect .grid figure h2, #imagehovereffect .grid figure p { margin: 0; letter-spacing:1px; } #imagehovereffect .grid figure p { letter-spacing: 1px; font-size: 68.5%; } /*---------------*/ /***** Layla *****/ /*---------------*/ #imagehovereffect figure.effect-layla { background: #000; } #imagehovereffect figure.effect-layla img { height: 390px; } #imagehovereffect figure.effect-layla figcaption { padding: 3em; } #imagehovereffect figure.effect-layla.fourcols figcaption { padding: 48px; } #imagehovereffect figure.effect-layla figcaption::before, #imagehovereffect figure.effect-layla figcaption::after { position: absolute; content: ''; opacity: 0; } #imagehovereffect figure.effect-layla figcaption::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } #imagehovereffect figure.effect-layla figcaption::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } #imagehovereffect figure.effect-layla h2 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } #imagehovereffect.postthumbnails figure.effect-layla h2 { padding-top: 15%; font-size:19px; } #imagehovereffect figure.effect-layla p { padding: 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } figure.effect-layla img, figure.effect-layla h2 { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } #imagehovereffect figure.effect-layla img, #imagehovereffect figure.effect-layla figcaption::before, #imagehovereffect figure.effect-layla figcaption::after, #imagehovereffect figure.effect-layla p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } #imagehovereffect figure.effect-layla:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #imagehovereffect figure.effect-layla:hover figcaption::before, #imagehovereffect figure.effect-layla:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #imagehovereffect figure.effect-layla:hover h2, #imagehovereffect figure.effect-layla:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #imagehovereffect figure.effect-layla:hover figcaption::after, #imagehovereffect figure.effect-layla:hover h2, #imagehovereffect figure.effect-layla:hover p, #imagehovereffect figure.effect-layla:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } /* close image effects of me*/ /* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */ /* -------------------------------------------------- :: Grid -------------------------------------------------- */ /* Mobile */ @media only screen and (min-width: 481px) and (max-width: 1024px){ #content .row { padding-left:0px; padding-right: 0px; } .row{ width:96%; padding:0 2%; } #headertop .left { margin-right: 10%; width: 45%; } #headertop .right { text-align: right; width: 45%; } #navlogo .left { margin-right: 5%; width: 25%; } #site-nav { float: right; margin: 15px 0 0; width: 70%; } .LeimacBuildingCoRow .left.imgcontainer,.left.imgcontainer { margin-right: 5%; width: 30%; } .LeimacBuildingCoRow .right.txtcontainer,.right.txtcontainer { width: 65%; } .LeimacBuildingCoRow .left.txtcontainer,.left.txtcontainer { margin-right: 5%; width: 65%; } .LeimacBuildingCoRow .right.imgcontainer,.right.imgcontainer { width: 30%; } .team-desc { margin-right: 5%; width: 30%; } } @media only screen and (max-width: 767px) { #content .row { padding-left:0px; padding-right: 0px; } body, .container, .row { min-width: 0; margin-left: 0; margin-right: 0; } body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; padding-left: 0; padding-right: 0; } .row{ width:96%; padding:0 2%; } .row .row .column, .row .row #content-primary, .row .row .post.leftaside .post-content, .post.leftaside .row .row .post-content, .row .row .type-page.leftaside .post-content, .type-page.leftaside .row .row .post-content, .row .row .post.leftaside .post-info, .post.leftaside .row .row .post-info, .row .row .type-page.leftaside .post-info, .type-page.leftaside .row .row .post-info, .row .row .post-group.twoup .post, .post-group.twoup .row .row .post, .row .row .post-group.threeup .post, .post-group.threeup .row .row .post, .row .row .post-group.fourup .post, .post-group.fourup .row .row .post, .row .row #sidebar, .row .row #comment-form-logged-in-as, .row .row #comment-form-info, .row .row #comment-form-content, .row .row .comment-content, .row .row .comment-info, .row .row #comment-form-allowed-tags, .row .row .columns { padding: 0; } .column, #content-primary, .post.leftaside .post-content, .type-page.leftaside .post-content, .post.leftaside .post-info, .type-page.leftaside .post-info, .post-group.twoup .post, .post-group.threeup .post, .post-group.fourup .post, #sidebar, #comment-form-logged-in-as, #comment-form-info, #comment-form-content, .comment-content, .comment-info, #comment-form-allowed-tags, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } .column:last-child, #content-primary:last-child, .post.leftaside .post-content:last-child, .type-page.leftaside .post-content:last-child, .post.leftaside .post-info:last-child, .type-page.leftaside .post-info:last-child, .post-group.twoup .post:last-child, .post-group.threeup .post:last-child, .post-group.fourup .post:last-child, #sidebar:last-child, #comment-form-logged-in-as:last-child, #comment-form-info:last-child, #comment-form-content:last-child, .comment-content:last-child, .comment-info:last-child, #comment-form-allowed-tags:last-child, .columns:last-child { margin-right: 0; float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } [class*="column"]:before, [class*="column"]:after { content: ""; display: table; } [class*="column"]:after { clear: both; } .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; } .push-two, .push-three, .post.leftaside .post-content, .type-page.leftaside .post-content, .comment-content, #comment-form-allowed-tags, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; } .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .post.leftaside .post-info, .type-page.leftaside .post-info, .comment-info, .pull-ten { right: auto; } /* -------------------------------------------------- :: Block Grids -------------------------------------------------- */ .block-grid.mobile { margin-left: 0; } .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } #content.single .post .flush-left { margin-left: 0% !important; } #content.single .post img.flush-left { max-width: 100% !important; } /*Typography*/ h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 17px; } h4 { font-size: 13px; } h5 { font-size: 11px; } h6 { font-size: 10px; } button, .button, input[type=submit] { display: block; width: 100% !important; margin: 15px 0; } /*Metadata content*/ ul.metadata.vertical { margin-top: 30px; display: inline-block; } ul.metadata.vertical li { float: left; margin-right: 15px; text-align: left; } ul.metadata.vertical li:last-child { margin-right: 0; } ul.metadata.vertical li:first-child { margin-left: 0; } #content.home .post-group.oneup.large .post-content p { font-size: 24px; } .post-info .previous a:before { content: "Previous Post: "; } .post-info .previous nav { display: none !important; } #respond #comment-form-info input[type=text] { text-align: left; } #respond { margin-bottom: 30px; } #respond #submit { margin-left: 0; display: block; width: 100%; } #comments .metadata { margin-top: 5px; } #comments .date-time { display: inline; margin-top: 0px; } #comments .children { margin-left: 0; } } @media screen and (max-width: 660px) { #content .row { padding-left: 0px; padding-right:0px; } .row{ width:96%; padding:0 2%; } #headertop .left p { margin-bottom:20px; } .responsivecenter { text-align:center; } #headertop .left,#navlogo .left,.LeimacBuildingCoRow .left.imgcontainer,.LeimacBuildingCoRow .left.txtcontainer,.left.imgcontainer,.left.txtcontainer { margin: 0; width: 100%; float:none; text-align:center; } #headertop .right,.LeimacBuildingCoRow .right.txtcontainer,.LeimacBuildingCoRow .right.imgcontainer,.team-desc,.right.txtcontainer,.right.imgcontainer { width: 100%; float:none; text-align:center; } .team-desc { margin:0 0 30px 0; } #team-third { margin:0; } .LeimacBuildingCoRow .left.imgcontainer,.LeimacBuildingCoRow .left.txtcontainer,.left.imgcontainer,.left.txtcontainer { padding-bottom:20px; } #page-footer .row .four { float:none !important; width: 100%; text-align:center; } #site-nav,.row .six { float:none; width: 100%; } .row .six { margin-bottom:20px; } #site-nav .menu { float:none; } #imagehovereffect .grid figure { margin: 10px 1%; max-height: 360px; max-width: 98%; width:auto; min-width:auto; } body #gform_wrapper_1 .top_label li.gfield.gf_left_third, body #gform_wrapper_1 .top_label li.gfield.gf_middle_third, body #gform_wrapper_1 .top_label li.gfield.gf_right_third { float:none; width:100%; margin:0 0 15px 0 !important; } body #gform_wrapper_1 .gform_body .gform_fields .gfield textarea,body #gform_wrapper_1 .gform_footer { width:95%; } body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label .gfield_required { color: red; } #slidersection { padding: 20px 0; } #slidersection p { font-size: 24px; line-height: 38px; margin: 0 0 25px; } #slidersection p a { font-size: 18px; } } @media only screen and (max-width: 420px) { #content .row { padding-left: 0px; padding-right: 0px; } #site-nav li { float: none; margin: 0; border-bottom: 1px solid #f0eceb; } #site-nav li a { font-size: 13px; padding: 15px 0; } #site-nav li:last-child { border-bottom: 0; } #site-nav ul ul { display: none; } }