/* Theme Name: Paragon Bank Theme URI: http://www.paragonbank.com Author: Click Optimize Author URI: http://www.clickoptimize.com Description: A custom responsive theme that was designed and built for Paragon Bank. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: paragon, bank Text Domain: paragonbank 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. */ /** * Table of Contents: * * 1.0 - General Elements * 1.1 - Typography * 1.2 - Links * 1.3 - Lists * 1.4 - Other * 1.5 - Classes * 1.6 - Ids * 2.0 - Body Wrapper * 3.0 - Header * 4.0 - Nav * 5.0 - Hero * 6.0 - Breadcrumb * 7.0 - Content * 7.1 - Share * 8.0 - Footer * 9.0 - FancyBox * 10.0 - Homepage Sections * ---------------------------------------------------------------------------- */ /** * 1.0 General Elements * ---------------------------------------------------------------------------- */ /** * 1.1 Typography * ---------------------------------------------------------------------------- */ body { color: #333; font: 13px/20px 'open sans', sans-serif; -webkit-text-size-adjust: none; /* Prevent iPhone text enlargement. */ -webkit-font-smoothing: subpixel-antialiased; /* Prevent anti-alias jump on transitions. */ } h1, h2, h3, h4, h5, h6 { font-family: 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; letter-spacing: 0.1em; line-height: 1.25em; text-transform: uppercase; } /** * 1.2 Links * ---------------------------------------------------------------------------- */ a { color: #cd9f2a; text-decoration: none; } a:hover { color: #0d412e; } /** * 1.3 Lists * ---------------------------------------------------------------------------- */ ul { list-style-image: url(images/background-unordered-list.png); } /** * 1.4 - Other * ---------------------------------------------------------------------------- */ img { height: auto; max-width: 100%; } a img { border: none; outline: none; } blockquote { border: 1px dashed #cd9f2a; margin: 20px 0; padding: 20px 30px; } iframe { border: none; display: block; max-width: 100%; outline: none; } object { max-width: 100%; } label { font-weight: bold; } input[type="text"], input[type="password"], textarea { background: url(images/background-widget-container.png) repeat left top; border: 1px dashed #cd9f2a; color: #333; font: 11.5px/16px 'open sans', sans-serif; outline: none; padding: 5px; width: 228px; font-weight: bold; } textarea { height: 45px; } select { width: 240px; } /** * 1.5 - Classes * ---------------------------------------------------------------------------- */ .button { background: #cd9f2a url(images/background-login-button.png) no-repeat right center; border: 1px solid #fefdf2; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; line-height: 13px; outline: 1px solid #cd9f2a; padding: 7px 40px 7px 31px; text-transform: uppercase; } .gold { color: #cd9f2a; } .button:hover { background-color: #0d412e; color: #fff; outline-color: #0d412e; } #helpAction { background: none; color: #cd9f2a; box-shadow: 0 0 0px 1px #cd9f2a inset; padding: 7px 40px; } #helpAction:hover { outline-color: #0d412e; color: #0d412e; box-shadow: 0 0 0px 1px #0d412e inset; } .post { margin-bottom: 60px; } .post-title { background: url(images/background-rule-double-gold.png) repeat-x left bottom; margin-top: 0; padding-bottom: 16px; font-size: 22px; text-transform: none; letter-spacing: 0px; } .navigation { margin-bottom: 40px; } .widget-container { /*background: url(images/background-widget-container.png) repeat left top; border-bottom: 4px solid #0f4023; border-top: 4px solid #0f4023;*/ padding: 20px 20px 0; background: url(images/background-rule-double-green.png) repeat-x left top; } .download-file .widget-container { background: url(images/background-rule-double-green.png) repeat-x left top; padding: 20px 20px 0; } .download-file .widget-container ul li a:after { content: url(images/pdf2.png); } .widget-title { /*background: url(images/background-rule-double-green.png) repeat-x left bottom;*/ margin-top: 0; } .widget-title:first-line { font-size: 18px; } .widget ul { margin-bottom: 0; } .widget li { padding: 4px 0; text-transform: uppercase; } .arrow-link { background: url(images/background-arrow-link.png) no-repeat right center; display: inline-block; font-size: 13px; line-height: 14px; margin-right: 8px; padding-right: 10px; text-transform: uppercase; } .current_page_item a { color: #0d412e; } .gform_fields { list-style: none; margin: 20px 0 0 0; padding: 0; } .gfield { margin: 0 0 10px 0; } .gfield_required { display: none; } label.gfield_label { display: none; } .gform_footer { margin: 0 0 10px 0; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px; } .download-file { margin: 10px 0 0; padding-bottom: 5px; } .download-file p { background: url(images/background-unordered-list.png) left center no-repeat; margin-left: 23px; } .download-file a { padding: 4px 0; text-transform: uppercase; } /** * 1.6 - Ids * ---------------------------------------------------------------------------- */ #text-2 { background: none; margin-bottom: 20px; padding-bottom: 0; } #text-8 { background: none; margin-bottom: 20px; padding-bottom: 0; width: 100%; text-align: center; } #text-8 h2{ color: #0F4023; margin: 0; } #gform_fields_1 > li { clear: left; } #gform_fields_2 input, #gform_fields_2 textarea { width: 96%; } #field_1_5 > label { display: inherit; float: left; margin: 0 20px 0 0; } #input_1_5 { padding: 0; } #input_1_5 li { display: inline-block; margin: 0 20px 0 0; width: auto; } #gform_fields_2 .gform_validation_container { display: none; } #text-2 .widget-container, #here-box { background: url(images/background-here-for-you.jpg) no-repeat center top; border: none; height: 100px; padding: 25px 30px 15px 30px; margin-bottom: 10px; } #text-8 .widget-container img { margin: 0 10px -8px 0; } #text-8 .widget-container { padding: 15px 0 10px; } #text-2 .widget-title, #here-box .widget-title { background: url(images/background-rule-double-gold.png) repeat-x left bottom; color: #fff; padding-bottom: 16px; } #text-2 .arrow-link:hover { color: #fff; } #text-8 .arrow-link:hover { color: #fff; } #text-7 h2 { margin-bottom: 0; padding-bottom: 0; } #text-7 img { padding: 2px; border: 1px solid #CD9F2A; margin-bottom: 20px; } #text-7 h3 { margin-top: 0; padding-top: 0; padding-bottom: 12px; background: url(images/background-rule-double-gold.png) repeat-x left bottom; } #fancybox-content { border-width: 0 !important; background: #FEFDF2; padding: 10px !important; } #text-7 a { color: #0F4023; } #text-7 a:hover { color: #CD9F2A; } #left-col { width: 48%; float: left; } #right-col { width: 48%; float: right; } /** * 2.0 Body Wrapper * ---------------------------------------------------------------------------- */ body { background: #fefdf2; margin: 0; } /** * 3.0 - Header * ---------------------------------------------------------------------------- */ #header { background: url(images/background-header.png) repeat-x center top; } #header-wrapper { background: url(images/background-header-wrapper.png) repeat-x center bottom; min-height: 96px; } #header-container { margin: 0 auto; position: relative; width: 960px; } #menu-utility-menu { right: 150px; left: auto; list-style: none; margin: 0; padding: 0; position: absolute; top: 0; z-index: 2; } #menu-utility-menu li { border-left: 1px dashed #cd9f2a; display: inline-block; padding: 30px 8px 10px 12px; } #menu-item-1510 { border-right: 1px dashed #cd9f2a; } #menu-utility-menu a { font-size: 12px; text-transform: uppercase; } #utility-toggle { background: url(images/background-utility-toggle.png) no-repeat left top; display: none; height: 23px; right: 150px; overflow: hidden; position: absolute; text-indent: -999px; top: 28px; width: 40px; } /*#menu-utility-menu .menu-item-1510 { position: absolute; left: 710px; }*/ #logo-link { display: block; padding: 20px 0 20px 0; width: 237px; margin: 0; } #logo { display: block; } #menu-login-drop-down-menu { list-style: none; margin: 0; padding: 0; position: absolute; right: 0; top: 0; } #menu-login-drop-down-menu li { border-right: 1px dashed #cd9f2a; display: inline-block; padding: 30px 10px 10px 10px; } #menu-login-drop-down-menu a { font-size: 12px; text-transform: uppercase; } #menu-login-drop-down-menu.drop-down { background: #cd9f2a; right: -1px; top: 50px; width: 115px; z-index: 2; } #menu-login-drop-down-menu.drop-down li { border-right: none; border-top: 1px dashed #b88e31; display: block; padding: 5px 10px; } #menu-login-drop-down-menu.drop-down li:first-child { border-top: none; } #menu-login-drop-down-menu.drop-down a { color: #fff; display: block; line-height: 13px; } #menu-login-drop-down-menu.drop-down a:hover { color: #E0C27F; } #social-wrapper { position: absolute; bottom: 149px; right: 48px; } .social-icon { width: 29px; height: 29px; display: inline-block; text-indent: -9999px; background: url('images/social-icons.jpg') no-repeat; } a#twitter { background-position: left top; right: 32px; } a#twitter:hover { background-position: left bottom; } a#linkedin { background-position: right top; right: 0px; } a#linkedin:hover { background-position: right bottom; } p#blank { color: #FEFDF2; font-size: 3px; width: 324px; } #login-toggle { background: #0d412e url(images/background-login-button.png) no-repeat right center; border: 1px solid #fefdf2; color: #fff; font-size: 12px; line-height: 13px; outline: 1px solid #0d412e; padding: 7px 40px 7px 31px; position: absolute; right: 70px; text-transform: uppercase; top: 20px; width: 40px; } #login-toggle.active { background-color: #cd9f2a; outline-color: #cd9f2a; } @media all and (max-width: 959px) { #header-container { width: 720px; } #menu-utility-menu { background: #cd9f2a; display: none; padding: 0 10px; top: 46px; } #menu-utility-menu li { border-left: none; border-top: 1px dashed #b88e31; display: block; padding: 6px 10px; } #menu-utility-menu li:first-child { border-top: none; } #menu-utility-menu a { color: #fff; } #menu-utility-menu .menu-item-1510 { position: relative; left: auto; } #utility-toggle { display: block; } #menu-login-drop-down-menu { display: none; } } @media all and (max-width: 719px) { #header-container { width: 100%; } #logo-link { margin: 0 auto; } #login-toggle { right: 0; } .social-icon { top: 60px; } } /** * 4.0 Nav * ---------------------------------------------------------------------------- */ #nav { background: url(images/background-nav.png) repeat-x center bottom; height: 40px; } #nav-wrapper { background: url(images/background-nav-divider.png) no-repeat right center; height: 40px; margin: 0 auto; width: 890px; text-align: right; } .nav-link { background: url(images/background-nav-divider.png) no-repeat left center; display: inline-block; font: bold 16px/16px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; letter-spacing: 0.1em; padding: 14px 17px 10px 18px; text-transform: uppercase; } .nav-link.active, .nav-link:hover { color: #fefdf2; } .nav-link.open { background: #fefdf2; color: #cd9f2a; } .mobile-nav-link { display: none; } .nav-drop-down { background: #fefdf2 url(images/background-drop-down.png) repeat-x center bottom; display: none; } .nav-drop-down h3 { background: url(images/background-rule-double-green.png) repeat-x left bottom; font-size: 18px; margin: 10px 0 5px 0; padding-bottom: 8px; } #menu-drop-down-borrowing-private, #menu-drop-down-borrowing-commercial, #menu-drop-down-choosing-learn, #menu-drop-down-choosing-clients, #menu-drop-down-login-users, #menu-drop-down-login-deposit, #menu-drop-down-investing-private, #menu-drop-down-investing-commercial { list-style: none; padding: 0 0 10px 0; margin: 0; } #menu-drop-down-borrowing-private a, #menu-drop-down-borrowing-commercial a, #menu-drop-down-choosing-learn a, #menu-drop-down-choosing-clients a, #menu-drop-down-login-users a, #menu-drop-down-login-deposit a, #menu-drop-down-investing-private a, #menu-drop-down-investing-commercial a { color: #333; font-size: 12px; text-transform: uppercase; } #menu-drop-down-borrowing-private .current-menu-item, #menu-drop-down-borrowing-commercial .current-menu-item, #menu-drop-down-choosing-learn .current-menu-item, #menu-drop-down-choosing-clients .current-menu-item, #menu-drop-down-login-users .current-menu-item, #menu-drop-down-login-deposit .current-menu-item, #menu-drop-down-investing-private .current-menu-item, #menu-drop-down-investing-commercial .current-menu-item { font-weight: bold; list-style-image: url(images/background-unordered-list.png); } #menu-drop-down-borrowing-private a:hover, #menu-drop-down-borrowing-commercial a:hover, #menu-drop-down-choosing-learn a:hover, #menu-drop-down-choosing-clients a:hover, #menu-drop-down-login-users a:hover, #menu-drop-down-login-deposit a:hover, #menu-drop-down-investing-private a:hover, #menu-drop-down-investing-commercial a:hover { color: #cd9f2a; } #menu-drop-down-banking-private, #menu-drop-down-banking-commercial { list-style: none; margin: 0; padding: 0; } #menu-drop-down-banking-private:after, #menu-drop-down-banking-commercial:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #menu-drop-down-banking-private > li { float: left; margin: 20px 10px; width: 210px; } #menu-drop-down-banking-commercial > li { float: right; margin: 20px 10px; width: 210px; } #menu-drop-down-banking-private > li > a, #menu-drop-down-banking-commercial > li > a { border-bottom: 1px dashed #cd9f2a; display: block; font: bold 15px/16px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; letter-spacing: 0.1em; padding-right: 30px; position: relative; text-transform: uppercase; } #menu-drop-down-banking-private > .current_page_item > a, #menu-drop-down-banking-commercial > .current_page_item > a { color: #0d412e; } #menu-drop-down-banking-private > li > a .nav-arrow, #menu-drop-down-banking-commercial > li > a .nav-arrow { background: url(images/background-nav-arrow.png) no-repeat 0 0; display: none; height: 13px; position: absolute; right: 10px; top: -4px; width: 13px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #menu-drop-down-banking-private > li > a .nav-arrow.active, #menu-drop-down-banking-commercial > li > a .nav-arrow.active { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #menu-drop-down-banking-private > li > ul, #menu-drop-down-banking-commercial > li > ul { list-style: none; margin: 0; padding: 10px 0 0 0; } #menu-drop-down-banking-private > li > ul > li > a, #menu-drop-down-banking-commercial > li > ul > li > a { color: #333; font-size: 12px; text-transform: uppercase; } #menu-drop-down-banking-private > li > ul > .current-menu-item, #menu-drop-down-banking-commercial > li > ul > .current-menu-item { font-weight: bold; list-style-image: url(images/background-unordered-list.png); } #menu-drop-down-banking-private > li > ul > li > a:hover, #menu-drop-down-banking-commercial > li > ul > li > a:hover { color: #cd9f2a; } .drop-down-wrapper { margin: 0 auto; padding: 50px 0; width: 960px; } .drop-down-wrapper:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .drop-down-left-column { float: left; width: 460px; } .drop-down-right-column { float: right; width: 460px; } @media all and (max-width: 959px) { .nav-drop-down h3 { font-size: 16px; } #menu-drop-down-banking-private > li, #menu-drop-down-banking-commercial > li { float: none; margin: 20px 0; width: auto; } #menu-drop-down-banking-private > li > a .nav-arrow, #menu-drop-down-banking-commercial > li > a .nav-arrow { display: inline-block; } #menu-drop-down-banking-private > li > ul, #menu-drop-down-banking-commercial > li > ul { display: none; } .drop-down-wrapper { width: 720px; } .drop-down-left-column { float: none; width: auto; } .drop-down-right-column { float: none; width: auto; } } @media all and (max-width: 719px) { #nav { display: none; } .nav-drop-down { background: #fefdf2; } .mobile-nav-link { background: #333333; border-bottom: 1px solid #cd9f2a; display: block; font: bold 16px/16px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; letter-spacing: 0.1em; padding: 11px 21px 5px 21px; position: relative; text-align: center; text-transform: uppercase; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .mobile-nav-link:hover { color: #cd9f2a; } .mobile-nav-link.active { background: #fefdf2; border-color: #fefdf2; } .mobile-nav-link .nav-arrow { background: url(images/background-nav-arrow.png) no-repeat 0 0; display: inline-block; height: 13px; position: absolute; right: 20px; top: 8px; width: 13px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .mobile-nav-link.active .nav-arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .drop-down-wrapper { padding: 20px; width: auto; } } /** * 5.0 Hero * ---------------------------------------------------------------------------- */ #hero { background: #0d412e; position: relative; } #hero-image { display: block; margin: 0 auto; max-width: none; width: 100%; } #hero-wrapper { left: 0; position: absolute; top: 62px; width: 100%; } #hero-container { margin: 0 auto; width: 960px; } #hero-container h2, #hero-container h3 { text-transform: none; } #hero-first-line { color: #fff; font-size: 26px; margin: 0; } #hero-second-line { background: url(images/background-rule-double-gold.png) repeat-x left bottom; color: #fff; display: inline-block; font-size: 56px; line-height: 56px; letter-spacing: 0; margin: 0; padding: 0 0 6px 0; } #hero-subtitle { color: #fff; margin: 0; padding: 6px 0 0 0; } #slideshow { background: #fefdf2; } .slides { list-style: none; margin: 0; padding: 0; } ul.slides #light { color: #FEFDF2; width: 487px; } ul.slides li .slideshow-text-wrapper:first-child { display: none; } ul.slides #light .slideshow-headline { background: url(images/background-rule-double-gold.png) repeat-x center bottom; } ul.slides #light .slideshow-text-wrapper { background: url(images/background-rule-double-gold.png) repeat-x center bottom; } .slides li { position: relative; } #slideshow img { display: block; margin: 0 auto; } .slideshow-text { margin: 0 0 0 -460px; left: 50%; position: absolute; top: 40px; width: 440px; } .slideshow-text.right { margin: 0 -460px 0 0; left: auto; right: 50%; text-align: right; } .slideshow-headline { background: url(images/background-rule-double-green.png) repeat-x center bottom; font: bold 32px/34px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; margin-bottom: 15px; padding-bottom: 8px; } .slideshow-text-wrapper { background: url(images/background-rule-double-green.png) repeat-x center bottom; padding: 0 0 20px 0; } .slideshow-testimonial { font: 18px/28px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic; padding: 0 20px; } .slideshow-testimonial-author { font-size: 14px; font-weight: bold; padding: 0 20px; text-transform: uppercase; } .slideshow-text .button { margin: 10px 0 0 20px; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flexslider { margin: 0 auto; max-height: 580px; overflow: hidden; padding: 0; position: relative; /* -Commenting out due to flexslider image heights not showing up proper RESJ 12May2015 height:327px !important; */ } .flexslider .slides > li { display: none; } .flexslider .slides img { display: block; width: 100%; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } .flex-control-nav { bottom: 30px; position: absolute; list-style: none; left: 50%; margin: 0; padding: 0; width: 424px; text-align: right; } .flex-control-nav li { display: inline-block; margin-left: 10px; } .flex-control-nav a { border: 3px solid #cd9f2a; border-radius: 12px; cursor: pointer; display: block; height: 18px; overflow: hidden; text-indent: 999px; width: 18px; } .flex-control-nav a:hover { border-color: #fff; } .flex-control-nav a.flex-active { background: #fff; border-color: #fff; } .flex-direction-nav { border: 30px; bottom: 32px; height: 20px; left: 50%; list-style: none; margin: 0 0 0 446px; padding: 0; position: absolute; width: 34px; } .flex-direction-nav li { float: left; } .flex-direction-nav a { background: url(images/background-slideshow-controls.png) no-repeat 0 0; display: block; height: 20px; margin-right: 20px; overflow: hidden; text-indent: -999px; width: 7px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .flex-direction-nav .flex-next { background-position: -9px 0; margin-right: 0; } .flex-direction-nav a:hover { opacity: .5; } @media all and (max-width: 959px) { #hero-wrapper { top: 20px; } #hero-container { width: 720px; } .slideshow-text { margin-left: -360px; top: 40px; width: 320px; } .slideshow-text.right { margin-left: 0; margin-right: -360px; } .slideshow-headline { font-size: 17px; line-height: 20px; } .slideshow-testimonial { font-size: 14px; line-height: 20px; padding: 0 10px; } .slideshow-testimonial-author { font-size: 12px; padding: 0 10px; } .slideshow-text .button { margin-left: 10px; } .flex-control-nav { background: #cd9f2a; bottom: auto; left: 0; padding: 10px 0 5px 0; position: relative; width: 100%; text-align: center; } .flex-control-nav a { border-color: #fff; border-width: 2px; border-radius: 8px; height: 12px; width: 12px; } .flex-direction-nav { bottom: 8px; left: auto; margin: 0; right: 20px; } } @media all and (max-width: 719px) { #hero-wrapper { border-bottom: 1px dashed #cd9f2a; padding: 20px; position: relative; top: 0; width: auto; } #hero-container { width: auto; } #hero-first-line { font-size: 14px; } #hero-second-line { font-size: 36px; line-height: 36px; } #hero-subtitle { font-size: 12px; } .slideshow-text, .slideshow-text#light { background: #fefdf2; left: 0; margin: 0; padding: 20px; position: relative; top: 0; width: auto; } .slideshow-text.right { margin: 0; left: auto; right: auto; } ul.slides .slideshow-text#light { color: #333; width: auto; } } /** * 6.0 Breadcrumb * ---------------------------------------------------------------------------- */ #breadcrumb { background: url(images/background-breadcrumb.png) repeat-x center top; height: 44px; } .breadcrumbs { color: #989283; font-size: 11px; line-height: 14px; margin: 0 auto; padding: 14px 0 13px 0; text-transform: uppercase; width: 960px; } .breadcrumbs a:hover { color: #989283; } @media all and (max-width: 959px) { .breadcrumbs { width: 720px; } } @media all and (max-width: 719px) { .breadcrumbs { font-size: 9px; padding: 14px 10px 13px 10px; text-transform: none; width: auto; } } /** * 7.0 Content * ---------------------------------------------------------------------------- */ #content { background: url(images/background-content.png) repeat-x center top; padding: 60px 0 0 0; } .login#content { border-top: 1px solid #b88e31; background: url(images/section-container-bg.png) repeat-x center top; padding: 60px 0 0 0; } /** * 7.1 Share */ #share-wrapper { text-align: right; } .st_sharethis_custom { background: url(images/share_sm.png) no-repeat scroll left top transparent; padding:0px 28px 0 0; } .st_email_custom { background: url(images/mail_sm.png) no-repeat scroll left top transparent; padding:0px 22px 0 0; } #tabs { margin: 0 auto; width: 960px; } .tab-title { display: none; } #tabs ul { list-style: none; margin: 0; padding: 0; text-align: center; } #tabs ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #tabs li { float: left; } #tabs li a { border-right: 1px dashed #cd9f2a; color: #333; display: table-cell; font: bold 13px/15px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; height: 45px; max-width: 89px; padding: 5px 15px; text-align: center; vertical-align: middle; } #tabs li a:hover { color: #cd9f2a; } #tabs li:last-child a { border-right: none; } #tabs li.current_page_item a { background: url(images/background-tab.png) repeat-x center bottom; color: #cd9f2a; } #tab-toggle { display: none; } .collapseomatic i { line-height: 30px; text-decoration: underline; } .collapseomatic:hover { text-decoration: underline; color: #CD9F2A; } .collapseomatic_excerpt, .collapseomatic_content { clear: both; margin: -15px 0 15px !important; } #content-wrapper { border: 1px dashed #cd9f2a; margin: 0 auto; padding: 60px; width: 838px; } #content-wrapper:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #main-content { float: left; width: 490px; } .page-id-1436 #main-content { width: 100%; } #sidebar-wrapper { background: url(images/background-widget.png) no-repeat center bottom; float: right; width: 35%; padding-bottom: 42px; } .ui-accordion-content { height: auto !important; font-size: 12px; } #accordion p { padding: 0 0 0 20px; font-size: 13px; } #accordion form { padding: 0 0 0 20px; } #sidebar { border-bottom: 4px solid #0f4023; border-top: 4px solid #0f4023; background: url(images/background-widget-container_NEW.png) repeat left top; padding: 15px 0 0; } #index-title { background: url(images/background-index-title.png) no-repeat center bottom; height: 32px; margin: 0 auto; padding: 30px 0 70px 0; text-align: center; width: 960px; } #index-content { border-top: 1px dashed #b88e31; border-left: 1px dashed #b88e31; margin: 0 auto; width: 959px; } #index-content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .index-item { border-bottom: 1px dashed #b88e31; border-right: 1px dashed #b88e31; float: left; height: 120px; padding: 40px; width: 398px; } .index-item h3 { margin: 0 0 4px 0; } .index-item p { margin: 0 0 10px 0; } #front-content-container { margin: 0 auto 50px; width: 960px; } #front-content-container:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } #front-content { float: right; width: 440px; } #front-sidebar { float: left; width: 440px; } #front-sidebar:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .testimonial { background: url(images/felt-bg.jpg) repeat; padding: 10px; } .testimonial .video { float: left; width: 248px; } .video-2 { float: left; margin: 2px 2px 14px; line-height: 16px; min-height: 175px; } .video-2 a { display: block; } #register a { display: block; text-indent: -9999px; background: url(images/register.jpg) no-repeat; width: 150px; height: 31px; } .testimonial .quote { float: left; width: 210px; margin-left: 8px; color: #fefdf2; } #video-call-to-action { background: url(images/background-video-call-to-action.jpg) no-repeat 0 0; height: 140px; margin-bottom: 1px; padding: 20px; position: relative; } #video-call-to-action img { border: 4px solid #333; display: block; } #video-call-to-action-headline { color: #fff; font: normal 16px/16px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; left: 290px; margin-top: 10px; position: absolute; top: 55px; text-transform: uppercase; width: 120px; } #video-call-to-action-link a { background: url(images/background-arrow-right-white.png) no-repeat right center; color: #fff; display: inline-block; font-size: 12px; left: 290px; line-height: 13px; padding-right: 10px; position: absolute; top: 105px; text-transform: uppercase; } #video-call-to-action-link a:hover { color: #cd9f2a; } #purple-call-to-action { background: url(images/background-purple-call-to-action.jpg) no-repeat 0 0; float: left; height: 140px; margin: 0 1px 1px 0; padding: 20px; position: relative; width: 179px; } #purple-call-to-action-headline, #red-call-to-action-headline { background: url(images/background-rule-double-gold.png) repeat-x center bottom; color: #fff; font: normal 16px/16px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; margin-bottom: 10px; padding-bottom: 10px; text-transform: uppercase; } #purple-call-to-action-tagline, #red-call-to-action-tagline { color: #fff; font: normal 14px/16px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic; } #purple-call-to-action-link, #red-call-to-action-link { background: url(images/background-arrow-right-white.png) no-repeat right center; bottom: 20px; color: #fff; display: inline-block; font-size: 12px; left: 20px; line-height: 12px; padding-right: 10px; position: absolute; text-transform: uppercase; } #purple-call-to-action-link:hover, #red-call-to-action-link:hover { color: #cd9f2a; } #red-call-to-action { background: url(images/background-red-call-to-action.jpg) no-repeat 0 0; float: right; height: 140px; margin: 0 0 1px 0; padding: 20px; position: relative; width: 180px; } .lightbox-overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .lightbox-overlay.active { display: block; } .lightbox-overlay .overlay { position: fixed; top: 0; left: 0; z-index: 3; background: url(images/background-transparent-black.png) repeat 0 0; width: 100%; height: 100%; } .lightbox-container { display: block; margin: 70px auto 0 auto; position: relative; width: 620px; z-index: 4; } .close { background: #0d412e url(images/background-close.png) no-repeat center center; border: 1px solid #fff; display: block; height: 30px; position: absolute; overflow: hidden; right: 0; text-indent: -999px; top: -35px; width: 30px; } .close:hover { background: #000 url(images/background-close.png) no-repeat center center; } #gform_wrapper_3 label.gfield_label { display: block; } #gform_wrapper_3 .gfield_radio, #gform_wrapper_3 .gfield_checkbox { list-style: none; margin: 0; padding: 0; } #gform_wrapper_3 .gfield_radio label, #gform_wrapper_3 .gfield_checkbox label { font-weight: normal; } .ginput_full input { width: 100%; } .textarea.large { width: 100%; } #main-content .download-file { background: url(images/background-breadcrumb.png) repeat-x center top; height: 44px; margin-bottom: 1em; text-align: center; } /*.download-file ul { padding: 0 0 0 20px; }*/ #main-content .download-file a { margin: 12px 10px 8px; display: inline-block; line-height: 22px; font-size: 18px; } #main-content .download-file a:hover { color: white; } .css-events-list h3 { margin-top: 0; } /* .css-events-list h3 a { color: black; } .css-events-list h3 a:hover { color: #cd9f2a; } .css-events-list table { color: #cd9f2a; } */ .events-table tr { background: url(images/background-rule-double-gold.png) repeat-x left bottom; } .events-table thead tr { background: none; } .events-table td { padding: 15px 5px 5px; vertical-align: top; } .events-table th { border-bottom: 5px solid #cd9f2a; } @media all and (max-width: 959px) { #tabs { height: 55px; position: relative; width: 720px; } .tab-title { display: block; font: bold 13px/15px 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; position: absolute; right: 50px; text-align: right; top: 5px; } #tabs ul { display: none; background: #cd9f2a; padding: 0 10px; position: absolute; top: 23px; right: 0; width: 140px; } #tabs li { float: none; } #tabs li a { border-right: none; border-top: 1px dashed #b88e31; display: block; padding: 6px 10px; color: #fff; display: block; font: normal 12px/16px 'open sans', sans-serif; height: auto; max-width: none; padding: 10px; text-align: left; text-transform: uppercase; } #tabs li a:hover { color: #fff; } #tabs li:first-child a { border-top: none; } #tabs li.current_page_item a { background: #cd9f2a; border-color: #b88e31; color: #fff; } #tab-toggle { background: url(images/background-utility-toggle.png) no-repeat left top; display: block; height: 23px; overflow: hidden; position: absolute; text-indent: -999px; right: 0; top: 0; width: 40px; } #content-wrapper { border-left: none; border-right: none; padding: 60px 20px; width: auto; } #content-container { margin: 0 auto; width: 100%; } #main-content { width: 60%; } #index-title { background-image: url(images/background-index-title-tablet.png); width: 100%; } #index-content { width: 100%; } .index-item { height: 160px; padding: 30px; width: 41%; } #front-content-container { width: 91%; } #front-content { float: none; width: auto; } #front-sidebar { float: none; margin: 0 auto 40px auto; } } @media all and (max-width: 719px) { #tabs { width: 300px; } .tab-title { font-size: 12px; } #content-wrapper { padding: 30px 0; } #content-container { width: 300px; } #main-content { float: none; width: auto; } #sidebar-wrapper { float: none; width: auto; } #index-title { background: none; height: auto; padding: 20px; width: auto; } #index-content { width: 300px; } .index-item { height: auto; padding: 30px; width: 240px; } #front-content-container { width: 300px; } #front-sidebar { width: 220px; } #video-call-to-action-headline, #video-call-to-action-link { position: relative; left: 0; top: 0; width: auto; } .lightbox-container { margin-left: 20px; margin-right: 20px; width: auto; } } /** * 8.0 Footer * ---------------------------------------------------------------------------- */ #footer-divider { background: url(images/footer-divider.png) repeat-x center top; height: 44px; padding-top: 22px; text-align: center; } #footer { background: url(images/background-footer.png) repeat-x center bottom; padding: 50px 0 0 0; } #footer-container { margin: 0 auto; padding: 0 0 14px 0; text-align: center; width: 720px; } #menu-footer-menu { list-style-type: none; margin: 0; padding: 0 0 30px 0; } #menu-footer-menu li { display: inline-block; margin: 0 10px; } #menu-footer-menu a { font-size: 12px; text-transform: uppercase; } #copyright { font-size: 11px; padding: 0 0 30px 0; } #fdic { background: url(images/background-fdic.png) no-repeat left top; height: 16px; margin: 0 auto; overflow: hidden; text-indent: -999px; width: 274px; } @media all and (max-width: 659px) { #footer-container { width: auto; } #menu-footer-menu { padding: 0 0 15px 0; } #menu-footer-menu li { display: block; margin: 5px 0; } } /** * 9.0 FancyBox * ---------------------------------------------------------------------------- */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(images/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(images/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(images/fancybox_sprite@2x.png); background-size: 44px 152px; } #fancybox-loading div { background-image: url(images/fancybox_loading@2x.gif); background-size: 24px 24px; } } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url(images/fancybox_buttons.png); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } /** * 10.0 Homepage Sections * ---------------------------------------------------------------------------- */ #searchform { float: right; top: 27px; position: relative; } #searchform input { width: 85px; color: #cd9f2a; text-transform: uppercase; font-weight: normal; padding-right: 15px; } #searchform input[type=submit] { text-indent: -999px; background: url(images/search-btn.png) center center no-repeat; width: 18px; width: 18px; border: 0; position: relative; left: -25px; } #sections:after { content: ""; display: table; clear: both; } #sections-container { width: 100%; margin: 0 auto; background: url(images/section-container-bg.png) center top no-repeat; border-top: 1px solid #CC9E37; } #sections { width: 1000px; border-bottom: 1px solid #CC9E37; margin: 10px auto 50px; background: url(images/section-bg.png) center bottom no-repeat; } #sections a { text-transform: uppercase; 'open sans', sans-serif; } #sections h3 { margin: 25px 0 0 0; } #sections p { margin: 5px 0; } #sections h2 { font-size: 22px; font-style: italic; font-weight: normal; color: #cd9f2a; text-transform: none; margin: 0; letter-spacing: normal; } #sections h1 { font-size: 22px; font-weight: normal; text-transform: uppercase; margin: 0; line-height: 24px; letter-spacing: normal; } #two h3 { margin: 0; background: url(images/background-rule-double-gold.png) repeat-x left bottom; padding-bottom: 10px; width: 181px; font-family: 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; } #two a { color: #333; display: block; } #two p { font-family: 'adobe-caslon-pro', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-style: italic; font-size: 16px; margin: 5px 0; text-transform: none; } #two p.learn { font-family: 'open sans', sans-serif; font-style: normal; font-size: 13px; display: block; text-transform: uppercase; } #two .highlight { width: 245px; border: 1px solid #72142c; margin: 10px auto; padding: 15px 10px 0; display: block; } #two .highlight:hover, #two .highlight a:hover { color: #fff; } #two .highlight#red { border-color: #6B0D25; } #two .highlight#red:hover { background: url(images/red-highlight.png) repeat; } #two .highlight#purple { border-color: #602043; } #two .highlight#purple:hover { background: url(images/purple-highlight.png) repeat; } #two .highlight#green { border-color: #0D412D; } #two .highlight#green:hover { background: url(images/green-highlight.png) repeat; } #one { width: 255px; float: left; padding: 35px; } #two { background: url(images/highlight-bg.png) center center repeat-y; width: 273px; float: left; padding: 35px; } #three { width: 255px; float: left; padding: 35px; position: relative; } /** * 11.0 Login * ---------------------------------------------------------------------------- */ #login-content { border: 1px dashed #b88e31; margin: 0 auto; width: 959px; padding: 45px; } #login-content:after { content: ""; display: table; clear: both; } #login-content h2 { margin: 10px 0 0 0; } #login-content #top h2, #login-content #top p { display: inline-block; margin-right: 20px; } #login-content #top { background: url(images/background-rule-double-green.png) repeat-x left bottom; margin-bottom: 10px; } #login-content #left { width: 445px; border-right: 1px dashed #b88e31; float: left; min-height: 342px; margin-right: 3px; } #login-content #right { width: 445px; border-left: 1px dashed #b88e31; float: right; padding: 0 30px; margin-left: 3px; } #login-content #bottom { background: url(images/background-rule-double-gold.png) repeat-x left top; padding-top: 10px; } #login-content #bottom p span { margin-left: 50px; } #login-content #bottom ul { list-style-image: none; padding-left: 15px; display: inline-block; margin: 0; } #login-content #bottom ul li { float: left; margin: 0 50px 0 0; color: #CC9E3A; text-transform: uppercase; } @media all and (max-width: 959px) { #front-content-container { margin: 50x auto; } #login-content { width: 660px; padding: 10px; } #login-content #left { width: 325px; min-height: 356px; } #login-content #right { width: 307px; padding: 0 10px; } #login-content #bottom p span { margin-left: 0; } #sections { width: 660px; } #two { border-left: 1px dashed #cd9f2a; border-right: 1px dashed #cd9f2a; background: none; } #two .highlight { width: 178px; } #one, #two, #three { padding: 35px 9px; width: 200px; } input[type="text"], input[type="password"], textarea { width: 195px; } .nav-link { font-size: 14px; } #nav-wrapper { width: 713px; } #two p { font-size: 13px; } #one p, #three p { font-size: 12px; } #sections h3 { font-size: 14px; } } @media all and (max-width: 719px) { #utility-toggle { left: 20px; } #login-content { width: 300px; padding: 10px; } #login-content #left, #login-content #right { width: 300px; border-left: 0; border-right: 0; border-top: 1px dashed #b88e31; min-height: inherit; padding: 10px 0; } #sections { width: 300px; } #menu-utility-menu { right: inherit; left: 20px; } #logo-link { padding-top: 70px; } #one, #two, #three { padding: 35px 50px; } #two { border-bottom: 1px dashed #cd9f2a; border-top: 1px dashed #cd9f2a; border-left: 0; border-right: 0; } } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } /** * 12.0 TriMark Extras * ---------------------------------------------------------------------------- */ .officers-list { margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden; } .officers-list-item { display: block; width: 100%; overflow: hidden; margin-bottom: 22px; } .officers-list-item .item-image { float: left; max-width: 80px; margin: 0 20px 20px 0; } .officers-list-item .item-image img { display: block; padding: 2px; border: 1px solid #aaa; } .officers-list-item h3 { text-transform: none; } .officers-list-item h3, .officers-list-item p { margin: 0; } .officers-list-item a { display: block } .officers-list-item a:hover { text-decoration: underline } .officer-title-container h3 { margin-bottom: 0; } .officer-title-container p { margin-top: 0; } .officer-image-container { width: 100%; overflow: hidden; } @media(min-width: 960px) { .officer-title-container { border-bottom: 1px dashed #cd9f2a; } .officer-image-container { float: right; max-width: 110px; padding: 20px 0 12px 20px; margin: 0 0 20px 20px; border: dashed #cd9f2a; border-width: 0 0 1px 1px; } } .officer-image-container img { display: block; height: auto; max-width: 100%; margin: 0 0 10px; } .officer-image-container p { margin: 0; }