/* Theme Name: CLL Real Estate Group Theme URI: http://www.steerpoint.com/ Author: SteerPoint Marketing Author URI: http://www.steerpoint.com/ Description: Custom Theme for the Asset Protection Group Website. Version: 1.0 Text Domain: cllreg */ /* Overall formatting */ body {min-width: 980px;margin: 0;padding: 0;color: #606060;font: 14px/1.4em Arial, Helvetica, sans-serif;background-color: #fff;} body > .layer_2 {position: relative;overflow: hidden;min-height: 100%;background-color: #fff;box-shadow: 0 0 7px rgba(0,0,0,0.5);transition: transform 0.2s;-webkit-transition: -webkit-transform 0.2s;} body > .layer_2.menu_revealed {transform: translateX(250px);-webkit-transform: translateX(250px);} h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1em;font-weight: bold;} h4 {font-size: 1em;} h5 {font-size: 1.3em; } h6 {font-size: 0.67em;} h1, h2, h3 {margin: 0 0 0.7em;} h4, h5, h6 {margin: 0 0 0.8em;} p {margin: 0 0 1em;} a, a:visited {color: #005d8f;text-decoration: none;} a img {border: none;} a img:hover {opacity: .5;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} ul {margin: 0 0 10px;padding: 0 0 0 25px;} li {margin: 0 0 3px;} table {margin: 0 0 1em;} th, td {vertical-align: top;} dl {margin: 0 0 1em;} th {padding: 0 15px 0 0;color: #444;vertical-align: middle;text-align: right;} input[type="text"], input[type="email"], input[type="tel"], input[type="search"], textarea, select {padding: 6px;color: #555;font: 14px 'Open Sans', sans-serif;background-color: #fff;border: 1px solid #f3f1f1;border-radius: 0;box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset;-webkit-appearance: none;} label {font-weight: bold;} textarea {overflow: auto;} select {margin: 0 5px 5px 0;vertical-align: middle;} input[type="submit"] {cursor: pointer;height: 30px;padding: 2px 30px 0;color: #fff;text-transform: uppercase;font: 13px/28px 'Open Sans', sans-serif;background-color: #005d8f;border: none;-webkit-appearance: none;} /* Editor classes for alignment */ .alignleft {float: left;} .alignright {float: right;text-align: right;} .aligncenter {margin-left: auto;margin-right: auto;text-align: center;} .hidden {display: none;} .cleared {clear: both;} img.alignleft {display: inline;margin: 0 15px 8px 0;} img.aligncenter {display: block;margin: 0 auto;} img.alignright {display: inline;margin: 0 0 8px 25px;} /* Columns */ .columns {margin: 0 -2% 0 0;} .columns.two {margin: 0 -4% 0 0;} .columns > .column {float: left;margin: 0 2% 2% 0;} .columns.two > .column {width: 46%;margin: 0 4% 2% 0;} .columns.three > .column {width: 31.3%;} .columns.four > .column {width: 23%;} .columns.five > .column {width: 18%;} .columns.two > .column:nth-child(2n+1), .columns.three > .column:nth-child(3n+1), .columns.four > .column:nth-child(4n+1), .columns.five > .column:nth-child(5n+1) {clear: both;} .columns > .column img {max-width: 100%;} /* Wrap */ .wrap {width: 980px;margin: 0 auto;padding: 0 10px 1px;} /* Responsive Menu */ #responsive_menu {position: fixed;display: none;width: 210px;height: 100%;padding: 0 20px 10px;color: #fff;font-size: 16px;line-height: 1.2em;background-color: #005d8f;border-top: 5px solid #005d8f;-webkit-overflow-scrolling: touch;} #responsive_menu h3 {text-transform: uppercase;font-weight: bold;font-size: 22px;line-height: 1em;} #responsive_menu .menu a {display: block;text-decoration: none;} #responsive_menu .menu a:hover {background-color: #28323c;} /*#responsive_menu .menu li.current-menu-item > a {color: #fff;}*/ #responsive_menu .menu {margin: 0 -20px 1.5em;padding: 0;list-style: none;} #responsive_menu .menu > li {margin: 0;background-color: #005d8f;border-bottom: 1px solid #c9cfdb;} #responsive_menu .menu > li > a {padding: 10px 20px;color: #ffffff;text-decoration: none;} #responsive_menu .sub-menu {margin: 0 0 10px;padding: 0;list-style: none;font-size: 13px;line-height: 1em;} #responsive_menu .sub-menu > li {padding: 0;border-bottom: none;} #responsive_menu .sub-menu > li > a {color: #aaa;padding: 2px 20px;} #responsive_menu .sub-menu .sub-menu {margin: 0;} #responsive_menu .sub-menu .sub-menu > li > a {padding: 2px 20px 2px 35px;} #responsive_menu .sub-menu .sub-menu .sub-menu li > a {padding: 2px 20px 2px 50px;} #responsive_menu .search_form {position: relative;margin: 0 -20px 20px;} #responsive_menu .search_form input[type="search"] {padding: 0.6em 30px 0.6em 20px;color: #ddd0d1;font-size: 12px;background-color: #941b22;border: none;} #responsive_menu .search_form input[type="submit"] {position: absolute;right: 0;top: 0;bottom: 0;width: 25px;background: url(images/responsive_menu-search_form-submit-bkg.png) no-repeat center / 14px 14px;border: none;} /* Header */ #header {position: relative;margin: 0 0 15px;padding: 0 0 11px;font-size: 12px;background: url(images/header-underline-img.jpg) no-repeat left bottom;} #header .upper_extension {position: absolute;left: 100%;top: 0;width: 999em;height: 37px;background-color: #f6f6f6;} #header .logo {float: left;overflow: hidden;width: 178px;height: 85px;margin: 30px 0 6px;text-indent: -999em;background: url(images/cll-real-estate-logo-new.jpg) no-repeat center top / 178px 85px;} #header .logo a {display: block;height: 100%;} #header .upper {position: relative;float: right;overflow: hidden;margin: 0 0 12px 0;padding: 0 14px 0 170px;text-align: right;text-transform: uppercase;line-height: 37px;background: #f6f6f6 url(images/header-upper-bkg.png) repeat-y;font-size:16px;} #header .upper #responsive_menu_button {position: absolute;left: 0;top: 0;display: none;height: 33px;padding: 0 0 0 35px;color: #005d8f;text-transform: uppercase;text-decoration: none;font-size: 12px;line-height: 33px;} #header .upper #responsive_menu_button i {position: absolute;left: 8px;top: 0;font-size: 20px;line-height: 33px;} #header .upper span {color: #005d8f;} #header .upper .social {margin-top: 5px;} #header .upper .search {float: right;margin: 0 0 0 70px;} #header .upper .search label {font-weight: normal;} #header .upper .search input[type="search"] {width: 130px;height: 16px;margin: 0 0 0 8px;padding: 3px 2px 1px;font-size: 11px;border-color: #f3f1f1;box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);} #header .nav {float: right;} #header .nav .menu {height: 25px;margin: 30px 0 0;padding: 0;list-style: none;text-transform: uppercase;line-height: 25px;} #header .nav .menu > li {position: relative;float: left;margin: 0;} #header .nav .menu > li.parent {background: url(images/header-nav-menu-li-parent-bkg.png) no-repeat left 32px / 12px 6px;} #header .nav .menu > li > a {position: relative;z-index: 98;display: block;height: 25px;margin: 0;padding: 0 15px;color: #555f6d;text-decoration: none;background-repeat: no-repeat;background-position: 0 0.5em;background-size: 12px;} #header .nav .menu > li > a:hover {color: #000;} #header .nav .menu > li.last {margin: 0;} #header .nav .menu > li.home > a {background-image: url(images/header-nav-menu-li-home-a-bkg.png);} #header .nav .menu > li.about_us > a {background-image: url(images/header-nav-menu-li-about_us-a-bkg.png);} #header .nav .menu > li.services > a {background-image: url(images/header-nav-menu-li-services-a-bkg.png);} #header .nav .menu > li.portfolio > a {background-image: url(images/header-nav-menu-li-portfolio-a-bkg.png);} #header .nav .menu > li.blog > a {background-image: url(images/header-nav-menu-li-blog-a-bkg.png);} #header .nav .menu > li.contact > a {background-image: url(images/header-nav-menu-li-contact-a-bkg.png);background-size: 14px;} #header .nav .menu > li > a:hover {} #header .nav .menu > li.current-menu-item > a, #header .nav .menu > li.current-menu-parent > a {color: #005d8f;} #header .nav .menu > li > ul {position: absolute;z-index: 98;width: 140px;left: -999em;margin: 0;padding: 10px 0;list-style: none;text-transform: none;font-size: 14px;line-height: 1.1em;background-color: #fff;border-radius: 3px;box-shadow: 0 2px 0 rgba(0,0,0,0.3);} #header .nav .menu > li:hover > ul {left: auto;} #header .nav .menu > li > ul > li {margin: 0;padding: 0;background: none;} #header .nav .menu > li > ul > li > a {display: block;padding: 4px 15px;text-decoration: none;color: #252a3d;} #header .nav .menu > li > ul > li > a:hover {background-color: #eee;} #header .nav .menu > li > ul > li.last > a {padding: 4px 15px;} #header .dropdown-menu {display: none;width: 100%;margin: 0 0 10px;color: #333;font-size: 22px;} /* Banner */ #banner #slider {position: relative;float: left;overflow: hidden;width: 650px;margin: 0 0 11px;} #banner #slider .sizer {display: block;width: 100%;} #banner #slider .slide {position: absolute;display: block;left: 0;top: 0;width: 100%;} #banner .calls_to_action {float: right;width: 320px;} #banner .calls_to_action p {margin: 0 0 16px;} #banner .calls_to_action img {display: block;width: 100%;} /* Listing Image Gallery */ .single-property #banner { background-image: none; margin: 0; padding: 10px 0 30px 0; } #banner #gallery .slide { width: 613px;height: 350px;background-color: #eee; } #banner #gallery .slide img {display: block;} #banner .layer_3 #pager { bottom: 5px; } #welcome {margin-top: 5px;text-align: center;background: #f5f7f7;padding-top: 30px;} #welcome .wrap {width: auto;padding: 0 50px 30px;border-bottom: 4px solid #005f90;} #welcome h1{color:#005f90} /* Kwyjibo */ #kwyjibo {margin: 0 0 30px;padding: 17px 20px 1px;color: #333;text-transform: uppercase;font-size: 18px;line-height: 30px;background-image: url(images/kwyjibo-bkg.png);} #kwyjibo .wrap {max-width: 100%;} #kwyjibo p {margin: 0 0 0.6em;} #kwyjibo .mailing_list {float: left;} #kwyjibo .mailing_list input {width: 150px;padding: 5px 10px;font-size: 16px;font-style: italic;border: none;} #kwyjibo .mailing_list input:focus {font-style: normal;} #kwyjibo .social_media {float: right;} #kwyjibo .social_media img {margin: 0 0 0 5px;vertical-align: top;} /*#kwyjibo .wpcf7-response-output, #kwyjibo .wpcf7-not-valid-tip {text-transform: none;font-size: 14px;}*/ #kwyjibo .gform_heading {float: left;margin-right: 10px;} #kwyjibo .gform_title {font-weight: normal;font-size: 18px;} #kwyjibo .gform_wrapper form {float: left;} #kwyjibo .gform_body {float: left;margin-right: 10px;} #kwyjibo .gform_footer {float: left;margin: 0;padding: 0;} #kwyjibo .gform_footer input {line-height: 20px;} #gform_wrapper_1, #gform_wrapper_3 {background: #f5f7f7;padding: 20px;} /* Main */ #main {overflow: hidden;padding: 30px 0 0;} /* Sidebar */ #sidebar {float: right;width: 28%;} #sidebar .widget {margin: 0 0 20px;} #sidebar .widget .widgettitle {font-size: 26px;font-weight: normal;} #sidebar .widget img {max-width: 100%;} #sidebar .widget ul {} #sidebar .widget li {margin: 0 0 15px;} /* Content */ #content {float: left;width: 68%;margin: 0 0 20px;} #content.full_width {float: none;width: auto;} #content .post {margin: 0 0 45px;} #content .title, #sidebar .title {margin: 0 0 20px;color: #005d8f;text-transform: uppercase;font-size: 20px;} #content .title a {color: #005d8f;text-decoration: none;} #content img.float_right {float: right;max-width: 400px;padding: 20px;} #content .date {} #content .postmetadata {} #content .custom_field_list {overflow: hidden;} #content .custom_field_list dt {clear: both;float: left;margin: 0 5px 0 0;color: #005d8f;font-weight: bold;} #content .custom_field_list dd {float: left;margin: 0;} #content .column_header {height: 47px;margin: 0 0 15px;padding: 30px 148px 0 0;color: #fff;text-align: center;text-transform: uppercase;font-size: 14px;font-weight: bold;background-color: #005d8f;background-repeat: no-repeat;background-position: right;} #content .welcome .column_header {background-image: url(images/column_header-welcome-bkg.jpg);} #content .recent_news .column_header {background-image: url(images/column_header-recent_news-bkg.jpg);} #content .column_header_alternate {margin: -26px 0 7px;color: #333;text-transform: uppercase;letter-spacing: 1px;font-size: 15px;} #content .smaller {padding: 20px 20px 10px;letter-spacing: 1px;font-size: 11px;line-height: 1.5em;} #content .smaller p {margin: 0 0 1.7em;} #content .recent_news article {overflow: hidden;margin: 0 0 10px;letter-spacing: 1px;font-size: 11px;line-height: 1.5em;border-bottom: 1px solid #ddd;} #content .recent_news article .date {float: left;margin: 0 8px 8px 0;padding: 0 8px 0 0;color: #8e8e8e;text-align: right;text-transform: uppercase;font: bold 17px/1.1em 'Maven Pro', sans-serif;border-right: 1px solid #8c8c8c;} #content .recent_news article .date span {margin: 0 -4px 0 0;color: #005d8f;font-size: 53px;line-height: 0.9em;} #content .recent_news article p {margin: 0 0 0.3em;} #content .button {display: inline-block;padding: 0 12px;color: #fff;text-transform: uppercase;text-decoration: none;font-size: 10px;line-height: 27px;background-color: #005d8f;border-radius: 10px;} #content .button.back {padding: 0 15px 0 25px;background: #005d8f url(images/button-back-bkg.png) no-repeat 12px center / 4px 8px;} /* Property Archive */ #content .properties {} #content .properties .property_thumbnail {width: 100%;height:auto} #content .properties .title {margin: 0 0 0.3em;text-transform: none;color: #333;font-size: 17px;} #content .properties .title a {color: #333;} /* Single Property */ #content .property .property_columns {margin: 0 0 15px;} #content .property .property_slider_container {position: relative;float: left;width: 57%;} #content .property #property_slider {} #content .property #property_slider .sizer {display: block;width: 100%;} #content .property #property_slider .slide {position: absolute;left: 0;top: 0;display: block;width: 100%;height: auto;} #content .property .property_slider_container .slider_button {position: absolute;z-index: 98;display: none;overflow: hidden;top: 45%;width: 32px;height: 32px;text-indent: -999em;background-size: 32px;} #content .property .property_slider_container .slider_button#property_slider-prev {left: 15px;background-image: url(images/property_slider_container-slider_button-prev-bkg.png);} #content .property .property_slider_container .slider_button#property_slider-next {right: 15px;background-image: url(images/property_slider_container-slider_button-next-bkg.png);} #content .property .property_details {float: right;width: 40%;} #content .property .property_details .title {margin: 0 0 0.3em;text-transform: none;color: #333;font-size: 17px;} #content .property .property_details #get_directions {width: 284px;margin: 0 0 5px;padding: 5px 8px;font-size: 11px;background-color: #f6f6f6;} #content .property .property_details #get_directions span {margin: 0 5px 0 0;color: #000;font-weight: bold;} #content .property .property_details #get_directions input[type="text"] {width: 150px;height: 24px;margin: 0 3px 0 0;padding: 0 4px;} #content .property .property_details #get_directions input[type="submit"] {width: 32px;height: 24px;padding: 0;background: #005d8f url(images/get_directions-input-submit-bkg.png) no-repeat center / 16px;border-radius: 2px;} #content .pdf_link {display: inline-block;padding: 0 0 0 48px;color: #000;text-decoration: none;font-size: 16px;line-height: 42px;background: url(images/pdf_link-bkg.png) no-repeat 0 0 / 38px 40px;} #content .pdf_link:hover {text-decoration: underline;} #content .disclaimer {color: #005d8f;font-size: 12px;line-height: 1.2em;} /* Footer */ #footer {margin: 40px 0 0;color: #fff;font-size: 12px;background-color: #005d8f; text-align: center;} #footer .wrap {padding: 17px 0 8px;} #footer a {color: #fff;} #footer .badge {float: left;margin: -60px 0 -65px;} #footer .nav {float: right;} #footer .nav .menu {height: 25px;margin: 0;padding: 0;list-style: none;text-transform: uppercase;line-height: 25px;} #footer .nav .menu li {float: left;margin: 0 0 0 45px;} #footer .nav .menu li a {display: block;text-decoration: none;} #footer .badges img {margin: 0 0 0 3px;} /* Post and Comment Navigation */ .navigation {overflow: hidden;margin: 0 0 20px;font-weight: bold;} .comment-navigation {overflow: hidden;height: 1%;font-weight: bold;} .navigation ul, .comment-navigation ul {float: right;list-style: none;} .navigation li, .comment-navigation li {float: left;margin-left: 5px;} .navigation a, .navigation span, .comment-navigation a, .comment-navigation span {display: block;padding: 0 10px;line-height: 24px;color: #5d3128;text-decoration: none;text-transform: lowercase;font-family: Arial, Helvetica, sans-serif;background-color: #cfcfc6;} .navigation a:hover, .comment-navigation a:hover {background-position: left -20px;} .navigation span, .comment-navigation span {color: #fff;} /* Comments */ #comments-section {margin-bottom: 120px;padding-top: 10px;background: #fff;} /*#comments {width: 600px;color: #888;}*/ #comments .commentlist {margin: 0 0 20px;padding: 0;list-style: none;} #comments .commentlist li {margin: 0 0 10px;padding: 10px 15px 0;background-color: #f8f8f8;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} #comments .commentlist li.odd {background-color: #eee;} #comments textarea {width: 98%;} .vcard {font-weight: bold;} .vcard img {margin: 0 7px 0 0;vertical-align: middle;border: 2px solid #ccd0dd;} .comment-date {float: right;font-size: 8pt;font-weight: normal;} /*Gravity Forms */ #rc-anchor-container, .rc-anchor-normal { max-width: 255px !important;} .rc-anchor-normal-footer{margin-left:-40px} .rc-anchor-normal .rc-anchor-pt , .rc-anchor-invisible .rc-anchor-pt, .rc-anchor-compact .rc-anchor-pt{right:40px !important} /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt{ float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; } /* Repsonsive Design */ @media only screen and (max-width: 999px) { body {min-width: 320px;} .wrap {width: auto;} #header .logo {} #banner #slider {width: 66.3%;} #banner .calls_to_action {width: 32.7%;} #banner .calls_to_action p {margin: 0 0 3.3%;} #footer .wrap {padding: 15px 10px 10px;} #footer .nav {margin: 0 5px 0 0;} #footer .nav .menu li {margin: 0 5px;} } @media only screen and (max-width: 960px) { #responsive_menu_button { display: block; color: rgb(49, 74, 84); } #kwyjibo {text-align: center;} #kwyjibo .mailing_list {float: none;margin: 0 0 20px;} #kwyjibo .social_media {float: none;margin: 0 0 20px;font-weight: 600} #kwyjibo .gform_heading{float:none;margin-right: 0} #kwyjibo .gform_body{ float: none;margin-right: 0;} #kwyjibo .mailing_list input{width:200px} #kwyjibo .gform_wrapper form{float:none;} #kwyjibo .gform_footer{float:none;} #kwyjibo .mailing_list {float: none;margin: 0 0 20px;} #kwyjibo .social_media {float: none;margin: 0 0 20px;} } @media only screen and (max-width: 929px) { #header .wrap {padding: 15px 20px 10px;} #main .wrap {padding: 40px 20px 1px;} #header .nav .menu > li > a {padding: 0 8px;} #content {float: none;width: auto;} #content img {max-width: 100%;height: auto;} #content img.float_right{hieght:auto;float:none;width:100%;max-width:400px;margin:0 auto;} #content .column_header span {display: none;} #sidebar {float: none;width: auto;margin: 0 -2% 0 0;} #sidebar .widget {float: left;width: 48%;margin: 0 2% 20px 0;} #sidebar .widget:nth-child(2n+1) {clear: both;} #sidebar .widget .widgettitle {margin: 0 0 0.5em;font-size: 24px;} #sidebar .widget img {width: 100%;} } @media only screen and (max-width: 819px) { #header {background: none;padding: 0;border-bottom: 11px solid #005d8f;} #header .upper {float: none;margin: 0 -10px 20px;padding: 0 10px;} #header .logo {clear: both;float: none;width: auto;margin: 0 -10px 20px;} #header .nav {position: relative;float: right;right: 50%;} #header .nav .menu {position: relative;float: right;right: -50%;height: auto;margin: 0 0 10px;} #footer {margin: 60px 0 0;} #footer .badge {float: none;display: block;margin: -100px auto 30px;} #footer .nav {position: relative;right: 50%;clear: both;float: right;margin: 0;} #footer .nav .menu {position: relative;right: -50%;float: right;} } @media only screen and (max-width: 767px) { .columns {margin: 0 -5% 0 0;} .columns.two > .column {width: 95%;margin: 0 5% 5% 0;} .columns.four > .column {width: 45%;margin: 0 5% 5% 0;} .columns.three {margin: 0;} .columns.three > .column {float: none;width: auto;margin: 0 0 40px;} .columns.five {margin: 0;} .columns.five > .column {float: none;width: auto;margin: 0 0 20px;} .columns.four > .column:nth-child(2n+1) {clear: both;} #kwyjibo {font-size: 16px;font-weight: bold;} } @media only screen and (max-width: 639px) { #header .upper #responsive_menu_button {display: block;} #header .nav {display: none;} #header .dropdown-menu {display: block;} #content .order_an_appraisal input, #content .order_an_appraisal textarea {width: 94%;} #content .order_an_appraisal input[type="submit"] {width: auto;} #content .property .property_slider_container {float: none;width: auto;margin: 0 0 20px;} #content .property .property_details {float: none;width: auto;margin: 0 0 20px;} } @media only screen and (max-width: 549px) { #banner #slider {float: none;width: 100%;margin: 0 0 10px;} #banner .calls_to_action {float: none;width: 100%;margin: 0 0 20px;} #sidebar .widget {float: none;width: auto;margin: 0 0 40px;} #footer .nav {position: static;right: auto;float: none;width: 300px;margin: 0 auto 10px;text-align: center;} #footer .nav .menu {position: static;right: auto;float: none;height: auto;} #footer .nav .menu li {float: none;margin: 0;} } @media only screen and (max-width: 449px) { #header .upper .search {display: none;} } /* High Pixel Density Screen Support */ @media only screen and (min-device-pixel-ratio: 1.5), @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { }