h1/* Theme Name: C2M Theme URI: http://underscores.me/ Author: Mark Theron Author URI: http://www.digitaldesigner.co.za Description: Description Version: 1.0 License: GNU General Public License License URI: license.txt Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /*@import url("layouts/content-sidebar.css");*/ /* =Reset -------------------------------------------------------------- */ 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a img { border: 0; } /* =Global ----------------------------------------------- */ body, button, input, select, textarea { color: #333; font-family: sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; } /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { margin: 1em 0 1.5em 3em; font-family: "CabinRegular"; font-size: 15px; } ul { list-style: disc; } ol { list-style: decimal; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 12px; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ } /*button,*/ html input[type="button"], input[type="reset"], input[type="submit"] { /*border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc;*/ border-radius: 5px; background: #e6e6e6; /*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);*/ color: rgba(0,0,0,.8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 16px; font-size: 1.8rem; color: #fff; line-height: 1; padding: 1em 1.5em 1em; /*text-shadow: 0 1px 0 rgba(255,255,255,.8);*/ } input[type="submit"] { background: rgb(67,99,136); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNjM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTM5NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(67,99,136) 0%, rgb(41,57,76) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(67,99,136)), color-stop(100%,rgb(41,57,76))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#436388', endColorstr='#29394c',GradientType=0 ); /* IE6-8 */ } /*button:hover,*/ html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { /*border-color: #ccc #bbb #aaa #bbb; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);*/ } /*button:focus,*/ html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, /*button:active,*/ html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { /*border-color: #aaa #bbb #bbb #bbb; -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);*/ } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type=text], input[type=email], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type=text]:focus, input[type=email]:focus, textarea:focus { color: #111; } input[type=text], input[type=email] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /* Links */ a { color: #a16e51; font-weight: bold; } a:visited { color: #895c45; } a:hover, a:focus, a:active { color: #a16e51; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* =Menu ----------------------------------------------- */ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; font-weight: normal !important; } .main-navigation ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999; } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { width: 200px; font-weight: normal !important; } .main-navigation ul ul li { } .main-navigation li:hover > a { } .main-navigation ul ul :hover > a { } .main-navigation ul ul a:hover { } .main-navigation ul li:hover > ul { display: block; } .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { } /* Small menu */ .menu-toggle { cursor: pointer; } .main-small-navigation .menu { display: none; } /* =Content ----------------------------------------------- */ .sticky { } .hentry { margin: 0 0 1.5em; } .entry-meta { clear: both; font-size: 0.8em; } .entry-meta a { text-decoration: none; font-weight: normal; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-content, .entry-summary { /*margin: 1.5em 0 0;*/ margin: 0.8em 0 2.5em } .page-links { clear: both; margin: 0 0 1.5em; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* =Media ----------------------------------------------- */ .site-header img, .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } .site-header img, .entry-content img, img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .site-header img, .entry-content img, img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; max-width: 100%; } .wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright { margin-bottom: 1.5em; } .wp-caption img { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .site-content .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-content .gallery a img { border: none; height: auto; max-width: 90%; } .site-content .gallery dd { margin: 0; } .site-content .gallery-columns-4 .gallery-item { } .site-content .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ .site-content .site-navigation { margin: 0 0 1.5em; overflow: hidden; } .site-content .nav-previous { float: left; width: 50%; } .site-content .nav-next { float: right; text-align: right; width: 50%; } /* =Comments ----------------------------------------------- */ .bypostauthor { } /* =Widgets ----------------------------------------------- */ .widget { margin: 0 0 1.5em; } /* Search widget */ #searchsubmit { display: none; } .entry-date { font-size:12px; } @font-face { font-family: 'CabinRegular'; src: url('fonts/Cabin-Regular-webfont.eot'); src: url('fonts/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-Regular-webfont.woff') format('woff'), url('fonts/Cabin-Regular-webfont.ttf') format('truetype'), url('fonts/Cabin-Regular-webfont.svg#CabinRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CabinItalic'; src: url('fonts/Cabin-Italic-webfont.eot'); src: url('fonts/Cabin-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-Italic-webfont.woff') format('woff'), url('fonts/Cabin-Italic-webfont.ttf') format('truetype'), url('fonts/Cabin-Italic-webfont.svg#CabinItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CabinMedium'; src: url('fonts/Cabin-Medium-webfont.eot'); src: url('fonts/Cabin-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-Medium-webfont.woff') format('woff'), url('fonts/Cabin-Medium-webfont.ttf') format('truetype'), url('fonts/Cabin-Medium-webfont.svg#CabinMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CabinMediumItalic'; src: url('fonts/Cabin-MediumItalic-webfont.eot'); src: url('fonts/Cabin-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-MediumItalic-webfont.woff') format('woff'), url('fonts/Cabin-MediumItalic-webfont.ttf') format('truetype'), url('fonts/Cabin-MediumItalic-webfont.svg#CabinMediumItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CabinSemiBold'; src: url('fonts/Cabin-SemiBold-webfont.eot'); src: url('fonts/Cabin-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-SemiBold-webfont.woff') format('woff'), url('fonts/Cabin-SemiBold-webfont.ttf') format('truetype'), url('fonts/Cabin-SemiBold-webfont.svg#CabinSemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CabinSemiBoldItalic'; src: url('fonts/Cabin-SemiBoldItalic-webfont.eot'); src: url('fonts/Cabin-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-SemiBoldItalic-webfont.woff') format('woff'), url('fonts/Cabin-SemiBoldItalic-webfont.ttf') format('truetype'), url('fonts/Cabin-SemiBoldItalic-webfont.svg#CabinSemiBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CabinBold'; src: url('fonts/Cabin-Bold-webfont.eot'); src: url('fonts/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-Bold-webfont.woff') format('woff'), url('fonts/Cabin-Bold-webfont.ttf') format('truetype'), url('fonts/Cabin-Bold-webfont.svg#CabinBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CabinBoldItalic'; src: url('fonts/Cabin-BoldItalic-webfont.eot'); src: url('fonts/Cabin-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Cabin-BoldItalic-webfont.woff') format('woff'), url('fonts/Cabin-BoldItalic-webfont.ttf') format('truetype'), url('fonts/Cabin-BoldItalic-webfont.svg#CabinBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CartoGothicStdBook'; src: url('fonts/CartoGothicStd-Book-webfont.eot'); src: url('fonts/CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/CartoGothicStd-Book-webfont.woff') format('woff'), url('fonts/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('fonts/CartoGothicStd-Book-webfont.svg#CartoGothicStdBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CartoGothicStdItalic'; src: url('fonts/CartoGothicStd-Italic-webfont.eot'); src: url('fonts/CartoGothicStd-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/CartoGothicStd-Italic-webfont.woff') format('woff'), url('fonts/CartoGothicStd-Italic-webfont.ttf') format('truetype'), url('fonts/CartoGothicStd-Italic-webfont.svg#CartoGothicStdItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CartoGothicStdBold'; src: url('fonts/CartoGothicStd-Bold-webfont.eot'); src: url('fonts/CartoGothicStd-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/CartoGothicStd-Bold-webfont.woff') format('woff'), url('fonts/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('fonts/CartoGothicStd-Bold-webfont.svg#CartoGothicStdBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CartoGothicStdBoldItalic'; src: url('fonts/CartoGothicStd-BoldItalic-webfont.eot'); src: url('fonts/CartoGothicStd-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/CartoGothicStd-BoldItalic-webfont.woff') format('woff'), url('fonts/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'), url('fonts/CartoGothicStd-BoldItalic-webfont.svg#CartoGothicStdBoldItalic') format('svg'); font-weight: normal; font-style: normal; } h1.entry-title { font-family: "CartoGothicStdBold", Arial, Helvetica, serif; font-size: 2.8rem; } h1.entry-title a { text-decoration: none; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } h1.entry-title a:hover { color: #222; } h2 { font-family: "CartoGothicStdBold", Arial, Helvetica, serif; font-size: 2.1rem; margin-top: 1em; margin-bottom: 0.8em; color: #333; line-height: 2.1rem; } h3 { font-family: "CartoGothicStdBold", Arial, Helvetica, serif; font-size: 1.7rem; text-transform: uppercase; margin-top: 0.8em; } a.button_quote { font-family: "CartoGothicStdBold", Arial, Helvetica, sans-serif; font-size: 16px; background: #a16e51; padding: 18px 33px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; color: #fff; white-space: nowrap; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; /*margin: 15px 0 0 0;*/ } a.button_quote:hover { background: #be957e; } p { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; /*margin: 10px 0 0 0;*/ } .maintext p { margin: 10px 0 30px 0; } .maintext p:first-child:first-letter { font-family: "CartoGothicStdBold", Arial, Helvetica, sans-serif; letter-spacing:0; text-transform:uppercase; color:#a16e51; font-size:3.5em; float:left; margin:0.1em 0.1em 0 0; line-height:0.6; } p#breadcrumbs { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 13px; margin: 7px 0 22px 0; float: left; color: #666; } p#breadcrumbs a { color: #b5856a; } p#breadcrumbs a:hover { color: #a16e51; } h1.logo { width: 164px; margin: 0 auto; height: 117px; text-align: center; display: block; } h1.logo a img { -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; margin-top: 0; } h1.logo a:hover img{ margin-top: 7px; } img { width: 100%; max-width: 100%; height: auto; } .services_homepage h3 { font-family: "CartoGothicStdBold"; font-size: 18px; color: #a16e51; margin-top: 7px; margin-bottom: 10px; line-height: 24px; } .services_homepage p { font-family: "CartoGothicStdBook"; font-size: 14px; margin-top: 7px; line-height: 17px; text-align: left; color: #636363; margin-bottom: 5px; } .services_homepage a.readmore { display: inline-block; width: auto; font-family: "CartoGothicStdBold"; font-size: 12px; /*margin: 10px 0 15px 0;*/ margin: 5px 0 25px 0; background: #9ea9b5; color: #fff; padding: 3px 7px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; text-transform: uppercase; } .services_homepage a:hover.readmore { background: #394f69; padding: 3px 15px; } .services_homepage a img { -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } /* =Menu ----------------------------------------------- */ .main-navigation { display: inline-block; width: 100%; margin: 0 auto; text-align: center; } .main-navigation ul { display: inline-block; margin: 0 !important; padding: 0; margin-top: 20px; } /*.main-navigation a { display: inline-block; text-decoration: none; color: grey; font-family: Georgia, serif; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 4px; padding: 2px 4px; } .main-navigation a:hover { text-decoration: none; color: white; background: teal; padding: 2px 4px; } */ .main-navigation ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999; background: white; text-align: left; } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { } .main-navigation li:hover > a { } .main-navigation ul ul :hover > a { } .main-navigation ul ul a:hover { } .main-navigation ul li:hover > ul { display: block; } .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { } li#menu-item-39 ul li a { width: 100px !important; } li#menu-item-39 ul.sub-menu { top: 2em; left: 0 !important; } /* Small menu */ .menu-toggle { cursor: pointer; } .main-small-navigation .menu { display: none; } #image-header { width: 100%; background: #ddd; clear: both; margin-top: 10px; } #image-header img { width: 100%; max-width: 100%; height: auto; } /* --------------------------------------------------------------------------------- 240px --------------------------*/ @media only screen and (min-width:240px) { .services_homepage { width: 100%; margin: 0 0 15px 0; /*height: 200px;*/ float: none; list-style: none; padding: 0; margin-bottom: 0; } .services_homepage p { margin-bottom: 5px; } .box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { margin-right:0; } .services_homepage h3 { font-family: "CabinBold"; font-size: 22px; color: #a16e51; margin-top: 7px; margin-bottom: 10px; line-height: 24px; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } .footer-widget { width: 100%; float: none; margin: 10px 0 35px 0; /*height: 30px;*/ } #tagline-box { /*border-top: 1px solid grey; border-bottom: 1px solid grey;*/ height: auto; width: 100%; padding: 10px 0 10px 0; margin: 10px auto 10px; border-bottom: 2px solid #dedede; padding-bottom: 20px; margin-bottom: 20px; } .tagline { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 24px; color: #4c4c4c; margin: 10px auto; text-align: center; width: 90%; } .tagline a { color: #a16e51; text-decoration:underline; } a.button_quote { font-family: "CartoGothicStdBold", Arial, Helvetica, sans-serif; font-size: 25px; /*background: #a16e51;*/ padding: 7px 30px; float: none; width: 70%; text-align: center; margin: 0 auto; text-decoration: none; color: #fff; font-weight: bold; /*white-space: nowrap;*/ -moz-border-radius: 5px; border-radius: 5px; /* float: right;*/ display: block; /* margin:0 0 20px 20px;*/ background: rgb(67,99,136); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNjM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTM5NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(67,99,136) 0%, rgb(41,57,76) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(67,99,136)), color-stop(100%,rgb(41,57,76))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#436388', endColorstr='#29394c',GradientType=0 ); /* IE6-8 */ /* */ -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.31); -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.31); box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.31); -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } a:hover.button_quote { /*background: #8c5f46;*/ background: rgb(80,125,160); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwN2RhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzU3NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(80,125,160) 0%, rgb(55,87,102) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(80,125,160)), color-stop(100%,rgb(55,87,102))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(80,125,160) 0%,rgb(55,87,102) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(80,125,160) 0%,rgb(55,87,102) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(80,125,160) 0%,rgb(55,87,102) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(80,125,160) 0%,rgb(55,87,102) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#507da0', endColorstr='#375766',GradientType=0 ); /* IE6-8 */ } a.button_talk_to_us { font-family: "CartoGothicStdBold", Arial, Helvetica, sans-serif; font-size: 25px; /*background: #a16e51;*/ padding: 7px 30px; float: none; width: 70%; text-align: center; margin: 0 auto; text-decoration: none; color: #fff; font-weight: bold; /*white-space: nowrap;*/ -moz-border-radius: 5px; border-radius: 5px; /* float: right;*/ display: block; /* margin:0 0 20px 20px;*/ background: rgb(67,99,136); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNjM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTM5NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(67,99,136) 0%, rgb(41,57,76) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(67,99,136)), color-stop(100%,rgb(41,57,76))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#436388', endColorstr='#29394c',GradientType=0 ); /* IE6-8 */ /* */ -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.31); -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.31); box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.31); -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } a:hover.button_talk_to_us { /*background: #8c5f46;*/ background: rgb(80,125,160); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwN2RhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNzU3NjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(80,125,160) 0%, rgb(55,87,102) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(80,125,160)), color-stop(100%,rgb(55,87,102))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(80,125,160) 0%,rgb(55,87,102) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(80,125,160) 0%,rgb(55,87,102) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(80,125,160) 0%,rgb(55,87,102) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(80,125,160) 0%,rgb(55,87,102) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#507da0', endColorstr='#375766',GradientType=0 ); /* IE6-8 */ } } /* --------------------------------------------------------------------------------- 360px --------------------------*/ @media only screen and (min-width:360px) { .services_homepage { width: 48%; margin: 0 4% 15px 0; /*height: 200px;*/ float: left; list-style: none; padding: 0; } .box2, .box4, .box6 { margin-right:0; } /* ------------------------ */ .services_homepage { width: 100%; margin: 0 0 15px 0; /*height: 200px;*/ float: none; list-style: none; padding: 0; } .box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { margin-right:0; } /* ------------------------ */ .footer-widget { /*width: 48%; width: 48%; float: left; margin: 10px 4% 0 0;*/ /*height: 30px;*/ } .widget2, .widget4 { margin: 10px 0 0 0; } } /* --------------------------------------------------------------------------------- //360px ------------------------*/ /* --------------------------------------------------------------------------------- 490px --------------------------*/ @media only screen and (min-width:490px) { .services_homepage { width: 48%; margin: 0 4% 15px 0; /*height: 200px;*/ float: left; list-style: none; padding: 0; /*height: 40px;*/ } .box2, .box4, .box6, .box8 { margin-right:0; } .services_homepage h3 { font-family: "CabinBold"; font-size: 18px; color: #a16e51; margin-top: 7px; margin-bottom: 10px; line-height: 24px; } } /* --------------------------------------------------------------------------------- //490px ------------------------*/ /* --------------------------------------------------------------------------------- 640px --------------------------*/ @media only screen and (min-width:640px) { .services_homepage { width: 32%; margin: 0 2% 15px 0; height: 360px; float: left; list-style: none; padding: 0; } .box1, .box2, .box4, .box5, .box7, .box8 { margin-right: 2%; } .box3, .box6, .box9 { margin-right:0; } .footer-widget { width: 48%; float: left; margin: 10px 3.8% 0 0; /*height: 30px;*/ } /* .widget2 { margin: 10px 3.8% 0 0; } .widget4 { margin: 10px 0 0 0; } footer .widget1, footer .widget3 { margin: 10px 3.8% 0 0; }*/ footer .widget2, footer .widget4 { margin-right: 0; } a.button_quote { /*font-size: 22px;*/ display: inline; /*float: none;*/ margin: 20px 0 0 0; padding: 10px 15px; float: right; font-size: 25px; text-align: center; width: 30%; } a.button_talk_to_us { /*font-size: 22px;*/ display: inline; /*float: none;*/ margin: 0; padding: 10px 15px; float: right; font-size: 25px; text-align: center; width: 30%; } .tagline { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 27px; color: #4c4c4c; margin: 10px auto; text-align: center; width: 60%; float: left; } /* centered menu starts here */ .main-navigation{ display: block; margin: 0 !important; padding: 0; margin-top: 20px; background: url(images/menu-line.gif) repeat-x; } .main-navigation li { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 15px; display: inline; margin: 0 !important; /*height: 45px;*/ padding: 3px 8px; text-decoration: none; } ul#menu-mainmenu { display: inline-block; margin: 0 !important; padding: 0 20px; /*margin-top: 20px;*/ margin-top: -4px !important; background: #fff; } ul#menu-mainmenu li { display: inline; margin: 0 !important; /* height: 45px;*/ padding: 5px 9px; background: #fff; text-decoration: none; color: #686868; } ul#menu-mainmenu li.current-menu-item { background: #a56b53; color: #fff; } ul#menu-mainmenu li.current-menu-item a { color: #fff; border-bottom: none; } ul#menu-mainmenu li.current-menu-item a:hover { color: #fff; border: none; } ul#menu-mainmenu li:hover { cursor: pointer; } ul#menu-mainmenu li a { text-decoration: none; color: #686868; padding-bottom: 2px; border-bottom: 2px solid #fff; } ul#menu-mainmenu li a:hover { color: #222; border-bottom: 2px solid #222; padding-bottom: 2px; } ul#menu-mainmenu ul li { padding: 0; } ul#menu-mainmenu ul li a { color: #222; border-bottom: none; margin: 0; padding: 0.5em; /*padding-bottom: 2px;*/ } ul#menu-mainmenu ul li a:hover { color: #222; border-bottom: none; margin: 0; padding: 0.5em; /*padding-bottom: 2px;*/ } /* centered menu ends here */ } /* --------------------------------------------------------------------------------- //640px ------------------------*/ /* --------------------------------------------------------------------------------- 770px --------------------------*/ @media only screen and (min-width:770px) { .tagline { font-family: "CabinRegular", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; color: #4c4c4c; margin: 10px 0; text-align: center; width: 70%; float: left; } a.button_quote { padding: 10px 15px; float: right; font-size: 28px; text-align: center; width: 22%; margin: 25px 10px 0 0; } a.button_talk_to_us { /*font-size: 22px;*/ display: inline; /*float: none;*/ margin: 0; margin: -20px 0 0 0; padding: 10px 15px; float: right; font-size: 25px; text-align: center; width: 30%; } } /* --------------------------------------------------------------------------------- //770px ------------------------*/ /* --------------------------------------------------------------------------------- 940px --------------------------*/ @media only screen and (min-width:940px) { .footer-widget { width: 22.15%; float: left; margin: 10px 3.8% 0 0; /*height: 30px;*/ } .widget2 { margin: 10px 3.8% 0 0; } .widget4 { margin: 10px 0 0 0; } footer .widget4 { margin: 0; } footer .widget2 { margin: 10px 3.8% 0 0; } } /* --------------------------------------------------------------------------------- //940px ------------------------*/ /* =Menu ----------------------------------------------- */ .main-navigation { display: inline-block; width: 100%; margin: 0 auto; text-align: center; } .main-navigation ul { display: inline-block; margin: 0 !important; padding: 0; margin-top: 20px; } /* site info in the footer */ .site-info, .site-info a { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 12px; color:#666; text-decoration: none; font-weight: normal; } .site-info a:hover { color:#333; text-decoration: none; } .footer-widget h4 { font-family: "CartoGothicStdBold", Arial, Helvetica, sans-serif; font-size: 16px; /*color: #fff;*/ /*border-bottom: 1px solid #000;*/ text-transform: uppercase; margin-bottom: 14px; margin-top: 15px; } footer, #main { width: 90%; max-width: 940px; margin: 0 auto; } .mc_merge_var label.mc_var_label, #mc-indicates-required, .mergeRow { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 12px !important; color: #fff; } /* mailchimp form */ #mailchimpsf_widget-2 { width: 100%; } form#mc_signup_form{ width: 100% !important; background: transparent !important; border: none !important; padding: 0 !important; } .mc_error_msg { font-weight: bold; font-size: 12px; } input#mc_signup_submit { padding: 6px; font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; text-transform: uppercase; color: white; background: #715540; -moz-border-radius: 4px; border-radius: 4px; float: left; font-size: 12px; border: none; box-shadow: none; margin-top: 10px; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } input#mc_signup_submit:hover { background: #000; } #mc_signup_form .mc_input { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 14px; background: #b0846b; border: none; width: 100%; } #mc_subheader { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; color: #E9D2CC !important; font-size: 14px; margin-bottom: 8px; } ul.mc_list li { font-size: 12px; display: inline !important; margin-right: 5px !important; } ul.mc_list { margin: 0.5em 0 0.5em 0em !important; font-family: "CabinRegular"; font-size: 15px; } /*------------------------------------------------------------------------------------------------------------------------ = Footer ------------------------------------------------------------------------------------------------------------------------*/ .site-footer { margin: 5px auto; padding: 10px 0; } ul#footer-services { list-style: none; margin: -6px 0 0 0; padding: 0; } ul#footer-services li { list-style: none; margin: 0; background: url('images/service-footer-icon.gif') no-repeat center left; border-bottom: 1px solid #815741; } ul#footer-services li a{ font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; color: #E9D2CC !important; text-decoration: none; font-size: 14px; font-weight: normal; margin-left:18px; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .3s linear; background: transparent; padding: 4px; display: block; } ul#footer-services li a:hover { color: #fff !important; margin-left:20px; } ul#footer-news { list-style: none; margin: 0; padding: 0; } ul#footer-news li { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; margin-bottom: 5px; } ul#footer-news li div.footer-news-date { float: left; width: 50px; font-size: 14px; color: #5b2c10; line-height: 16px; } ul#footer-news li div.footer-news-headline { margin-left: 55px; font-weight: normal; font-size: 14px; color: #fff; line-height: 16px; } ul#footer-news li div.footer-news-headline a { float: left; font-weight: normal; font-size: 14px; color: #e9d2cc; text-decoration: none; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; background: transparent; } ul#footer-news li div.footer-news-headline a:hover { float: left; font-weight: normal; font-size: 14px; color: #fff; } p.footer-contact-header { font-family: "CartoGothicStdBold", Arial, Helvetica, sans-serif; font-size: 15px; color: #f3e8e4; margin-bottom: 0.5em !important; } .footer-contact-details { font-size: 14px; color: #e9d2cc; line-height: 16px; font-weight: normal; margin-bottom: 20px; } .footer-contact-details a { color: #e9d2cc !important; font-weight: normal; } .footer-contact-details a:hover { color: #fff !important; } #address1 h2, #address2 h2 { margin-bottom: 15px; } /*======================================================================================================================= = homepage banner ========================================================================================================================*/ #banner-strip { width: 100%; background: #f4f4f4; clear: both; } #banner-area { margin: 0 auto; max-width: 940px; } /* --------------------------------------------------------------------------------- 240px --------------------------*/ @media only screen and (min-width:240px) { .banner-left { width: 100%; margin: 0; font-size: 1px; } .banner-right { width: 100%; margin: 0; text-align: center; padding: 0 0 20px 0; } .banner-right p { font-family: "CartoGothicStdBold", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 0.8em; color: #404040; display: block; margin-bottom: 10px; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } } /* --------------------------------------------------------------------------------- 360px --------------------------*/ @media only screen and (min-width:360px) { .banner-right p { font-size: 28px; /*line-height: 1em;*/ display: inline; } } /* --------------------------------------------------------------------------------- 640px --------------------------*/ @media only screen and (min-width:640px) { .banner-left { width: 77%; max-width: 717px; /*max-width: 628px;*/ float: left; margin: 0; padding: 0; } .banner-right { width: 20%; float: left; margin: 0 3% 0 0; text-align: right; padding: 5px 0; } .banner-right p { font-size: 32px; text-align: right; display: block; margin-left: 5%; } .banner-right p.firstline { margin-top: 1.4em; /*margin-right: 15px;*/ } } /* --------------------------------------------------------------------------------- 770px --------------------------*/ @media only screen and (min-width:770px) { .banner-right p { font-size: 28px; display: block; } .banner-right p.firstline { margin-top: 2em; } } /* --------------------------------------------------------------------------------- 940px --------------------------*/ @media only screen and (min-width:940px) { .banner-right { margin: 0; margin-top: 50px; } .banner-right p { line-height: 0.8em; } .banner-right p.firstline { margin-top: 1em; margin-right: 0; } } /*======================================================================================================================= = contact page ========================================================================================================================*/ @media only screen and (min-width:240px) { /*#address1 { clear: both; width: 100%; float: none; margin-right: 0; margin-bottom: 20px; } #address2 { width: 100%; float: none; margin-right: 3%; }*/ #address1 { clear: both; width: 100%; float: none; margin-right: 0; margin-bottom: 20px; } #address2 { width: 100%; float: none; margin-right: 3%; } /*.contact-details-block { width: 95%; float: none; }*/ } @media only screen and (min-width:720px) { #address1 { clear: both; width: 35.5%; float: left; margin-right: 9%; margin-bottom: 0; } #address2 { width: 55.5%; float: left; margin-right: 0; } /*#address1 { clear: both; width: 45.5%; float: left; margin-right: 9%; margin-bottom: 0; } #address2 { width: 45.5%; float: left; margin-right: 0; } .contact-details-block { width: 33%; float: left; }*/ } /*======================================================================================================================= = newsletter signup ========================================================================================================================*/ #newsletter-banner { background: rgb(67,99,136); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNjM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTM5NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(67,99,136) 0%, rgb(41,57,76) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(67,99,136)), color-stop(100%,rgb(41,57,76))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(67,99,136) 0%,rgb(41,57,76) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#436388', endColorstr='#29394c',GradientType=0 ); /* IE6-8 */ /* */ padding-bottom: 3px; } #newsletter-banner #left { width: 65%; margin: 15px 0 0 4%; float: left; } #newsletter-banner #right { width: 29%; margin: 15px 0 0 0; float: right; } #newsletter-banner #left p.headline1 { color: #fff; font-size: 24px; font-family: "CartoGothicStdBold", Arial, Helvetica, sans-serif; margin-bottom: 0; } #newsletter-banner #left p span { color: #b9bfc5; font-size: 12px; font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; line-height: 14px; margin: 10px 0; display: block; } a.button_newsletter { font-family: "CartoGothicStdBold", Arial, Helvetica, sans-serif; font-size: 25px; line-height: 27px; padding: 7px 0; width: 90%; /*float: right;*/ text-align: center; margin: 0; text-decoration: none; text-transform: uppercase; color: #fff; font-weight: bold; /*white-space: nowrap;*/ -moz-border-radius: 5px; border-radius: 5px; /* float: right;*/ display: block; /* margin:0 0 20px 20px;*/ background: rgb(161,110,81); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExNmU1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NDUwM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(161,110,81) 0%, rgb(116,80,59) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(161,110,81)), color-stop(100%,rgb(116,80,59))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(161,110,81) 0%,rgb(116,80,59) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(161,110,81) 0%,rgb(116,80,59) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(161,110,81) 0%,rgb(116,80,59) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(161,110,81) 0%,rgb(116,80,59) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a16e51', endColorstr='#74503b',GradientType=0 ); /* IE6-8 */ /* */ -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.31); -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.31); box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.31); -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } a.button_newsletter:hover { /*background: #8c5f46;*/ background: rgb(188,131,96); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjODM2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MzcyNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(188,131,96) 0%, rgb(147,114,75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(188,131,96)), color-stop(100%,rgb(147,114,75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(188,131,96) 0%,rgb(147,114,75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(188,131,96) 0%,rgb(147,114,75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(188,131,96) 0%,rgb(147,114,75) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(188,131,96) 0%,rgb(147,114,75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc8360', endColorstr='#93724b',GradientType=0 ); /* IE6-8 */ } @media only screen and (min-width:240px) { #newsletter-banner #left { width: 92%; margin: 15px 0 0 4%; float: left; } #newsletter-banner #right { width: 90%; margin: 0 auto; clear: both; float: none; } a.button_newsletter { width: 100%; display: block; margin-bottom: 10px; } #newsletter-banner #left p.headline1 { font-size: 16px; line-height: 16px; } #image-holder-newsletter-signup { float:left; margin-right: 14px; width: 80px; } } @media only screen and (min-width:480px) { #newsletter-banner #left p.headline1 { font-size: 18px; line-height: 18px; } #image-holder-newsletter-signup { width: 95px; } } @media only screen and (min-width:640px) { #newsletter-banner #left { width: 65%; margin: 15px 0 0 4%; float: left; } #newsletter-banner #right { width: 29%; margin: 15px 0 0 0; float: right; clear: none; } a.button_newsletter { width: 80%; } #image-holder-newsletter-signup { width: 134px; margin-right: 20px; } } @media only screen and (min-width:740px) { #newsletter-banner #left { width: 72%; } #newsletter-banner #right { width: 22%; } #newsletter-banner #left p.headline1 { font-size: 24px; line-height: 26px; } } @media only screen and (min-width:940px) { #newsletter-banner #left p.headline1 { font-size: 26px; line-height: 28px; } a.button_newsletter { width: 90%; } } /*======================================================================================================================= = social responsibility block ========================================================================================================================*/ /* --------------------------------------------------------------------------------- 240px --------------------------*/ @media only screen and (min-width:240px) { .social-responsibility { width: 100%; margin: 30px auto; background: #efefef; overflow: hidden; } .social-responsibility-image, .social-responsibility-text, .social-responsibility-button { float: none; } .social-responsibility-image { width: 100%; margin: 15px auto 0; } .social-responsibility-image img { width: 100%; max-width: 100%; height: auto; } .social-responsibility-text { width: 90%; margin: 0 auto; text-align: left; } /* .social-responsibility-button { width: 85%; } .social-responsibility-button a { color: #fff !important; text-decoration: none; padding:10px 40px; background: #000; margin: 10px auto; color: #fff !important; -moz-border-radius: 5px; border-radius: 5px; text-align: center; white-space: nowrap; display: block; -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } .social-responsibility-button a:hover { background: #333; } */ .social-responsibility-text h4 { font-family: "CartoGothicStdBold"; font-size: 18px; line-height: 20px; margin: 0 0 6px 0; } p.socialp { line-height: 17px; margin-bottom: 5px; } .social-responsibility a { font-family: "CartoGothicStdBook"; color: #436388; text-decoration: underline; line-height: 17px; margin-bottom: 15px; display: block; } } /* --------------------------------------------------------------------------------- 360px --------------------------*/ @media only screen and (min-width:360px) { .social-responsibility-image, .social-responsibility-text, .social-responsibility-button { float: left; } .social-responsibility-image { width: 40.5%; margin: 0 2.5% 0 0; float: left; } .social-responsibility-text { width: 90%; margin: 10px 0 0 2.5% ;/*margin: 10px 2.5% 0 0;*/ text-align: left; } .social-responsibility-button { clear: both; float: none; margin: 10px auto; } } /* --------------------------------------------------------------------------------- 640px --------------------------*/ @media only screen and (min-width:640px) { .social-responsibility-image, .social-responsibility-text, .social-responsibility-button { float: left; } .social-responsibility-image { width: 30.5%; } .social-responsibility-text { /*width: 67%;*/ margin: 10px 0 0 2.5% ;/*margin: 10px 2.5% 0 0;*/ text-align: left; } .social-responsibility-button { clear: none; float: left; width: 22.5%; margin: 10px 0 0 2.5%; } .social-responsibility-button a { color: #fff !important; padding:10px 20px; } } /* --------------------------------------------------------------------------------- 770px --------------------------*/ @media only screen and (min-width:770px) { .social-responsibility-image { width: 20.5%; } .social-responsibility-button a { color: #fff !important; padding:10px 40px; } } /*======================================================================================================================= = downloads ========================================================================================================================*/ a.downloadlink { background: url("images/download.gif") no-repeat center left; left: -20px; font-size: 16px; color: #666; margin: 0; padding: 12px 0 10px 25px; display: block; border-bottom: 1px solid #ccc; text-decoration: none; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } a.downloadlink:hover { margin-left: 15px; } a.downloadlink span { font-size: 14px; color: #666; font-weight: normal; font-style: italic; text-decoration: none; } a.downloadlink-doc { background: url("images/download-doc.gif") no-repeat center left; left: -20px; font-size: 16px; color: #666; margin: 0; padding: 12px 0 10px 25px; display: block; border-bottom: 1px solid #CCC; text-decoration: none; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } a.downloadlink-doc:hover { margin-left: 15px; } a.downloadlink-doc span { font-size: 14px; color: #666; font-weight: normal; font-style: italic; text-decoration: none; } a.downloadlink-powerpoint { background: url("images/download-powerpoint.gif") no-repeat center left; left: -20px; font-size: 16px; color: #666; margin: 0; padding: 12px 0 10px 25px; display: block; border-bottom: 1px solid #CCC; text-decoration: none; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } a.downloadlink-powerpoint:hover { margin-left: 15px; } a.downloadlink-powerpoint span { font-size: 14px; color: #666; font-weight: normal; font-style: italic; text-decoration: none; } a.downloadlink-excel { background: url("images/download-excel.gif") no-repeat center left; left: -20px; font-size: 16px; color: #666; margin: 0; padding: 12px 0 10px 25px; display: block; border-bottom: 1px solid #CCC; text-decoration: none; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; transition: all .2s linear; } a.downloadlink-excel:hover { margin-left: 15px; } a.downloadlink-excel span { font-size: 14px; color: #666; font-weight: normal; font-style: italic; text-decoration: none; } /*======================================================================================================================= = mailchimp signup page ========================================================================================================================*/ .page-id-123 #mailchimpsf_widget-3 { margin: 30px 0 50px 0; } .page-id-123 #mailchimpsf_widget-3 h1 { display: none; } .page-id-123 #content #mc_signup_form .mc_var_label { color: #333; } .page-id-123 #content #mc_signup_form .mc_input { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 14px; background: #efefef; border: none; width: 100%; } .page-id-123 #content #mc_subheader { color: #333 !important; } .page-id-123 #content form#mc_signup_form { width: 40% !important; background: transparent !important; border: none !important; margin: 20px 0; } /*======================================================================================================================= = tabs for contact page (not used at present) ========================================================================================================================*/ .etabs { margin: 0; padding: 0; } .tab { display: inline-block; background: #eee; border: none; } /* zoom:1; *display:inline; */ /*.tab a { font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; text-decoration: none; }*/ .tab a:hover { text-decoration: none; color: #000;} .tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border: solid 1px #999; border-bottom: solid 2px #fff; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;} .tab a.active { font-weight: bold; } .tab-container .panel-container { background: #fff; border: solid #ccc 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } .panel-container { overflow: auto; } .tab a { font-family: "CartoGothicStdBold", Arial, Helvetica, serif; font-size: 2.1rem; margin: 0.4em 0.8em; display: block; /*line-height: 2.1rem;*/ -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; text-decoration: none !important; } .tab-container .panel-container { background: white; border: solid #CCC 1px; padding: 30px 20px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } @media only screen and (min-width:240px) { .tab { width: 49%; float: left; } /* zoom:1; *display:inline; */ .tab a { font-size: 1.1rem; } } @media only screen and (min-width:720px) { .tab { width: auto; float: none; } /* zoom:1; *display:inline; */ .tab a { font-size: 2.1rem; } } /*======================================================================================================================= = visual form builder forms ========================================================================================================================*/ .vfb-legend h3 { text-transform: none; color: #666; } .visual-form-builder fieldset { background-color: #fff; border-radius: 3px; border: 1px solid #E9E9E9; margin: 15px 0; clear: both; } @media only screen and (min-width:240px) { input.vfb-medium, select.vfb-medium { width: 100%; } } @media only screen and (min-width:640px) { input.vfb-medium, select.vfb-medium { width: 50%; } } /*======================================================================================================================= = important dates block ========================================================================================================================*/ /* --------------------------------------------------------------------------------- 240 --------------------------*/ @media only screen and (min-width:240px) { #important-dates-arrow { width: 100%; float: none; height: 55px; background: url('images/important-dates-arrow-mobile.png') no-repeat bottom center; margin-right: 3%; padding-top: 10px; } #important-dates-arrow p { clear: both; display:inline; margin: 0; font-weight: bold; font-family: Arial; line-height: 1.4em; color: #fff; font-size: 1.2em; text-align: center; /* text-shadow: 2px 2px #222; */ } /* background: url('images/important-dates-arrow.png') no-repeat top right; */ .important-dates-item { float: none; margin: 0; clear: both; } .important-dates-dates { width: 90%; float: none; padding-top: 10px; clear: both; margin: 0 auto; } /* */ important-dates-item { float: left; margin: 0; clear: none; } .important-dates-date { position: relative; float:left; } .important-dates-date-month { position: absolute; top:0; left: 0;width: 66px; margin:2px auto 0; } .important-dates-date-month p { margin: 0 auto; font-family: verdana; font-weight: bold; font-size: 0.55em; margin:0; text-align: center; color: #fff;/* color: lightgrey;*/ } .important-dates-date-day { position: absolute; top:0; left: 0; width: 66px;margin: 32px auto 0; } .important-dates-date-day p { margin: 0 auto;font-family: Arial; font-weight: bold; font-size: 2.3em; text-align: center; color: #000;/*lightgrey;*/ } .important-dates-bg { width: 66px; } .important-dates-event { float:left; width: 41%; margin-left: 5%; padding-top: 5px; } .important-dates-event p { font-family: CartoGothicStdBook, Arial, Helvetica, serif; font-size:15px; line-height: 15px; } .dates-1, .dates-2, .dates-3, .dates-4 { width: 100%; } /*.dates-2, .dates-3, .dates-4 { width: 50%; }*/ .date-past div div p { color: lightgrey; } .date-past div.important-dates-event p { color: grey; } .date-past div p { color: lightgrey; } #important-dates { background: lightgrey; width: 100%; max-width: 940px; margin: 0 auto 25px; clear: both; margin-bottom: 30px; } } /* --------------------------------------------------------------------------------- 440 --------------------------*/ @media only screen and (min-width:440px) { .important-dates-item { float: left; margin: 0; clear: none; } .dates-1, .dates-2, .dates-3, .dates-4 { width: 50%; } #important-dates { background: lightgrey; width: 100%; max-width: 940px; margin: 0 auto; margin-bottom: 30px; } } /* --------------------------------------------------------------------------------- 680 --------------------------*/ @media only screen and (min-width:780px) { .important-dates-item { float: left; margin: 0; clear: none; } .dates-1 { width: 100%; } .dates-2 { width: 50%; } .dates-3 { width: 33%; } .dates-4 { width: 25%; } .important-dates-dates { /*width: 79%;*/ float: left; float: none; padding-top: 10px; clear: none !important; } /*#important-dates-arrow { width: 18%; float: left; height: 90px; background: url('images/important-dates-arrow.png') no-repeat top right;margin-right: 3%; padding-top: 0; } #important-dates-arrow p { clear: both; display: inline; margin: 0; font-weight: bold; font-family: Arial; line-height: 1.4em; color: #fff; font-size: 1em; text-align: left; width: 106px; } */ } /* --------------------------------------------------------------------------------- 820 --------------------------*/ @media only screen and (min-width:870px) { #important-dates-arrow { width: 15%; float: left; height: 80px;background: url('images/important-dates-arrow.png') no-repeat top right;margin-right: 3%; } #important-dates-arrow p { clear: none; display:block; margin: 10px 0 0 10px; font-weight: bold; line-height: 0.6em; font-family: Arial; color: #fff; font-size: 0.9em; text-align: left; /* text-shadow: 2px 2px #222; */ } #important-dates-arrow p { font-size: 1em; } .important-dates-dates { width: 82%; float: left; padding-top: 10px; clear: none !important; } } /* --------------------------------------------------------------------------------- 960 --------------------------*/ @media only screen and (min-width:960px) { #important-dates-arrow { width: 15%; float: left; height: 80px;background: url('images/important-dates-arrow.png') no-repeat top right;margin-right: 3%; } #important-dates-arrow p { font-size: 1.2em; } .important-dates-dates { width: 82%; float: left; padding-top: 10px; clear: none !important; } } .button_talk_to_us { } /* ========================= SORT THESE OUT =================================================*/ .menu-sitemap { color: #a16e51 } h1.promo-heading { font-family: "CartoGothicStdBold", Arial, Helvetica, serif; font-size: 3em; line-height: 1.1em; } h2.promo-subheading { font-family: "CartoGothicStdItalic", Arial, Helvetica, serif; font-size: 1.8em; color: #aaa; } ul#contact-logos li img { width: 100%; height: auto; } ul#contact-logos { padding: 0; margin: 0 auto; } ul#contact-logos li { list-style: none; padding: 0; } @media only screen and (min-width:240px) { ul#contact-logos { max-width: 270px; } ul#contact-logos li { float: none; margin: 0 auto; } .chartered-accountants { width: 88.99%; } .financial-services { width: 59.12%; } .trust-management { width: 64.53%; } /*.estate-administrators { width: 71.14%;}*/ .b-verified { width: 57.55%; } .payroll-worx { width: 84.13%; } .ovenshaw { width: 71.14%;} } @media only screen and (min-width:440px) { ul#contact-logos { max-width: 550px; } ul#contact-logos li { float: left; margin: 0; } .chartered-accountants { width: 41.78%; } .financial-services { width: 27.76%; } .trust-management { width: 30.3%; } /*.estate-administrators { width: 33.4%; clear: both;}*/ .ovenshaw { width: 33.4%; clear: none;} /*clear: both;*/ .payroll-worx { width: 39.5%; } .b-verified { width: 27.02%; } } @media only screen and (min-width:962px) { ul#contact-logos { max-width: 960px; } ul#contact-logos li { float: left; } .chartered-accountants { width: 20.89%; } .financial-services { width: 13.88%; } .trust-management { width: 15.15%; } /*.estate-administrators { width: 16.80%; clear: none;}*/ .ovenshaw { width: 16.80%; clear: none;} .payroll-worx { width: 19.75%; } .b-verified { width: 13.51%; } } select { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 18px; margin-bottom: 18px; } h2 a { text-decoration: none; } h2 a:hover { text-decoration: none; color: #111; } /* css for absolute getaways competition */ .absolute { text-align: center; margin: 0 auto; line-height: 60px; width: 80%; } .type1 { font-family: "CartoGothicStd", Arial, Helvetica, serif; font-size: 25px; color: #666; line-height: 33px; } .type1 strong { font-family: "CartoGothicStdBold", Arial, Helvetica, serif; font-size: 32px; /*color: #333;*/ line-height: 30px; } .type2 { font-family: "CartoGothicStdBold", Arial, Helvetica, serif; font-size: 32px; color: #333; line-height: 40px; margin: 20px auto; } .type3 { font-family: "CartoGothicStdBold", Arial, Helvetica, serif; font-size: 75px; color: #f38b10; line-height: 75px; letter-spacing: -2px; text-transform: uppercase; margin: 10px auto 20px; } .type4 { font-family: "CartoGothicStd", Arial, Helvetica, serif; font-size: 30px; color: #999; } /* comment gravatar fix */ .comment-author { width: 60px; height: 60px; float: left; margin-right: 10px; } ul li ul li { font-family: "CartoGothicStdBook"; font-size: 14px; margin-top: 1px; line-height: 17px; text-align: left; color: #636363; } .services_homepage a img { opacity:1; /* -moz-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease;*/ } .services_homepage a:hover img { opacity: 0.8; } /* form for B-Verfied */ #wpcf7-f1527-p1531-o1 div.wpcf7 { margin: 0; padding: 0; width: 50% !important; margin: 0 auto !important; } #wpcf7-f1527-p1531-o1 input[type=text], input[type=email] { padding: 3px; width: 100%; padding: 10px !important; } #wpcf7-f1527-p1531-o1 select { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 0px; margin-bottom: 8px !important; width: 105% !important; margin: 0 !important; padding: 10px !important; } input[type="submit"] { width: 105% !important; } /* for B-verfied 2 */ .postid-1531 .removeme { display:none !important; } #bv-boxes div { width: 100%; margin: 10px 0; float: none; } @media only screen and (min-width:800px) { #bv-boxes div { width: 31%; margin: 10px 1%; float: left; } } .tagline { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 27px; color: #4c4c4c; margin: 10px auto; text-align: center; width: 60%; /* float: left; */ float: none; } .postid-1531 a.button_quote { /* font-size: 22px; */ display: inline-block; /* float: none; */ margin: 20px 20% 0; padding: 10px 15px; /* float: right; */ font-size: 25px; text-align: center; width: 60%; padding: 15px 0; margin: 10px 20%; } @media only screen and (min-width: 1030px) { .postid-1531 a.button_quote { /* font-size: 22px; */ /* display: inline; */ /* float: none; */ margin: 10px 20px 0 0; padding: 10px 15px; /* float: right; */ font-size: 25px; text-align: center; width: 30%; } .tagline { font-family: "CartoGothicStdBook", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 27px; color: #4c4c4c; margin: 10px auto; text-align: center; width: 60%; float: left; } } /* custom B-Verfied service page css */ #b-verified-blocks div { width: 100%; margin: 10px auto; float: none; text-align:center; } @media only screen and (min-width:600px) { #b-verified-blocks div { width: 31%; margin: 10px 1%; float: left; } }