/* Theme Name: CTS Theme URI: https://charterts.com/ Description: Customized Theme for CTS Website Author: Rodriguez Valle Creative Author URI: https://rodriguezvalle.com/ Template: oceanwp Version: 1.1 */ /* Parent stylesheet is loaded from functions.php not using @import */ /* CTS Colors Dark Blue: #001c70 Light Blue: #3399ff Orange: #F78E20 Light Grey: #F7F5F4 Black/Grey: #1c1f2a */ #footer-bottom #copyright {text-align:left !important;} .oceanwp-mobile-menu-icon a {font-size:20px;} .oceanwp-mobile-menu-icon a.mobile-menu .oceanwp-text {display:none;} #top-bar {} #top-bar h5 {color:#ffffff; margin:0;} #top-bar h5 span {font-size:.75em; margin:0 20px 0 0; text-transform:uppercase; letter-spacing:.075em; color:#F78E20;} #top-bar h5 span a {color:#ffffff;} #top-bar h5 span a:hover {color:#F78E20;} #footer-bottom {border-top:1px solid #F7F5F4;} #cts-footer ul {margin:0; padding:0; list-style:none;font-weight:500;} #cts-footer .cts-footer-first p {font-size:.875em; line-height:1.5em; letter-spacing:0; margin:0;} #footer {background:#F7F5F4;} .icon-magnifier:before {font-weight:bold;font-size:12px;} #ctscontact {} #ctscontact h1 {color:#3399ff; font-size:2.65em; font-weight:700;} #ctscontact h3 {font-family:'Work Sans'; font-weight:400; border:0; font-size:1.5em; margin:0 0 10px 0;} #ctscontact .frm_primary_label {font-family:'Work Sans'; font-weight:500;} #ctscontact .frm_required {color:#F78E20;} #ctsfeature .lefty h1 {color:#3399ff; font-size:3em; font-weight:900; margin:10px 0 0 0;} #ctsfeature .lefty h2 {color:#001c70; font-size:1.5em; font-weight:600; margin:0;} #ctsfeature .lefty h6 {font-family:'Reenie Beanie', cursive; font-size:1.25em; margin:0;} #ctsfeature .elementor-button {background:#001c70; font-weight:600;} #ctsfeature .elementor-button:hover {background:#3399ff;} .ctsservice h3 {color:#001c70; font-size:2.25em; font-weight:700; margin:10px 0 0 0;} .ctsservice .elementor-button {background:#001c70; font-weight:600;} .ctsservice .elementor-button:hover {background:#3399ff;} #ctspartnerships h4 {color:#001c70; font-size:1.5em; font-weight:800; margin:0;} #ctspartnerships h2 {color:#001c70; font-size:1.75em; font-weight:700; letter-spacing:0em; margin:0;} #ctspartnerships .elementor-button {color:#ffffff !important; background:#001c70; font-weight:600;} #ctspartnerships .elementor-button:hover {background:#3399ff;} #block1 .dropdown-menu .sub-menu {min-width: 280px; margin:20px 0 0 0;} #ctsintro h1 {color:#3399ff; font-size:2.65em; font-weight:700;} #ctsintro h2 {color:#001c70; font-size:1.25em; line-height:1.5em; font-weight:400;} .pagequote p {color:#ffffff;} .pagequote strong {color:#F78E20 !important;} .pagequote h2 {color:#ffffff; font-size:2.25em; line-height:1.125em !important; font-weight:300; letter-spacing:0em; margin:0;} .pagequote h3 {color:#ffffff; font-size:1.25em; font-weight:500; letter-spacing:0em; margin:0;} .pagequote h6 {color:#ffffff; font-size:.875em; font-weight:500; letter-spacing:0em; margin:0;} .pagequote .elementor-button {color:#ffffff !important; background:#F78E20; font-weight:600;} .pagequote .elementor-button:hover {background:#3399ff;} .pagequoteBig h2 {color:#ffffff; font-size:3.25em; font-weight:300; letter-spacing:0em; margin:0;} .pagequoteBig h3 {color:#ffffff; font-size:1.25em; font-weight:500; letter-spacing:0em; margin:0;} #takeaction .frm_style_formidable-style.with_frm_style .form-field {margin-bottom:10px;} #takeaction input[type=text] {font-family:'Work Sans'; background:transparent; color:#ffffff; border:1px solid #3399ff; border-radius:0;} #takeaction input[type=email] {font-family:'Work Sans'; background:transparent; color:#ffffff; border:1px solid #3399ff; border-radius:0;} #takeaction select {font-family:'Work Sans'; border:0; font-size:.875em !important; background:#3399FF; color:#ffffff; border-radius:0;} #takeaction input[type=checkbox] {margin:0 4px 0 0 !important; vertical-align:middle !important;} #takeaction input[type=checkbox]:checked:before {content:none !important; margin:0 !important;} #takeaction input[type=checkbox] {font-size:24px !important;} #takeaction label {font-family:'Work Sans'; font-weight:400; font-size:.875em; color:#ffffff;} #takeaction input[type=tel] {font-family:'Work Sans'; background:transparent; color:#ffffff; border:1px solid #3399ff; border-radius:0;} #takeaction textarea {font-family:'Work Sans'; background:transparent; color:#ffffff; border:1px solid #3399ff; border-radius:0;} #takeaction a {color:#3399ff;} #takeaction .frm_submit button {border:0; background:#3399ff; font-family:'Work Sans'; font-weight:500; font-size:.875em; color:#ffffff; box-shadow:none; padding:10px;} #takeaction .frm_submit button:hover {background:#F78E20;} #takeaction p {color:#ffffff;} #takeaction .frm_style_formidable-style.with_frm_style .frm_message { border:0; background-color:#F78E20; color: #001c70; border-radius: 4px; } .leftright h3 {color:#001c70; font-size:2.25em; font-weight:700; margin:10px 0 0 0;} .leftright h4 {color:#001c70; font-size:1.5em; font-weight:700; margin:10px 0 0 0;} .leftright h5 {color:#001c70; font-size:1em; font-weight:600; margin:10px 0 0 0;} .leftright .elementor-button {color: #ffffff !important;background: #001c70;font-weight: 600;} .leftright .elementor-button:hover {background:#3399ff;} #columnGroup h4 {color:#001c70; font-size:1.5em; font-weight:800; margin:0;} .ctsteam h2 {color:#001c70; font-size:1.75em; font-weight:700; letter-spacing:0em; margin:0;} .ctsteam h5 {color:#3399ff; font-size:1.5em; line-height:1.25em !important; font-weight:400; letter-spacing:0em; margin:0;} .ctsteam h5 a {color:#3399ff !important;} .ctsteam .elementor-button {background:#001c70; font-weight:600;} .ctsteam .elementor-button:hover {background:#3399ff;} .ctsteampeeps h2 {color:#001c70; font-size:1.75em; font-weight:700; letter-spacing:0em; margin:0;} .ctsteampeeps {text-align:center !important;} .ctsStaffWrap {max-width:1200px; margin:0 auto; border:0px solid #333;} .ctsMember {width:20%; float:left; display:inline;} .ctsMemberPhoto {} .ctsMemberPhoto img {width:100%; height:auto;} .ctsMemberContent {padding:0 10px 10px 10px;} .ctsMemberContent h4 {color:#001c70; font-size:1em; margin:5px 0 0 0;} .ctsMemberContent h5 {color:#001c70; font-weight:400; font-size:.7em; margin:0 0 5px 0;} .ctsMemberContent p {font-size:.95em !important;} .ctsMemberContent p a {color:#3399ff;} .ctsMemberContent p a:hover {color:#F78E20;} #footer-widgets .navvy li {margin: 0;line-height: 1.25em;} #footer-widgets .navvy a {font-size: .875em;line-height: 1em;margin: 0;} .cts-page-title {text-transform:uppercase; font-size:.75em; letter-spacing:.15em; color:#001c70; margin:0; font-weight:600;} .cts-quote-title {text-transform:uppercase; font-size:.75em; letter-spacing:.15em; color:#F78E20; margin:0; font-weight:600;} .ctsphone {font-size:1em !important; color:#F78E20;letter-spacing:0 !important;} .clear {clear:both;} /* Mobile Styles */ @media only screen and (max-width: 767px){ .ctsMember {width:50%; float:left; display:inline;} } @media only screen and (max-width: 500px){ .ctsMember {width:100%; float:none; display:block;} .pagequote h2 {font-size:1.55em; text-align:left;} .pagequote h3 {font-size:1em; text-align:left;} #takeaction input[type=text] {margin:0 0 10px 0;} #takeaction input[type=email] {margin:0 0 10px 0;} #ctsintro h1 {font-size:1.75em;} #ctsintro h2 {font-size:1.25em; line-height:1.25em; } #ctsfeature .lefty h1 {font-size:1.75em;} #ctsfeature .lefty h2 {font-size:1.25em;} } /* Make any headline Ritaly Style */ .ritalystyle { padding: 4px 4px 4px 8px; background-color: #329aff; color: #d4d3d4; min-width: 100%; text-align: left; } .ritalytitle {font-size: 42px; color: #3399ff; font-weight: 700; font-family: 'Work Sans', sans-serif;} .danielbutton {background-color: #e19441; color: #efefef; padding: 4px 12px; border-radius: 12px; } /* *************** CUSTOM CLASSES ******************************** */ .johnsonbox {border: 2px solid #97999a; padding: 16px; margin-bottom: 28px; color: #001c71; background-color: #e6e7e8; font-size: 22px;} /* pad galleries in posts */ .madpipegallery {margin-bottom: 40px;} /* *************** POST PHOTOS ********************************* */ /* make a photo with this class full width on small device */ @media only screen and (max-width: 640px) { .single-post figure.wp-caption.alignright {width: 100% !important; display: block !important;} .single-post figure.wp-caption.alignright img {width: 100% !important; display: block !important;} } /* ********* INFO PAGES (DD) ***************************** */ /* remove title, since oceap wp settings on individual info pages don't do it */ .single-info header.entry-header {display: none;} /* remove edit w. elementor admin bar link on front end of info pages since disabling w. elementor doesn't do it */ .single-info div#wpadminbar li#wp-admin-bar-elementor_edit_page {display: none;} .single-info div#wpadminbar li#wp-admin-bar-elementor_edit_page {display: none;} /* remove the default 20px of margin the theme is adding to the entry content (only on info pages) */ .single-info .entry-content { margin-bottom:0px !important; }