/****************************************************************** Theme Name: Martin Transport Theme URI: Description: This is child theme that uses the Bones theme as it's parent but strips out all the unnecessary gunk it comes with and also includes some extra goodies. Website Designs and Developed by Curran & Connors Author: C&C Author URI: http://www.curran-connors.com Version: 1.7 Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support Template: bones License: WTFPL License URI: http://sam.zoy.org/wtfpl/ ------------------------------------------------------------------ */ /********************************************* FONTS *********************************************/ @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=77213d0b-aaa3-44e0-a77d-b8f668aa1e0b"); @font-face{ font-family:"Avenir Book"; src:url("dev-template/css/fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix"); src:url("dev-template/css/fonts/710789a0-1557-48a1-8cec-03d52d663d74.eot?#iefix") format("eot"),url("dev-template/css/fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("dev-template/css/fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff"),url("dev-template/css/fonts/c70e90bc-3c94-41dc-bf14-caa727c76301.ttf") format("truetype"); } @font-face{ font-family:"Avenir Roman"; src:url("dev-template/css/fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix"); src:url("dev-template/css/fonts/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix") format("eot"),url("dev-template/css/fonts/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"),url("dev-template/css/fonts/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff"),url("dev-template/css/fonts/9bdf0737-f98c-477a-9365-ffc41b9d1285.ttf") format("truetype"); } @font-face{ font-family:"Avenir Medium"; src:url("dev-template/css/fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix"); src:url("dev-template/css/fonts/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot"),url("dev-template/css/fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),url("dev-template/css/fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"),url("dev-template/css/fonts/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype"); } @font-face{ font-family:"Avenir Heavy"; src:url("dev-template/css/fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix"); src:url("dev-template/css/fonts/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"),url("dev-template/css/fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("dev-template/css/fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"),url("dev-template/css/fonts/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"); } /**********************************************/ html,body { font-family: "Arial", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; } /********************************************* HTML5 **********************************************/ article, aside, figure, footer, header, nav, section {display: block;} /********************************************* GENERAL **********************************************/ html, body { height:100%; width: 100%; margin:0; padding:0; } body { background-color: #fff; font-family: "Avenir Roman", sans-serif; } a, a .fa { -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease; } /* button, .wpcf7-form-control.wpcf7-submit, */ a:hover { text-decoration: underline; } a:focus, button:focus,input:focus, optgroup:focus, select:focus, textarea:focus { outline: 0px none !important; } hr { clear: both; border-top: solid 1px #848f8f; border-bottom: solid 1px #e6e0da; height: 3px; border-left: 0; border-right: 0; width: 100%; margin: 40px auto; } h1 { font-family: "Avenir Roman", sans-serif; font-style: normal; font-weight: 400; color: #ffffff; font-size: 34px; } h2 { font-family: "Avenir Roman", sans-serif; font-style: normal; font-weight: 400; color: #4ABDE2; font-size: 30px; } h3 { font-family: "Avenir Roman", sans-serif; font-style: normal; font-weight: 400; color: #B4111A; font-size: 24px; margin-bottom: 0; } h4 { font-family: "Avenir Roman", sans-serif; font-style: normal; font-weight: 400; color: #4ABDE2; font-size: 18px; } h5 { font-weight: 400; color: #203962; font-size: 18px; } h6 { font-weight: 700; color: #203962; font-size: 16px; } strong, b { font-weight: 700; } h1.page-title { color: #B4111A; font-size: 34px; margin: 0; } .noPadL, .first { padding-left: 0 !important; } .noPadR, .last { padding-right: 0 !important; } .noPad { padding-left: 0 !important; padding-right: 0 !important; } .noPadC { padding-left: 7px !important; padding-right: 8px !important; } .xPad { padding-left: 30px !important; padding-right: 30px !important; } .xPadR { padding-right: 30px !important; } .xxPadR { padding-right: 16.6667% !important; } .text-uppercase { text-transform:uppercase; } a.preload { background-position:-99999px -99999px; background-repeat:no-repeat; } .margin-auto { margin:0 auto; } .noScroll { overflow:hidden; } .fixed { position:fixed; } .absolute { position:absolute; } .relative { position:relative; } .static { position:static; } .vcentered { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; } .clear { clear: both; } /********************************************* NAVIGATION Good for main navs, footer navs, etc... **********************************************/ #mobile_menu { display: none; } #menu-main-navigation-1 { padding-left: 0 !important; padding-right: 0 !important; margin-top: 0; } #menu-main-navigation-1 > li { display: inline-block; position: relative; } #menu-main-navigation-1 > li a { display: block; line-height: 92px /*106px*/; margin-top: 14px; padding: 0 12px; } #menu-main-navigation-1 > li.menu-item-has-children > a:after { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 3px; } #menu-main-navigation-1 > li a { color: #555; font-size: 16px; position: relative; } #menu-main-navigation-1 > li.bolden a { color: #003D7D; font-size: 16px; text-transform: uppercase; font-weight: 800; } #menu-main-navigation-1 > li a:focus, #menu-main-navigation > li a:active { text-decoration: none; outline: 0 none !important; } #menu-main-navigation-1 > li a:hover { color: #003D7D; } #menu-main-navigation-1 > li a:hover::after { content: ""; background-color: #003D7D; display: block; height: 2px; width: calc(100% - 24px); position: absolute; bottom: 38%; } #menu-main-navigation-1.menu-item-has-children .fa { display: inline-block; padding: 0 5px; line-height:106px; vertical-align: bottom; font-size: 12px; } #menu-main-navigation-1 #menu-item-search a .fa { display: inline-block; font-size: 11px; padding: 0 0 0px 2px; line-height: 104px; vertical-align: top; } #menu-main-navigation-1 #menu-item-search a.opended .fa { padding: 0; font-size: 13px; } #menu-main-navigation-1 > li.current_page_item > a, #menu-main-navigation-1 > li.current_page_ancestor > a { color: #B4111A; } #menu-main-navigation-1 > li.current_page_item a:after, #menu-main-navigation-1 > li.current_page_item a:hover::after { content: ""; background-color: #B4111A; display: block; height: 2px; width: calc(100% - 24px); position: absolute; bottom: 38%; } #menu-main-navigation-1 > li .sub-menu { display: none; position: absolute; padding: 0; margin: 0; width: 232%; top: 85px; left: 0; background: #fff; } #menu-main-navigation-1 > li.top_property_search .sub-menu-wrap { display:none; position:absolute; top:85px; left:-42%; width:168%; } #menu-main-navigation-1 > li.top_property_search .sub-menu-wrap:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 5px 6px 5px; position: absolute; top: -6px; left: 48%; border-color: transparent transparent #F0D452 transparent; } #menu-main-navigation-1 > li.top_property_search .sub-menu-wrap .sub-menu { display: block; position: absolute; padding: 0; margin: 0; top: 0; left: 0; width: 100% !important; max-height: 420px !important; overflow-y: auto !important; } #menu-main-navigation-1 > li.top_property_search .sub-menu-wrap .sub-menu li a { border-bottom: 0 !important; } #menu-main-navigation-1 > li.top_property_search .sub-menu-wrap .sub-menu:before { content: ""; width: 0; height: 0; border-style:solid; border-width:0; position: absolute; top: -6px; left: 0; border-color: transparent; } #menu-main-navigation-1 > li .sub-menu li { list-style: none; padding: 0; margin: 0; border-top: 1px solid #ddd; } #menu-main-navigation-1 > li .sub-menu li:first-child { border: 0; } #menu-main-navigation-1 > li .sub-menu li a { line-height: 1.3em; text-align: left; padding: 12px; } #menu-main-navigation-1 > li .sub-menu li:hover a, #menu-main-navigation-1 > li .sub-menu li a:hover { text-decoration: none; } #menu-main-navigation-1 .menu-item-has-children .sub-menu li a .fa { display: none; } #menu-main-navigation-1 > li a:hover + .sub-menu, #menu-main-navigation-1 > li:hover .sub-menu, #menu-main-navigation-1 > li a:hover + .sub-menu-wrap, #menu-main-navigation-1 > li:hover .sub-menu-wrap { display: block; } .sub-menu::-webkit-scrollbar { width: 8px; } .sub-menu::-webkit-scrollbar-track { background-color: transparent; } .sub-menu::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 3px; } .sub-menu::-webkit-scrollbar-button { background-color: transparent; } .sub-menu::-webkit-scrollbar-corner { background-color: black; } /********************************************* PAGE STRUCTURE **********************************************/ /* HEADER */ header { position: relative; z-index: 1515; height: 106px; } header #upper-header { background: url(images/upper_header_bg.png) repeat-y center; background-size: contain; -o-background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; height: 0; overflow: hidden; } header #upper-header .container { position: relative; height: 100%; } /* header #upper-header .container:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; position: absolute; bottom: -6px; right: 50px; border-color: rgba(248,216,113,0.9) transparent transparent transparent; right: 191px;}*/ #menu-main-navigation-1 #menu-item-search a.opended:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 5px 0 5px; position: absolute; top: 0; border-color: rgba(248,216,113,0.9) transparent transparent transparent; } #s::-webkit-input-placeholder { font-size: 14px; font-weight: 300; color: #344343; } #s::-moz-placeholder { font-size: 14px; font-weight: 300; color: #344343; } #s:-ms-input-placeholder { font-size: 14px; font-weight: 300; color: #344343; } #s:-moz-placeholder { font-size: 14px; font-weight: 300; color: #344343; } header #logo { height: 106px; position: relative; } header #logo img { display: block; position: absolute; margin: auto; top: 0; bottom: 0; height: 84px; width: auto; } header #logo div { display: block; position: absolute; margin: auto; top: 0; bottom: 0; height: 50px; width: auto; left: 75px; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 12px; } header #logo div span { display: block; font-size: 24px; font-style: italic; text-transform: none; } #top_dets { position: absolute; width: 100%; top: 0; right: 0; text-align: right; font-style: italic; color: #555; font-size: 10px; z-index: 8888; } #top_dets span { display: inline-block; padding: 0 12px; line-height: 2.4em; font-size: 12px; vertical-align: sub; } #top_dets a[href^="tel"] { color: inherit; } /* MAIN CONTENT SECTIONS */ .page-template-default #main, .single #main, .search #main { position: relative; } #banner_underlay { position: relative; top: 0; background: url(images/banner_overlay.png) no-repeat center; background-size: cover; } #banner { width: 100%; height: 360px; } #banner_underlay h1.page-title.container { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; line-height: 2.3em; } #nobanner { position: absolute; height: 440px; top: 0; left: 0; width: 100%; } article.hentry { padding-top: 0; padding-bottom: 124px; } .page-template-default article.hentry { background-color: #fff; } .section_content1 { margin-top: -3em; } .section_content1.no-banner { margin-top: 0; padding-top: 120px; } h1 + h4 { font-size: 24px; color: #040707; } .entry-content.about h3 { margin: 48px 0 24px; } .entry-content.about h4 { font-family: "roboto", sans-serif; font-style: normal; font-weight: 700; font-size: 18px; color: #203962; } .entry-content ul { margin-left: 0; padding-left: 1em; position: relative; } .entry-content p, .entry-content li { font-size: 18px; line-height: 30px; font-weight: 400; color: #555; } .entry-content h1 + p { margin-top: 0; } .entry-content p + h3 { margin-top: 2em; } .entry-content.about h3 a, .entry-content.about h4 a, .entry-content.about h5 a { color: inherit; text-decoration: underline; } .entry-content.about h3 a:hover, .entry-content.about h4 a:hover, .entry-content.about h5 a:hover { color: #203962; } .entry-content.careers { max-width: 700px; } .entry-content .sidebar { margin-top: 72px; } .entry-content.products .sidebar { margin-top: 184px; } .entry-content.environmental-health-safety .sidebar { margin-top: 188px; } .entry-content.contact-information .sidebar { margin-top: 140px; } .entry-content .sidebar h4 { color: #B4111A; font-size: 18px; font-family: "Avenir Medium"; margin-bottom: 0; position: relative; line-height: 24px; } .entry-content .sidebar h4 a.fclear { position: absolute; right:0; font-size: 12px; color: #003D7D; padding-right: 16px; line-height: 24px; top:0; background: url(images/close-x.png) no-repeat center right; } .entry-content .sidebar p { font-size: 14px; line-height: 24px; margin: 0.5em 0; } .entry-content .sidebar p a { color: #003D7D; } .entry-content .sidebar p a:after { content: "\f105"; font: normal normal normal 16px/1 FontAwesome; text-rendering: auto; -moz-osx-font-smoothing: grayscale; padding-left: 3px; font-size: 18px; display: inline-block; vertical-align: sub; position: relative; bottom: 1px; } .sidebar .contact_filter, .sidebar .terminal_filter { margin: 0 0 3em; padding: 0; } .sidebar .contact_filter a, .sidebar .terminal_filter a { cursor: pointer; display: block; position: relative; z-index: 888; padding-left: 10px; } .sidebar .contact_filter li, .sidebar .terminal_filter li { position: relative; border-bottom: 1px solid #ddd; font-size: 16px; } .sidebar .contact_filter li:hover, .sidebar .terminal_filter li:hover { background-color: #ddd; } .sidebar .contact_filter li a:hover, .sidebar .terminal_filter li a:hover { color: #555; text-decoration: none; } .sidebar .contact_filter li.active_link a, .sidebar .contact_filter li.active_link strong, .sidebar .terminal_filter li.active_link a, .sidebar .terminal_filter li.active_link strong { color: #B4111A; } .sidebar .contact_filter li:before, .sidebar .terminal_filter li:before { content: ""; } .sidebar .contact_filter li strong, .sidebar .terminal_filter li strong { position: absolute; right: 15px; top: 0; font-weight: 400; z-index: 890; } .entry-content .sidebar .wp-caption a { display: block; margin-left: -4px; padding-bottom: 3em; } .entry-content .sidebar .wp-caption-text { color: #203962; font-size: 14px; line-height: 20px; font-weight: 700; margin-top: -2.5em; } .entry-content .sidebar .wp-caption-text:after { content: "\f1c1"; color: #FA8809; display: inline-block; font-size: inherit; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; padding-left: 6px; } .entry-content .sidebar .wp-caption a:hover + .wp-caption-text { text-decoration: underline; } .pdf_instr p { font-size: 15px; line-height: 34px; font-family: "Avenir Roman"; margin: 7px 0; } .pdf_instr p a { color: inherit; } #home_content p a:after { content: "\f105"; display: inline-block; font: normal normal normal 18px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 4px; transition: all 400ms; } #home_content p a:hover::after { transform: translateX(8px); } p { font-weight: 400; color: #203962; font-size: 18px; line-height: 30px; } p.leading { color: #003D7D; font-family: "Avenir Medium"; } p a { color: #003D7D; text-decoration: underline; font-family: "Avenir Medium"; } p a:hover { color: #003D7D; } .entry-content li { list-style: none; padding-left: 0; margin-bottom: 0; } .entry-content li:before { content: "\f0da"; width: 0.5em; position: absolute; text-align: center; left: 0; display: inline-block; font: normal normal normal 12px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #003D7D; line-height: 30px; } .entry-content .allproducts { margin-left: -6px; margin-right: -6px; padding: 0;} .entry-content .allproducts li { padding: 0 6px; margin: 6px; height: 70px; border: 1px solid #ddd; display: inline-block; width: calc(33% - 16px); text-align: center; position: relative; vertical-align: top; } .entry-content .allproducts li div { /* position: absolute; */ margin: auto; top: 0; bottom: 0; right: 0; left: 0; font-family: "Avenir Heavy", sans-serif; font-size: 16px; line-height: 19px; } .entry-content .allproducts li:before { content: unset; } .entry-content small { font-size: 88%; } .entry-content small em, .entry-content em small { color: #203962; } a.caret-right { color: #203962; text-decoration: none; font-size: 14px; font-weight: 700; } a.caret-right:after { content: "\f0da"; color: #FA8809; display: inline-block; font-size: inherit; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; padding-left: 6px; } .career_btn { background: url(images/btn_arrow.png) no-repeat center; line-height: 80px; display: inline-block; text-transform: uppercase; padding: 0 20px; font-size: 16px; color: #000; text-align: center; font-family: "Avenir Heavy", sans-serif; } #board_members { margin: 15px -15px; } #board_members .block_wrap { display: block; border-left: 3px solid #ccc; border-bottom: 3px solid #ccc; background-color: #fff; min-height: 334px; padding: 15px; margin-bottom: 30px; } #board_members .block_wrap .img_ { min-height: 225px; } #board_members .block_wrap .content_ h3 { font-size: 18px; margin: 12px 0 4px; } #board_members .block_wrap .content_ p { color: #FA8809; font-size: 12px; line-height: 18px; text-transform: uppercase; margin: 0; } #board_members .block_wrap:hover,#board_members .block_wrap:active, #board_members .block_wrap:focus { text-decoration: none; border-left: 3px solid #D7D5CB; border-bottom: 3px solid #D7D5CB; } #board_members .block_wrap:hover .content_ h3 { text-decoration: underline; } #products { margin-top: 3em; } #products .prod { border: 1px solid #ddd; padding: 5px 15px 10px; margin: 1em 0; } #products .prod h5 { font-size: 16px; color: #000; font-family: "Avenir Heavy", sans-serif; margin: 15px 0 0 0; } #products .prod p { font-size: 16px; margin-top: 0.5em; } #contacts h3 { text-align: center; font-size: 20px; padding-top: 0.5em; clear: both; } #contacts .contact div { border: 1px solid #ddd; padding: 5px 15px 10px; margin: 1em 0; min-height: 348px; } #contacts .contact h5 { font-size: 16px; color: #000; font-family: "Avenir Heavy", sans-serif; margin: 15px 0 0 0; } #contacts .contact p { font-size: 16px; margin-top: 0.5em; } #terminals .terminal div { border: 1px solid #ddd; padding: 5px 15px 10px; margin: 1em 0; } #terminals .terminal h5 { font-size: 16px; color: #000; font-family: "Avenir Heavy", sans-serif; margin: 15px 0 0 0; } #terminals .terminal p { font-size: 16px; margin-top: 0.5em; margin-bottom: 0; } #terminals .terminal p + p { margin-top: 0; margin-bottom: 1em; } .col-sm-7m { width: 58.33333333%; height: 695px; display: inline-block; vertical-align: top; position: absolute; left: 0; padding-right: 15px; } .col-sm-5m { width: 41.66666667%; height: 695px; display: inline-block; vertical-align: top; position: absolute; right: 0 ; padding-right: 15px; padding-left: 15px; } /* .contact.management div, .contact.executive-management div, .contact div { min-height: 350px; } .contact.environmental div { min-height: 310px; } */ .search #main { padding-bottom: 44px; min-height: 480px; } .search .hentry { display: block; padding-top: 20px; padding-bottom: 24px; border-top: 1px solid #e4e8e8;} .search .search-title.entry-title { margin-bottom: 0.2em; } .search .search-title.entry-title a { color: inherit; } .archive-title { text-transform: capitalize; margin-top: 72px; margin-bottom: 44px; } .search-everything-highlight { font-weight: 600; } .container.search-results h4 a, .container.search-results a h4 { color: #040707; text-decoration: none; } .search .entry-content p, .container.search-results p a, .container.search-results a p { color: #61727a; text-decoration: none; } .container.search-results p a:hover, .container.search-results a:hover p { color: #61727a; text-decoration: none ; } .container.search-results h4.search-title.entry-title a:hover, .container.search-results .hentry a:hover h4.search-title.entry-title { color: #040707; text-decoration: none !important; } .search .hentry:hover { text-decoration: underline !important; } .excerpt-read-more { display: none; } .error404 { } .error404 #main { min-height: 79%; position: relative; } .error404 .article-header { font-size: 0; height: 200px; } .error404 .article-header h1 { font-size: 0; } .error404 .entry-content { padding-top: 84px; text-align: center; background: url(images/error404.png) no-repeat top center; } .error404 .entry-content h4 { font-size: 36px; text-transform: capitalize; font-weight: 400; text-align: center; margin-top: 0; color: #B4111A; } .error404 .entry-content p { font-size: 18px; font-weight: 300; color: #003D7D; } .btn404 { background: #B4111A url(images/simple-arrow.png) no-repeat right 20px center; display: inline-block; font-size: 16px; text-transform: uppercase; padding: 0 60px 0 20px; color: #fff; line-height: 60px; margin: 18px auto 0; } .btn404:hover { text-decoration: none; } .wpcf7-form { margin-top: 1em; padding-top: 2em; } .wpcf7-form label { display: block; border: 1px solid #ddd; font-size: 16px; font-family: "Avenir Heavy", sans-serif; width: 100%; padding: 0 20px; color: #000; position: relative; height: 54px; line-height: 50px; } .wpcf7-form label.tall { height: 130px; } label .wpcf7-form-control-wrap { display: inline-block; width: 70%; position: absolute !important; right: 20px; padding: 0 !important; } .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-tel, .wpcf7-form-control.wpcf7-email { display: inline-block; width: 100%; line-height:50px; padding:0 14px; margin: 0; border: 0; color: #555; box-shadow: none; border-radius: 0; font-size: 14px; font-family: "Avenir Roman", sans-serif; } .wpcf7-form-control.wpcf7-textarea { display: block; width: 100%; line-height: 1.3em; padding: 18px 14px; margin: 0; height: 126px; border: 0; color: #555; box-shadow: none; border-radius: 0; font-size: 14px; font-family: "Avenir Roman", sans-serif; } .wpcf7-form-control-wrap.member, .wpcf7-form-control-wrap.subject { display: block; border: 1px solid #CFD0D2; background-color: #ffffff; width: 100%; line-height: 50px; overflow: hidden; padding: 3px 14px 0; font-size: 16px; margin-top: 12px; position: relative; -webkit-box-shadow: 0px 2px 0px 0px #E9E7DE; -moz-box-shadow: 0px 2px 0px 0px #E9E7DE; box-shadow: 0px 2px 0px 0px #E9E7DE; border-radius: 6px; } .wpcf7-form-control-wrap.member .wpcf7-form-control.wpcf7-select, .wpcf7-form-control-wrap.subject .wpcf7-form-control.wpcf7-select { border: 0px none; color: #616469; background: transparent none repeat scroll 0% 0%; height: 44px; width: 110%; padding-left: 10px; position: relative; z-index: 9999; box-shadow: none; } .wpcf7-form-control-wrap.subject .wpcf7-form-control.wpcf7-select > option { border-bottom: 1px solid #CFD0D2; padding: 10px; } .wpcf7-form-control-wrap.member .fa, .wpcf7-form-control-wrap.subject .fa { position: absolute; top: 0; right: 0; line-height: 50px; width: 15%; background-color: #EFEFF0; text-align: center; font-size: 20px; color: #7D7F84; } .g-recaptcha { clear: both; } .wpcf7-form hr { margin-top: 32px; margin-bottom: 14px; border: 0; border-top: 1px solid #E9E7DE; } .wpcf7-form-control.wpcf7-submit { background: #B4111A url(images/simple-arrow.png) no-repeat right 20px center; text-transform: uppercase; font-size: 16px; color: #fff; text-decoration: none; padding: 0 90px 0 20px; line-height: 60px; margin-top: 18px; border-radius: 4px; border: 0; } .wpcf7-form-control.wpcf7-submit:hover { background-color: rgba(180, 17, 26, 0.6); } span.wpcf7-not-valid-tip { position: absolute; color: #D32424 !important; font-style: italic; font-size: 13px !important; font-weight: 300; right: 0; top: 0; line-height: 50px; padding-right: 20px; background: url(images/close-o.jpg) no-repeat right center; background-size: 14px; text-transform: capitalize; } span.wpcf7-valid-tip { position: absolute; color: #37510A; right: 0; top: 0; line-height: 50px; } span.wpcf7-valid-tip:before { content: "\f05d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input.wpcf7-form-control.wpcf7-not-valid { border-color: #CA403D !important; } .wpcf7-response-output.wpcf7-validation-errors { border: none !important; margin: 0 !important; font-size: 12px; padding: 12px 15px !important; background: rgba(180,17,26,0.1); color: #000 !important; text-align: center; } div.wpcf7-mail-sent-ok { border: none !important; margin: 0 !important; font-size: 12px; padding: 12px 15px !important; background: rgba(120,162,47,0.1); color: #000 !important; text-align: center; } .wpcf7-not-valid-label, .wpcf7-not-valid-label .drag-drop-r, .wpcf7-not-valid-label .drag-drop-c { color: #CA403D !important; } .wpcf7-not-valid-label .wpcf7-form-control-wrap.resume, .wpcf7-not-valid-label .wpcf7-form-control-wrap.coverletter { border: 1px solid #CA403D; } /* FOOTER */ footer { position: relative; border-top: 1px solid #ddd; } footer p { line-height: 122px; font-size: 14px; color: #555; } footer p a { color: inherit; text-decoration: underline; padding-left: 12px; } footer #menu-footer-navigation li { display: inline-block; } footer #menu-footer-navigation li a { color: #8F9BAE; font-size: 14px; font-weight: 300; padding: 0 0 0 28px; line-height: 36px; text-decoration: underline; } footer #inner-footer > div h5 { color: #4ABDE2; font-size: 16px; text-transform: uppercase; margin: 24px 0 26px; } footer #inner-footer > div p, footer #inner-footer > div p a { color:#8F9BAE; font-size:16px; text-decoration:none; line-height:1.3em; } footer #inner-footer > div p a:hover { color: #4ABDE2; } footer .social_btns, footer .cemail { margin-top: 0; } footer .social_btns a { display: inline-block; background-color: #F6880A; border-radius: 50%; width: 30px; height: 30px; text-align: center; margin:10px; } footer .social_btns a:first-child { margin-left: 0; } footer .social_btns a .fa { color: #203962; width: 30px; height: 30px; line-height: 30px; vertical-align: top; } footer .social_btns a:hover { background-color: #FF9E32; } #menu-footer-menu { margin-top: 8px; } #menu-footer-menu li { display: inline-block; width: 48%; line-height: 1.3em; } #menu-footer-menu li a { color: #8F9BAE; font-size: 16px; padding-bottom: 0.9em; } #menu-footer-menu li a .fa { color: #FA8809; padding-right: 0.3em; } #menu-footer-menu li a:hover { color: #4ABDE2; } .mailing_list .wpcf7-form { white-space: nowrap; border-top: 0; margin-top: 0; padding-top: 0; } .mailing_list input[type="email"]{ background-color: rgba(255,255,255,0.1); line-height: 55px; height: 55px; width: 78%; vertical-align: top; border-radius: 3px 0 0 3px; border: 0; font-size: 14px; color: #fff; padding: 0 22px; } .mailing_list input[type="submit"] { border-radius: 0 3px 3px 0; border: 0; height: 55px; width: 70px; vertical-align: top; background: #FA8809 url(images/fa-envelope.png) no-repeat center; } .mailing_list input[type="submit"]:hover { background-color: #FF9E32; } .mailing_list .wpcf7-form-control.wpcf7-text { border: 0; box-shadow: none; margin: 0; display: inline-block; } .mailing_list .wpcf7-form-control.wpcf7-submit { font-size: 0; margin: 0; padding: 0; display: inline-block; } .mailing_list .wpcf7-form-control-wrap { display: inline; } .mailing_list div.wpcf7-mail-sent-ok { border: none !important; margin: 0 !important; padding: 8px !important; color: #1d889d; background: none; text-align: center; font-size: 12px; } footer #top { display: inline-block; position: absolute; margin: auto; width: 320px; line-height:36px; left:0; right:0; top:0; bottom:0; height: 36px; text-align: center; color: #b3b9b9; font-size: 14px; font-weight: 300; } footer #top .fa { display: inline-block; font-size: 15px; font-weight: 700; height: 14px; width: 14px; text-align: center; position: relative; } footer #top .fa-angle-up::before { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 2px; } /********************************************* PAGE SPECIFIC **********************************************/ /* HOME */ #bg { background: url(images/overlay_home.png) no-repeat center; background-size: cover; position: absolute; z-index: 1211; top:0; left:0; width:100%; height: 100%; } #video { position: relative; z-index: 1212; top: 0; left: 0; width: 100%; height: 100vh; opacity: 0.4; margin-top: -106px; } .logged-in #video { margin-top: -138px; } #mt_video, #video { width: 100%; } video#screen-1 { object-fit: inherit; position: absolute; top: 0; left:0; z-index: 1312; min-width: 100%; height: 100%; } .video-js .vjs-big-play-button { height: 200px !important; width: 100% !important; text-align: center; top: 28% !important; left: 0; border: 0 none !important; background: transparent url(images/play_btn.png) no-repeat center !important; } .video-js .vjs-big-play-button::before { content: '' !important; } .vjs-poster { background-size: cover !important; } #cta { position: relative; z-index: 1313; top: 0; left: 0; width: 100%; height: 100%; } .hero_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 725px; z-index: 999; background: url(images/hero_overlay.png) no-repeat bottom center; background-size: cover; } .hero_overlay h1, .hero_overlay h2, .hero_overlay h3 { font-size: 70px; color: #fff; font-weight: 300; margin-bottom: 0; line-height: 0.6; } .hero_overlay p { font-size: 22px; color: #fff; } .hero_overlay a.btn { background: #B4111A url(images/simple-arrow.png) no-repeat right 20px center; text-transform: uppercase; font-size: 16px; color: #fff; text-decoration: none; padding: 0 90px 0 20px; line-height: 60px; } .hero_overlay a.btn:hover { background-color: rgba(180, 17, 26, 0.6); } .h100 { height: 525px; position: relative; } .h100 div { position: absolute; height: 50%; margin: auto; top: 0; bottom: 0; right: 0; left: 0; } .cycle-slideshow { width: 100%; height: 725px; position: relative; z-index: 998; } .cycle-slideshow .cycle-slide { width: 100%; height: 725px; } .cycle-slideshow .cycle-slide.cycle-sentinel { display: none !important; } .cta_content { position: absolute; height: 50%; margin: auto; top: 0; bottom: 0; left: 0; right: 0; text-align: center; z-index: 1314; } .cta_content h1 { font-style: normal; font-weight: 700; font-size: 220px; margin: 0; } .cta_content h3 { font-size: 24px; margin: 0; line-height: 1.3em; } .cta_content a { font-size: 16px; margin: 28px auto 0; line-height: 60px; padding: 0 32px; text-transform: uppercase; color: #fff; border-radius: 9px; display: inline-block; } .cta_content a:hover { background-color: #203962; border: 1px solid #203962; color: #fff; text-decoration: none; } .cta_content a:focus, .cta_content a:active { text-decoration: none; color: #fff; } #home_content { position: relative; z-index: 1515; margin-top: -4em; margin-bottom: 4em; } #home_content .leadin h2 { font-style: italic; margin: 0; padding-right: 20px; } #home_content .leadin p { color: #203962; position: relative; } #home_content .leadin p:before { content: ""; position: absolute; display: block; background-color: #E9E7DE; width: 2px; height: 90%; top: 5%; left: -36px; } .home { overflow-x: hidden; } .home .events { margin: 84px 0; } .home .events .block_wrap { border-left: 3px solid #ccc; border-bottom: 3px solid #ccc; background-color: #fff; min-height: 372px; padding: 13px; display: block; } .home .events .block_wrap .overflow_wrap { overflow: hidden; max-height: 343px; } .home .events .block_wrap.sponsored { border: 2px solid #ccc; padding: 13px 13px 17px 17px; position: relative; margin: -3px -3px 0 0; } .home .events .block_wrap.sponsored:before { content: ""; display: block; position: absolute; left: -5px; height: 100%; width: 3px; top: 5px; background-color: #ccc; } .home .events .block_wrap.sponsored:after { content: ""; display: block; position: absolute; bottom: -5px; width: 100%; height: 3px; right: 5px; background-color: #ccc; } .home .events h6 { font-size:14px; font-weight: 700; color: #FA8809; text-transform: uppercase; margin: 1em 0 0; } .home .events h4 { line-height: 1.55em; margin-top: 1em; color: #4ABDE2; position: relative; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -webkit-transition: all 600ms ease; transition: all 600ms ease; } .home .events p { font-size: 14px; line-height: 1.5; color: #616469; margin-bottom: 0; } .home .events p a, .home .events .block_wrap.sponsored p { color: #203962; text-decoration: none; font-weight: 700; } .home .events p .fa { color: #FA8809; padding-left: 4px; } .home .events .block_wrap:hover, .home .events .block_wrap:active, .home .events .block_wrap:focus { text-decoration: none; border-left: 3px solid #D7D5CB; border-bottom: 3px solid #D7D5CB; } .home .events .block_wrap:hover h4 { text-decoration: underline; } .home .events .block_wrap.sponsored:hover { border: 2px solid #D7D5CB; } .home .events .block_wrap.sponsored:hover::before, .home .events .block_wrap.sponsored:hover::after { background-color: #D7D5CB; } .home .events .block_wrap.sponsored h4 { text-decoration: none; } .home .events .block_wrap.sponsored:hover p { text-decoration: underline; } .sidebar .sponsored_ad_wrap { margin-top: 96px; } .contact-us .sidebar .sponsored_ad_wrap { margin-top: 44px; } .sponsored_ad_shadow { width: 184px; border-left: 3px solid #ccc; border-bottom: 3px solid #ccc; position: relative; min-height: 257px; margin-left: -3px; } .sidebar .block_wrap.sponsored { border: 1px solid #ccc; background-color: #fff; padding: 15px; margin: -3px -3px 0 0; position: absolute; min-height: 260px; top: -3px; right: -3px; } .sidebar .block_wrap.sponsored h6 { font-size:14px; font-weight:700; color:#FA8809; text-transform:uppercase; margin: 1em 0 0; } .sidebar .block_wrap.sponsored h4 { line-height: 1.35em; margin-top: 1em; color: #4ABDE2; font-size: 15px; margin-bottom: 6.5em; font-weight: 700; text-transform: none; } .sidebar .sponsored_ad_wrap { display: block; } .sidebar .sponsored_ad_wrap > p { margin-top: 0; } .sidebar .sponsored_ad_wrap > p { color: #203962; text-decoration: none; font-size: 14px; font-weight: 700; } .sidebar .sponsored_ad_wrap > p .fa { padding-left: 4px; color: #FA8809; } .sidebar .sponsored_ad_wrap:hover > p { text-decoration: underline; } .bod_content_box { position:relative; background-color:#fff; width: 80%; margin:auto; max-height: 75%; padding: 5%; -webkit-box-shadow: 4px 4px 5px 3px rgba(97,100,105,0.33); -moz-box-shadow: 4px 4px 5px 3px rgba(97,100,105,0.33); box-shadow: 4px 4px 5px 3px rgba(97,100,105,0.33); overflow-y: auto !important; } .close-modal { position: absolute; top: 24px; right: 24px; color: #616469; font-weight: 400; cursor: pointer; } .close-modal .fa { font-size: 12px; padding-bottom: 6px; vertical-align: middle; } .close-modal:hover { text-decoration: none; } .bod_img, .bod_img div { height: 100%; } .bod_content h2 { font-size: 26px; margin: 0; line-height: 1; } .bod_content h5 { font-size: 12px; color: #FA8809; text-transform: uppercase; margin: 1em 0; } .bod_content p { color:#203962; font-size: 16px; } .event-abstract { padding-bottom: 30px; margin-bottom: 34px; border-bottom: 1px solid #E9E7DE; } .event-abstract h6 { font-size: 14px; color: #FA8809; text-transform: uppercase; margin-bottom: 0; } .event-abstract h3 { font-size: 18px; margin: 0.67em 0 0; } .event-abstract h3 a { color: inherit; } .event-abstract h3 + p { font-size: 16px; color: #203962; margin: 0.33em 0 0.6em; line-height: 28px; } .event-abstract h3 + p + p { margin: 0; line-height: 1; } .btn.orange-btn { display: inline-block; padding: 0 18px; line-height: 44px; color: #fff; font-size: 14px; text-transform: uppercase; background-color: #FA8809; border-radius: 6px; text-decoration: none; } .btn.orange-btn.large { width: 100%; line-height: 84px; border-radius: 0; font-size: 26px; text-transform: none; text-align: center; font-weight: 400; font-family: "roboto-condensed", sans-serif; } .btn.orange-btn:hover, .btn.orange-btn:focus, .btn.orange-btn:active { text-decoration: none; color: #fff; background-color: #FF9E32; } .single-events .single-post { padding-top: 44px; } .single-events h6 { font-size: 14px; color: #FA8809; text-transform: uppercase; } .single-events h2 { font-size: 26px; margin: 0.75em 0 0.5em; } .single-events p, .single-events li { font-size: 16px; line-height: 28px; } .single-events p.inspr_quote { font-size: 18px; margin-top: 0; } .single-events ul { padding-left: 1em; margin-top: 1.75em; } .single-events .entry-content li { list-style: none; padding-left: 1.5em; margin-bottom: 0.5em; } .single-events .entry-content li:before { content: "\2022"; display: inline-block; width: 2em; position: absolute; text-align: center; left: 0; } .single-events .sidebar h3 { color:#FA8809; font-size: 18px; text-transform: uppercase; margin-bottom: 0; } .single-events .sidebar p { margin-top: 0.6em; } .event-when, .event-where, .admission { margin-bottom: 2.25em; } .rsvp { margin: 1em 0 0 !important; } .calendar-icons h5 { font-weight: 700; font-size: 16px; } .calendar-icons a { border-radius:50%; border: 1px solid rgba(97,100,105,0.5); color: #616469; display: inline-block; padding: 2px 10px; margin: 0 8px 0 0; } .calendar-icons a:hover { color: #fff; background-color: #203962; border: 1px solid #203962; } .calendar-icons a:hover .fa { color: #fff; } .speakers { margin-top: 44px; } .event-speaker .img_ { min-height: 224px; border-radius: 8px; } .event-speaker .content_ h3 { font-size: 18px; margin-top: 0.5em; margin-bottom: 0; } .event-speaker .content_ p { font-size: 12px; color: #FA8809; text-transform: uppercase; margin-top: 0.35em; line-height: 1.4em; } #presentations h3 { font-size: 18px; color: #FA8809; text-transform: uppercase; } .presentation { display: block; margin-bottom: 24px; } .presentation p { color: #616469; font-size: 14px; margin: 0; line-height: 24px; } .presentation p strong { color: #203962; } .presentation p .fa { padding-left: 3px; } .presentation:hover { text-decoration: none; } .presentation:hover p strong { text-decoration: underline; } /********************************************* BLOCKS I like to use this for speciality items ex: blockquotes, highlights, lowlights, etc **********************************************/ blockquote { color: #1d889d !important; font-size: 24px !important; padding: 0 !important; margin: 40px -60px !important; border-left: none !important; line-height: 37px !important; } blockquote p { margin: 0 !important; padding: 0 !important; color: #1d889d !important; font-size: 24px !important; line-height: 37px !important; } blockquote:before { height: 1px; width: 5%; display: block; background: #1d889d; margin: 20px auto; } blockquote:after { height: 1px; width: 5%; display: block; background: #1d889d; margin: 20px auto; } /********************************************* SPECIALTY Optional stuff I've found useful.. maybe you will too...? **********************************************/ /* Style placeholder text */ ::-webkit-input-placeholder { color: #555; } /* WebKit browsers */ :-moz-placeholder { color: #555; opacity: 0.7; } /* Mozilla Firefox 4 to 18 */ ::-moz-placeholder { color: #555; opacity: 0.7; } /* Mozilla Firefox 19+ */ :-ms-input-placeholder { color: #555; } /* Internet Explorer 10+ */ /* Add a RED asterisk to placeholder text with "required" class - WIN */ .required::-webkit-input-placeholder:after { content:'*'; color: red; } .required:-moz-placeholder:after { content:'*'; color: red; } /* Firefox 18- */ .required::-moz-placeholder:after { content:'*'; color: red; } /* Firefox 19+ */ .required:-ms-input-placeholder:after { content:'*'; color: red; } /* IE Fail */ /* This will hide all share this stuff except for the "ShareThis" text */ span.sharethis { background:none !important;} .stButton .chicklets { font-family:inherit !important; padding-left:0 !important; } .st_facebook, .st_twitter, .st_linkedin, .st_pinterest, .st_email { display:none; }