html, body {
font-size: 16px;
min-height: 100%;
margin: 0 !important;
padding: 0;
font-family: 'Quicksand', Arial, sans-serif;
}
img {
max-width: 100%;
height: auto;
}
/**
* Page Center
*
* Apply this class to full-width modules.
*/
.page-center {
float: none !important;
max-width: !important;
margin: 0 auto !important;
}
/* Highlighted Text */
::-moz-selection, ::selection {
color: ;
background-color: ;
}
img {}
/* ==========================================================================
Typography
========================================================================== */
/* Basic text */
.main-content p, .main-content li {
font-family: 'Source Sans 3', Arial, sans-serif;
font-size: 1.15rem;
font-weight: 300;
line-height: 1.75rem;
color: #313131;
padding: 0;
margin: 5px 0 15px;
}
/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}
q:before, q:after, blockquote:before, blockquote:after {}
.white-text h1, .white-text h2, .white-text h3, .white-text h4,
.white-text h5, .white-text h6, .white-text p, .white-text a,
.white-text div, .white-text span {
color: !important;
}
.white-text a:hover {
color: ;
}
.blue-text h1, .blue-text h2, .blue-text h3, .blue-text h4,
.blue-text h5, .blue-text h6, .blue-text p, .blue-text a,
.blue-text div, .blue-text span {
color: ;
}
/* Homepage 1 */
.home-1 .section-one .small-icons {
width: 40px;
border-bottom: 2px solid ;
border-radius: ;
padding-bottom: 5px;
margin-bottom: 20px;
}
.home-1 .section-one h3 {
color: ;
}
.home-1 .section-two.page-center {
padding: 5% 10% 0;
}
.home-1 .section-three{
padding: 4% 15px;
}
.home-1 .section-three .large-icons {
padding: 35px 0 25px;
}
.home-1 .section-three .large-icons span {
color: ;
}
.home-1 .section-four .small-icons {
padding: 0 0 0 25px;
}
.home-1 .section-four .btn-link {
padding-top: 55px;
}
.home-1 .section-four .btn-link h4 {
width: 65%;
float: right;
display: inline-block;
-webkit-appearance: none;
appearance: none;
color: ;
border: none;
border-radius: ;
background-color: ;
box-shadow: 0 5px ;
padding: 15px 30px;
margin: 0 0 15px;
}
.home-1 .section-four .btn-link h4:focus {
outline: none;
}
.home-1 .section-four .btn-link h4:hover {
background-color: ;
box-shadow: 0 0 ;
transform: translateY(5px);
}
.home-1 .section-four .btn-link h4:active {
background-color: ;
}
.home-1 .section-four .btn-link h4 a:hover {
color: ;
}
.home-1 .section-4-content{
padding-right: 40px;
}
.home-1 .section-five.page-center {
padding: 6% 10%;
}
.home-1 .section-five h4 {
font-weight: 300;
line-height: 1.75em;
color: ;
}
.home-1 .section-five img {
border-radius: 50%;
}
.home-1 .section-five h3 {
margin: 30px auto 0;
}
.home-1 .section-five p {
margin-top: 0;
}
.home-1 .section-six-bkg {
background-repeat: no-repeat;
background-position: -25% 50%;
background-size: 600px;
padding: 8% 0;
}
.home-1 .section-eight .news-posts {
margin-top: -13px;
}
.home-1 .section-eight .news-posts .hs-rss-title span {
font-weight: 400;
font-size: 1.25em;
line-height: 1em;
}
.home-1 .section-eight .news-posts .hs-rss-description p {
line-height: 1.5em;
}
.home-1 .section-eight .news-posts .hs-rss-description a {
display: block;
font-weight: 400;
margin-top: 10px;
}
.home-1 .section-eight .news-posts .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
width: 60%;
float: right;
padding: 0 0 0 20px;
}
.home-1 .section-eight .news-posts .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
width: 40%;
}
.home-1 .section-eight .events-posts .block h3 {
margin: 0;
}
.home-1 .section-eight .events-posts ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.home-1 .section-eight .events-posts ul li {
padding: 8px 0;
margin: 0;
}
.home-1 .section-eight .events-posts ul li:first-child {
padding-top: 0;
}
.home-1 .section-eight .events-posts ul li a {
font-size: 1em;
font-weight: 300;
line-height: 1.25em;
padding: 0;
margin: 0;
}
/* Homepage 2 */
.home-2 .section-one h3 {
color: ;
}
.home-2 .section-one .image-content-group {
border: solid ;
border-radius: ;
}
.home-2 .section-one .image-content-group.color-1 {
border-top: 3px solid ;
}
.home-2 .section-one .image-content-group.color-2 {
border-top: 3px solid ;
}
.home-2 .section-one .image-content-group.color-3 {
border-top: 3px solid ;
}
.home-2 .section-two-bkg {
background-repeat: no-repeat;
background-position: -20% 50%;
background-size: 600px;
padding: 8% 0;
}
.home-2 .section-three .large-icons {
padding: 35px 0 25px;
}
.home-2 .section-three .large-icons span {
color: ;
}
.home-2 .section-four.page-center {
padding: 6% 10%;
}
.home-2 .section-four h4 {
font-weight: 300;
line-height: 1.75em;
color: ;
}
.home-2 .section-four img {
border-radius: 50%;
}
.home-2 .section-four h3 {
margin: 30px auto 0;
}
.home-2 .section-four p {
margin-top: 0;
}
.home-2 .section-six .recent-blog-post-item {
float: left;
width: 33.33%;
padding: 15px 25px;
}
.home-2 .section-six .recent-blog-post-item .featured-image {
width: 332px;
height: 200px;
overflow: hidden;
margin-bottom: 20px;
}
.home-2 .section-six .recent-blog-post-item .featured-image img {
width: 100%;
height: auto;
}
.home-2 .section-six .recent-blog-post-item .post-summary p,
.home-2 .section-six .recent-blog-post-item .post-summary p strong {
font-weight: 300;
}
.home-2 .section-six .recent-blog-post-item .post-link {
font-weight: 400;
}
.home-2 .section-six .recent-blog-post-item a:hover {
color: ;
}
/* Homepage 3 */
.home-3 .section-one .small-icons {
width: 40px;
border-bottom: 2px solid ;
border-radius: ;
padding-bottom: 5px;
margin-bottom: 20px;
}
.home-3 .section-one h3 {
color: ;
}
.home-3 .section-three{
padding: 4% 15px;
}
.home-3 .section-three .large-icons {
padding: 35px 0 25px;
}
.home-3 .section-three .large-icons span {
color: ;
}
.home-3 .section-four .small-icons {
padding: 0 0 0 25px;
}
.home-3 .section-four .btn-link {
padding-top: 55px;
}
.home-3 .section-four .btn-link h4 {
width: 65%;
float: right;
display: inline-block;
-webkit-appearance: none;
appearance: none;
color: ;
border: none;
border-radius: ;
background-color: ;
box-shadow: 0 5px ;
padding: 15px 30px;
margin: 0 0 15px;
}
.home-3 .section-four .btn-link h4:focus {
outline: none;
}
.home-3 .section-four .btn-link h4:hover {
background-color: ;
box-shadow: 0 0 ;
transform: translateY(5px);
}
.home-3 .section-four .btn-link h4:active {
background-color: ;
}
.home-3 .section-four .btn-link h4 a:hover {
color: ;
}
.home-3 .section-4-content{
padding-right: 40px;
}
.home-3 .section-five.page-center {
padding: 6% 10%;
}
.home-3 .section-five h4 {
font-weight: 300;
line-height: 1.75em;
color: ;
}
.home-3 .section-five img {
border-radius: 50%;
}
.home-3 .section-five h3 {
margin: 30px auto 0;
}
.home-3 .section-five p {
margin-top: 0;
}
.home-3 .section-six-bkg {
background-repeat: no-repeat;
background-position: -25% 50%;
background-size: 600px;
padding: 8% 0;
}
/* Homepage 4 Video Background*/
.home-4 .video-banner-bkg,
.home-4 .banner-content {
padding: 12% 0 10%;
}
.home-4 .video-banner-bkg .dark-overlay{
background-color: transparent;
}
.home-4 .video-container {
height: 100%;
max-height: 500px;
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px;
}
.home-4 .title-container {
position: absolute;
z-index: 1;
width: 100%;
padding: 0;
}
.home-4 .banner-content .white-text h1, .home-4 .banner-content .white-text h2,
.home-4 .banner-content .white-text h3, .home-4 .banner-content .white-text h4,
.home-4 .banner-content .white-text h5, .home-4 .banner-content .white-text h6,
.home-4 .banner-content .white-text p, .home-4 .banner-content .white-text a {
text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}
.home-4 .banner-content h1 {
letter-spacing: 0;
margin-bottom: 15px;
}
.home-4 .banner-content h5 {
font-weight: 300;
}
.home-4 #video1 {
position: relative;
z-index: 0;
min-width: 100%;
min-height: 100%;
-webkit-filter: brightness(0.65) grayscale(0.25);
-moz-filter: brightness(0.65) grayscale(0.25);
filter: brightness(0.65) grayscale(0.25);
}
.home-4 .video-banner-html-module {
min-height: 0 !important;
}
.home-4 .section-one .small-icons {
width: 40px;
border-bottom: 2px solid ;
border-radius: ;
padding-bottom: 5px;
margin-bottom: 20px;
}
.home-4 .section-one h3 {
color: ;
}
.home-4 .section-two.page-center {
padding: 5% 10% 0;
}
.home-4 .section-three{
padding: 4% 15px;
}
.home-4 .section-three .large-icons {
padding: 35px 0 25px;
}
.home-4 .section-three .large-icons span {
color: ;
}
.home-4 .section-four .small-icons {
padding: 0 0 0 25px;
}
.home-4 .section-four .btn-link {
padding-top: 55px;
}
.home-4 .section-four .btn-link h4 {
width: 65%;
float: right;
display: inline-block;
-webkit-appearance: none;
appearance: none;
color: ;
border: none;
border-radius: ;
background-color: ;
box-shadow: 0 5px ;
padding: 15px 30px;
margin: 0 0 15px;
}
.home-4 .section-four .btn-link h4:focus {
outline: none;
}
.home-4 .section-four .btn-link h4:hover {
background-color: ;
box-shadow: 0 0 ;
transform: translateY(5px);
}
.home-4 .section-four .btn-link h4:active {
background-color: ;
}
.home-4 .section-four .btn-link h4 a:hover {
color: ;
}
.home-4 .section-4-content{
padding-right: 40px;
}
.home-4 .section-five.page-center {
padding: 6% 10%;
}
.home-4 .section-five h4 {
font-weight: 300;
line-height: 1.75em;
color: ;
}
.home-4 .section-five img {
border-radius: 50%;
}
.home-4 .section-five h3 {
margin: 30px auto 0;
}
.home-4 .section-five p {
margin-top: 0;
}
.home-4 .section-six-bkg {
background-repeat: no-repeat;
background-position: -25% 50%;
background-size: 600px;
padding: 8% 0;
}
.home-4 .section-eight .news-posts {
margin-top: -13px;
}
.home-4 .section-eight .news-posts .hs-rss-title span {
font-weight: 400;
font-size: 1.25em;
line-height: 1em;
}
.home-4 .section-eight .news-posts .hs-rss-description p {
line-height: 1.5em;
}
.home-4 .section-eight .news-posts .hs-rss-description a {
display: block;
font-weight: 400;
margin-top: 10px;
}
.home-4 .section-eight .news-posts .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
width: 60%;
float: right;
padding: 0 0 0 20px;
}
.home-4 .section-eight .news-posts .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
width: 40%;
}
.home-4 .section-eight .events-posts .block h3 {
margin: 0;
}
.home-4 .section-eight .events-posts ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.home-4 .section-eight .events-posts ul li {
padding: 8px 0;
margin: 0;
}
.home-4 .section-eight .events-posts ul li:first-child {
padding-top: 0;
}
.home-4 .section-eight .events-posts ul li a {
font-size: 1em;
font-weight: 300;
line-height: 1.25em;
padding: 0;
margin: 0;
}
@media (max-width: 768px) {
.home-4 .mobile-banner-bkg {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.home-4 .dark-overlay {
background: ;
position: relative;
}
.home-4 .video-banner-html-module,
.home-4 .video-container #video1 {
display: none !important;
}
.home-4 .title-container {
width: 100%;
margin: 0 !important;
padding: 10% 5% 12%;
}
.home-4 .title-container {
z-index: 0;
}
.home-4 .video-banner-bkg .dark-overlay{
background-color: ;
}
}
/* Homepage 5 */
.home-5 .parallax-hero-banner .dark-overlay.full-cover .page-center .header{
padding: 18% 0;
}
.home-5 .parallax-hero-banner .dark-overlay.full-cover .header h1 {
line-height: 1em;
}
.home-5 .parallax-hero-banner .dark-overlay.full-cover .header p {
font-size: 1.25em;
margin-bottom: 0;
}
.home-5 .section-one .small-icons {
width: 40px;
border-bottom: 2px solid ;
border-radius: ;
padding-bottom: 5px;
margin-bottom: 20px;
}
.home-5 .section-one h3 {
color: ;
}
.home-5 .section-three{
padding: 4% 15px;
}
.home-5 .section-three .large-icons {
padding: 35px 0 25px;
}
.home-5 .section-three .large-icons span {
color: ;
}
.home-5 .section-four .small-icons {
padding: 0 0 0 25px;
}
.home-5 .section-four .btn-link {
padding-top: 55px;
}
.home-5 .section-four .btn-link h4 {
width: 65%;
float: right;
display: inline-block;
-webkit-appearance: none;
appearance: none;
color: ;
border: none;
border-radius: ;
background-color: ;
box-shadow: 0 5px ;
padding: 15px 30px;
margin: 0 0 15px;
}
.home-5 .section-four .btn-link h4:focus {
outline: none;
}
.home-5 .section-four .btn-link h4:hover {
background-color: ;
box-shadow: 0 0 ;
transform: translateY(5px);
}
.home-5 .section-four .btn-link h4:active {
background-color: ;
}
.home-5 .section-four .btn-link h4 a:hover {
color: ;
}
.home-5 .section-4-content{
padding-right: 40px;
}
.home-5 .section-five.page-center {
padding: 6% 10%;
}
.home-5 .section-five h4 {
font-weight: 300;
line-height: 1.75em;
color: ;
}
.home-5 .section-five img {
border-radius: 50%;
}
.home-5 .section-five h3 {
margin: 30px auto 0;
}
.home-5 .section-five p {
margin-top: 0;
}
.home-5 .section-six-bkg {
background-repeat: no-repeat;
background-position: -25% 50%;
background-size: 600px;
padding: 8% 0;
}
@media (max-width: 768px) {
.home-5 .mobile-banner-bkg {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}
/* Interior Page 1 */
.interior-page-1{}
/* Interior Page 2 */
.interior-page-2{}
/* Interior Page 3 */
.interior-page-3{}
/* Interior Page 4 */
.interior-page-4 .parallax-hero-banner .page-center {
padding: 8% 0 12%!important;
}
.interior-page-4 .parallax-hero-banner .dark-overlay.full-cover .page-center .header{
padding: 0!important;
}
.interior-page-4 .section-one.page-center {
padding: 0 7% 5%;
}
.interior-page-4 .section-one .section-one-image {
position: relative;
margin-top: -100px;
margin-bottom: 35px;
}
/* Interior Page 5 */
.interior-page-5 {}
/* Interior Page 6 */
.interior-page-6{}
/* Interior Page 7 */
.interior-page-7{}
/* Interior Page 8 */
.interior-page-8{}
/* Interior Page 9 */
.interior-page-9{}
/* Interior Page 10 */
.interior-page-10 {}
/* Interior Page 11 */
.interior-page-11 {}
/* Interior Page 12 */
.interior-page-12{}
/* Interior Page 13 */
.interior-page-13{}
/* Interior Page 14 */
.interior-page-14{}
/* Interior Page 15 */
.interior-page-15 .parallax-hero-banner .page-center {
padding: 8% 0 12%!important;
}
.interior-page-15 .parallax-hero-banner .dark-overlay.full-cover .page-center .header{
padding: 0!important;
}
.interior-page-15 .section-one.page-center {
padding: 0 7% 5%;
}
.interior-page-15 .section-one .section-one-image {
position: relative;
margin-top: -100px;
margin-bottom: 35px;
}
/* Interior Page 16 */
.interior-page-16 .parallax-hero-banner .page-center {
padding: 8% 0 12%!important;
}
.interior-page-16 .parallax-hero-banner .dark-overlay.full-cover .page-center .header{
padding: 0!important;
}
.interior-page-16 .section-one.page-center {
padding: 0 7% 5%;
}
.interior-page-16 .section-one .widget-type-linked_image {
position: relative;
margin-top: -100px;
margin-bottom: 35px;
}
/* Interior Page 17 */
.interior-page-17 .section-one.page-center {
padding: 5% 0 10% 0;
}
.interior-page-17 .section-two.page-center {
padding: 0 7% 5%;
}
.interior-page-17 .section-two .widget-type-linked_image {
position: relative;
margin-top: -100px;
margin-bottom: 35px;
}
/* Interior Page 18 */
.interior-page-18 .parallax-hero-banner .page-center {
padding: 8% 0 12%!important;
}
.interior-page-18 .parallax-hero-banner .dark-overlay.full-cover .page-center .header{
padding: 0!important;
}
.interior-page-18 .section-one.page-center {
padding: 0 7% 5%;
}
.interior-page-18 .section-one .widget-type-linked_image {
position: relative;
margin-top: -100px;
margin-bottom: 35px;
}
/* Interior Page 19 */
.interior-page-19{}
/* Interior Page 20 */
.interior-page-20 .section-one.page-center {
padding: 5% 0 10% 0;
}
.interior-page-20 .section-two.page-center {
padding: 0 7% 5%;
}
.interior-page-20 .section-two .widget-type-linked_image {
position: relative;
margin-top: -100px;
margin-bottom: 35px;
}
/* Interior Page 21 */
.interior-page-21 .section-two.page-center {
padding: 5% 0 10% 0;
}
.interior-page-21 .section-three.page-center {
padding: 0 7% 5%;
}
.interior-page-21 .section-three .widget-type-linked_image {
position: relative;
margin-top: -100px;
margin-bottom: 35px;
}
/* About */
.about .section-one.page-center {
padding: 7% 10%;
}
.about .section-three.page-center {
padding: 7% 10%;
}
.about .section-three h3 {
color: ;
}
.about .section-three .cd-container {
position: relative;
padding: 2em 0;
margin-top: 2em;
margin-bottom: 2em;
}
.about .section-three .cd-container {
border-left: 4px solid ;
}
.about .section-three .cd-timeline-block {
position: relative;
margin: 2em 0;
}
.about .section-three .cd-timeline-block:after {
content: "";
display: table;
clear: both;
}
.about .section-three .cd-timeline-block:first-child {
margin-top: 0;
}
.about .section-three .cd-timeline-block:last-child {
margin-bottom: 0;
}
.about .section-three .cd-timeline-img.cd-picture {
text-align: center;
color: ;
}
.about .section-three .cd-timeline-img.cd-picture .fa {
font-size: 1.5em;
margin-top: 8px;
}
.about .section-three .cd-timeline-img {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 50%;
}
.about .section-three .cd-timeline-img img {
display: block;
width: 24px;
height: 24px;
position: relative;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
}
.about .section-three .cd-timeline-img {
background-color: ;
}
.about .section-three .cd-timeline-content {
position: relative;
margin-left: 60px;
background-color: #fff;
border-radius: ;
padding: 1em;
box-shadow: 0 3px 0 ;
}
.about .section-three .cd-timeline-content:after {
content: "";
display: table;
clear: both;
}
.about .section-three .cd-timeline-content::before {
content: '';
position: absolute;
top: 16px;
right: 100%;
height: 0;
width: 0;
border: 7px solid transparent;
border-right: 7px solid #fff;
}
@media (max-width: 1169px) {
.about .section-three .cd-container{
margin-left: 20px;
width: 97%;
}
.about .section-three .cd-timeline-img.cd-picture{
margin-left: -20px;
}
}
/* Small Team Page */
.team-page-1 .team-bio-section h2 {
margin: 10px 0 0;
}
.team-page-1 .team-bio-section h4 {
font-weight: 300;
color: ;
}
/* Large Team Page */
.team-page-2 .team-member-section .widget-type-widget_container .hs_cos_wrapper_type_rich_text {
padding: 20px 0 0;
}
.team-page-2 .team-member-section .widget-type-widget_container .hs_cos_wrapper_type_rich_text a img {
opacity: 0.75;
}
.team-page-2 .team-member-section .widget-type-widget_container .hs_cos_wrapper_type_rich_text:hover a img {
opacity: 1;
}
.team-page-2 .team-member-section .widget-type-widget_container .hs_cos_wrapper_type_rich_text h4,
.team-page-2 .team-member-section .widget-type-widget_container .hs_cos_wrapper_type_rich_text h4 a {
color: ;
}
.team-page-2 .team-member-section .widget-type-widget_container .hs_cos_wrapper_type_rich_text:hover h4 a {
color: ;
}
/* Team Member Page */
.team-member-page .page-title.page-center {
padding: 25px 0;
}
.team-member-page .page-title .section-header h1 {
margin: 0;
}
.team-member-page .page-title .secondary-header {
font-size: 1.5em;
line-height: 1.25em;
margin: 0;
}
.team-member-page .section-one .team-image {
margin-top: -150px;
}
.team-member-page .section-one .team-image img {
border-radius: ;
}
.team-member-page .section-one .contact-info,
.team-member-page .section-one .social-icons {
padding-left: 10px;
}
.team-member-page .section-one .contact-info h3 {
color: ;
margin: 50px 0 15px;
}
.team-member-page .section-one .contact-info p {
font-size: 1em!important;
}
.team-member-page .section-one .social-icons span {
font-size: 20px;
color: ;
padding: 0 15px 0 0;
}
.team-member-page .section-one .social-icons {
padding-top: 5px;
}
.team-member-page .section-one .social-icons span:hover {
color: ;
}
/* Careers */
.careers .section-one.page-center {
padding: 5% 10%;
}
.careers .section-one h4 {
color: ;
}
.careers .section-two.page-center {
padding: 5% 12%;
}
.careers .section-three.page-center {
padding: 5% 5%;
}
.careers .section-three .widget-type-widget_container .hs_cos_wrapper.hs_cos_wrapper_widget {
padding: 10px 20px 25px;
}
.careers .questions-section h3.ui-accordion-header {
color: ;
font-weight: 400;
outline: none;
cursor: pointer;
margin: 20px 0 15px;
}
.careers .questions-section span.ui-accordion-header-icon.ui-icon:before {
font-family: 'Font Awesome 5 Pro';
color: ;
margin-right: 10px;
}
.careers .questions-section span.ui-accordion-header-icon.ui-icon.closed:before {
content: ''; /* plus icon */
}
.careers .questions-section span.ui-accordion-header-icon.ui-icon.open:before {
content: ''; /* minus icon */
}
.careers .questions-section .ui-accordion-content.ui-accordion-content-active {
padding: 0 40px;
margin-top: -15px;
}
/* Features */
.features .section-one.page-center {
padding: 4% 0;
}
.features .section-one .feature-button-wrapper,
.features .section-one .feature-button-wrapper h3 {
margin: 15px 0 0;
}
.features .section-one .feature-button-wrapper img {
opacity: 0.75;
}
.features .section-one .feature-button-wrapper:hover img {
opacity: 1;
}
.features .left-feature-img-bkg {
background-repeat: no-repeat;
background-position: -10% 50%;
background-size: 550px;
padding: 10% 20px;
}
.features .right-feature-img-bkg {
background-repeat: no-repeat;
background-position: 110% 50%;
background-size: 550px;
padding: 10% 20px;
}
/* Testimonials */
.testimonials .testimonial-section img {
border-radius: 50%;
}
.testimonials .testimonial-section .quotes {
padding: 0 20px;
margin: -15px 0;
}
.testimonials .testimonial-section .quotes:before {
display: inline-block;
color: ;
content: open-quote;
font-size: 7em;
line-height: .1em;
position: relative;
left: -5%;
top: 105px;
}
.testimonials .testimonial-section .quotes:after {
display: inline-block;
color: ;
content: close-quote;
font-size: 7em;
line-height: .1em;
position: relative;
left: 100%;
top: 10px;
}
.testimonials .testimonial-section h4 {
text-align: right;
font-weight: 400;
font-size: 1em;
}
/* Privacy Policy */
.privacy{}
/* Pricing Page */
.pricing .price-block-wrapper.span3 {
border: solid ;
width: 25%;
margin: 18px auto;
}
.pricing .price-block-wrapper.span3:first-child {
border-left: solid ;
}
.pricing .price-block-wrapper.span3:last-child {
border-right: solid ;
}
.pricing .price-block-wrapper .price-header {
padding: 20px 15px 15px;
}
.pricing .price-block-wrapper h2 {
font-size: 1.75em;
line-height: 1em;
color: ;
margin: 0;
}
.pricing .price-block-wrapper .price-content {
min-height: 225px;
padding: 0 15px 15px;
}
.pricing .price-block-wrapper .price {
background-color: ;
border-top: solid ;
padding: 20px 15px 15px;
}
.pricing .price-block-wrapper.featured {
margin-top: 0;
}
.pricing .price-block-wrapper.featured h2 {
font-size: 2.25em;
color: ;
}
.pricing .price-block-wrapper.featured .price-header,
.pricing .price-block-wrapper .price {
padding: 30px 15px 25px;
}
.pricing .price-block-wrapper.span3.orange-border{
border-top: 3px solid !important;
}
.pricing .price-block-wrapper.span3.blue-border{
border-top: 3px solid !important;
}
.pricing .price-block-wrapper.span3.teal-border{
border-top: 3px solid !important;
}
/* Services */
.services .section-one.page-center {
padding: 7% 10%;
}
.services .section-one .section-one-image {
padding: 10px 0 25px;
}
/* Video Gallery */
.videos .section-one .video-section {
padding: 60px 0;
}
.videos .section-one .video-section iframe {
width: 100% !important;
}
.videos .section-one .video-section h2,
.videos .section-one .video-section h3,
.videos .section-one .video-section p {
margin: 5px 0;
}
/* Image Galleries Listing */
.galleries .section-one .gallery-section {
padding: 35px 0;
}
.galleries .section-one .gallery-section h2,
.galleries .section-one .gallery-section h3,
.galleries .section-one .gallery-section p {
margin: 5px 0;
}
.galleries .section-one .gallery-section h4 {
margin-top: 15px;
}
/* Image Gallery */
.images .section-one.page-center {
padding: 7% 0 0;
}
.images .section-one .gallery-section {
padding: 35px 0;
}
.images .section-one .gallery-section ul.hs_cos_flex-slides.hs_cos_flex-slides-thumb {
text-align: center;
}
.images .section-one .gallery-section .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li {
width: 225px;
height: 225px;
margin-right: 57px;
margin-bottom: 0;
}
.images .hs_cos_flex-slider .hs_cos_flex-slides img {
height: auto;
}
/* FAQ */
.faq .questions-section h3.ui-accordion-header {
color: ;
font-weight: 400;
outline: none;
cursor: pointer;
margin: 20px 0 15px;
}
.faq .questions-section span.ui-accordion-header-icon.ui-icon:before {
font-family: 'Font Awesome 5 Pro';
color: ;
margin-right: 10px;
}
.faq .questions-section span.ui-accordion-header-icon.ui-icon.closed:before {
content: ''; /* plus icon */
}
.faq .questions-section span.ui-accordion-header-icon.ui-icon.open:before {
content: ''; /* minus icon */
}
.faq .questions-section .ui-accordion-content.ui-accordion-content-active {
padding: 0 40px;
margin-top: -15px;
}
/* Support */
.support .parallax-hero-banner .custom-search {
padding: 0 45% 15px 30px;
}
.support .section-one .main {
padding: 0 10%;
}
.support .section-one .image-content-group {
border: solid ;
border-radius: ;
padding: 25px 20px;
margin-top: 35px;
margin-bottom: 5px;
}
.support .section-one .image-content-group.orange-border{
border-top: 3px solid !important;
}
.support .section-one .image-content-group.blue-border{
border-top: 3px solid !important;
}
.support .section-one .image-content-group.teal-border{
border-top: 3px solid !important;
}
.support .section-one .image-content-group h3 {
color: ;
}
.support .section-one .image-content-group .content-block-header {
padding-top: 15px;
}
.support .section-two .left-border {
border-left: solid ;
padding-top: 15px;
}
/* Thank You Page */
.thank-you .header-content {
padding: 15px 0 0;
}
.thank-you .hero-bkg .page-center {
padding: 5% 0;
}
.thank-you .hero-bkg .header h1 {
line-height: 1em;
}
.thank-you .section-one.page-center {
padding: 7% 10%;
}
.thank-you .section-two.page-center {
padding: 25px 0;
}
.thank-you .section-two .offer {
padding: 20px 7%;
}
.thank-you .section-two .offer:last-child {
border-left: solid ;
}
/* Contact Page */
.contact .section-one .widget-type-form {
margin-top: 35px;
}
.contact .section-one-right {
padding-right: 10%;
}
.contact .section-one .sidebar {
padding-left: 40px;
padding-bottom: 35px;
border-left: solid ;
}
.contact .section-one .sidebar h3 {
font-size: 1.8em;
margin-bottom: 40px;
}
.contact .section-one .sidebar h4 {
margin: 0;
}
.contact .section-one .sidebar p {
margin: 0;
}
.contact .middle-contact {
padding: 12% 0;
margin: 12% 0;
border-top: solid ;
border-bottom: solid ;
}
/* Landing Page 1 */
.landing-page-1 .hero-bkg .header h1 {
line-height: 1em;
}
.landing-page-1 .section-one .section-one-header {
padding-top: 5px;
}
/* Landing Page 2 */
.landing-page-2 .header-content {
padding: 18px 0 0;
}
.landing-page-2 .section-one .header h1 {
line-height: 1em;
padding-bottom: 8%;
}
/* Landing Page 3 */
.landing-page-3 .lp-header {
padding: 5% 0;
}
.landing-page-3 .header-content {
padding: 18px 0 0;
}
.landing-page-3 .section-one .header h1 {
line-height: 1em;
padding-bottom: 8%;
}
.landing-page-3 .section-three h3 {
color: ;
}
/* Webinar Landing Page */
.webinar .section-one .widget-type-rich_text {
margin-bottom: 45px;
}
.webinar .section-two.page-center {
padding: 4% 0;
}
.webinar .section-two .speaker-wrapper .widget-type-linked_image img {
border-radius: 50%;
}
.webinar .section-two .speaker-wrapper h3 {
color: ;
margin: 10px 0;
}
.webinar .section-two .speaker-wrapper h4 {
color: ;
font-weight: 400;
margin: 0 0 10px;
}
/* eBook Landing Page */
.ebook .header-content {
padding: 18px 0 0;
}
.ebook .section-one .section-one-header {
padding-top: 5px;
}
.ebook .section-one .widget-type-linked_image {
padding: 5px 0 15px 25px;
}
/* Demo Landing Page */
.demo .hero-bkg {
padding: 5% 8%;
}
.demo .hero-bkg .page-center {
padding: 5%;
}
.demo .dark-overlay{
background-color: rgba(0,0,0,.6);
}
.demo .section-three-bkg {
background-repeat: no-repeat;
background-position: -10% 50%;
background-size: 400px;
padding: 8% 0;
}
.demo .banner-header {
padding-bottom: 40px;
}
.demo .section-one-icon {
padding-bottom: 40px;
color: ;
}
.demo .section-two.page-center {
padding: 5% 10%;
}
.demo .transparent-form .hs_cos_wrapper_type_form form{
background: transparent!important;
}
.demo .transparent-form .hs_cos_wrapper_type_form h3{
background: transparent!important;
}
.demo .transparent-form .hs_cos_wrapper_type_form input[type="text"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="password"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="datetime"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="datetime-local"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="date"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="month"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="time"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="week"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="number"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="email"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="url"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="search"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="tel"],
.demo .transparent-form .hs_cos_wrapper_type_form input[type="color"], input {
-webkit-appearance: none;
appearance: none;
width: 100%;
border-radius: ;
background-color: transparent;
border: 2px solid ;
font-size: 1em;
font-weight: 300;
line-height: 20px;
color: ;
padding: 13px 10px;
margin: 5px 0 15px;
}
.demo .transparent-form .hs-button.primary, .demo input[type="submit"]{
background: !important;
}
.demo .transparent-form label{
color: !important;
}
/* Get A Quote Landing Page */
.quote .main-header-section.page-center {
padding: 12px 0;
}
.quote .dark-overlay{
background-color: rgba(0,0,0,.6);
}
.quote .header-content {
padding: 15px 0 0;
}
.quote .section-one.page-center {
padding: 3% 5% 5%;
}
.quote .section-one .dark-overlay {
padding: 55px 45px;
}
.quote .section-one .header {
padding-bottom: 45px;
}
.quote .section-one .section-one-content {
margin-bottom: 45px;
}
.quote .transparent-form .hs_cos_wrapper_type_form form{
background: transparent!important;
}
.quote .transparent-form .hs_cos_wrapper_type_form h3{
background: transparent!important;
}
.quote .transparent-form .hs_cos_wrapper_type_form input[type="text"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="password"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="datetime"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="datetime-local"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="date"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="month"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="time"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="week"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="number"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="email"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="url"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="search"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="tel"],
.quote .transparent-form .hs_cos_wrapper_type_form input[type="color"], input {
-webkit-appearance: none;
appearance: none;
width: 100%;
border-radius: ;
background-color: transparent;
border: 2px solid ;
font-size: 1em;
font-weight: 300;
line-height: 20px;
color: ;
padding: 13px 10px;
margin: 5px 0 15px;
}
.quote .transparent-form .hs-button.primary, .quote input[type="submit"]{
background: !important;
}
.quote .transparent-form label{
color: !important;
}
/* ==========================================================================
Blog
========================================================================== */
.blog .hs-error-msgs li {
display: none;
}
.blog .hero-bkg {}
.blog .hero-bkg .page-center {
padding: 75px 5% 90px;
}
.blog .hero-bkg h1 {}
.blog .main-content-wrapper.page-center {
padding: 5% 25px;
}
.blog .main-content {
padding-bottom: 0;
padding-top: 0;
margin: 2rem auto !important;
float: left;
}
.blog.hs-blog-listing .widget-type-blog_comments {
display: none;
}
/* Blog Listing */
.blog-listing-wrapper {
padding-top: 20px;
}
.blog-listing-wrapper .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
display: inline-block;
float: none;
}
.blog-listing-wrapper .post-header {
text-align: center;
padding-bottom: 40px;
}
.blog-listing-wrapper .post-listing .post-item {
padding: 0 0 6%;
margin: 0 auto 6%;
border-bottom: solid ;
}
.blog-listing-wrapper .post-listing .post-item:last-child {
border-bottom: 0;
}
.blog-listing-wrapper .post-listing h3 {
margin-bottom: 30px;
}
.blog-listing-wrapper .post-listing .post-item .post-body {
margin: 0;
}
.blog-listing-wrapper .post-listing .post-item .post-body a.more-link {
float: right;
}
.blog-listing-wrapper .post-listing .post-item .post-header {}
.blog-listing-wrapper .post-listing .post-item .post-header h2 {
font-size: 1.85em;
margin: 0;
}
.blog-listing-wrapper .post-listing .post-item .post-summary {
display: inline-block;
float: left;
width: 60%;
padding: 0 0 0 7%;
}
.blog-listing-wrapper .post-listing .post-item #hubspot-author_data {
color: ;
font-size: 1em;
padding: 3px 0;
margin: 0;
}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
display: inline-block;
float: left;
text-align: center;
width: 35%;
height: 260px;
overflow: hidden;
padding: 5px 45px 0 20px;
}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image {
max-width: 400px;
margin: 0;
height: auto;
width: 100%;
}
/* Pagination */
.blog-pagination {
padding: 0 35%;
}
.previous-posts-link,
.next-posts-link {
text-decoration: none;
border-radius: ;
width: 100px;
text-align: center;
color: ;
background-color: ;
margin: 30px 0;
}
.previous-posts-link {
float: left;
}
.next-posts-link {
float: right;
}
/* Blog Posts */
.blog-post-wrapper {
padding-top: 20px;
padding-right: 40px;
}
.blog-post-wrapper img {
padding: 40px 0;
}
.blog-post-wrapper p {
margin-bottom: 10px;
}
.blog-post-wrapper .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
display: inline-block;
float: none;
}
.fb-like.fb_iframe_widget > span {
vertical-align: baseline !important;
}
.blog-post-wrapper #hubspot-author_data {}
.blog-post-wrapper .hs-blog-social-share {
margin-bottom: 15px;
}
.blog-post-wrapper #hubspot-topic_data {
margin: 30px 0 15px;
}
.blog-post-wrapper .topic-link {
display: inline-block;
text-transform: capitalize;
}
.blog-post-wrapper .main-content {}
/* Blog Post Featured Image */
.blog-post-wrapper .featured-image-module {
z-index: -1;
}
/* Blog Post Header */
.blog-post-wrapper .post-header {}
.blog-post-wrapper .post-header h2 {
font-size: 2em;
margin-bottom: 10px;
}
.blog-post-wrapper .post-header a {}
.blog-post-wrapper .post-header a:hover {
text-decoration: none;
}
.blog-post-wrapper .post-header h2 span {
color: ;
}
.blog-post-wrapper .post-header p {}
/* Blog comments and blog comment form */
.blog #comment-form .hs-richtext h5 {}
.blog .comment {
padding: 20px;
margin: 20px 0;
}
.blog .comments-listing {}
.blog .comment-from {}
.blog .comment-body {}
.blog .comment-date {}
.blog #comment-form .actions {
text-align: left;
}
.blog #comment-form .hs-button.primary {
width: 50%;
padding: 15px;
margin-top: 20px !important;
}
.blog #comment-form .hs_cos_wrapper_type_form input[type="text"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="password"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="datetime"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="datetime-local"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="date"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="month"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="time"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="week"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="number"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="email"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="url"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="search"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="tel"],
.blog #comment-form .hs_cos_wrapper_type_form input[type="color"], .blog #comment-form input {
border: solid ;
}
/* Author Biography Box */
.blog-post-wrapper .author-bio-box,
.blog-listing-wrapper .hs-author-profile {
background-color: ;
padding: 4% 15px;
}
.blog-post-wrapper .author-bio-box .span2 {
text-align: center;
}
.blog-listing-wrapper .hs-author-profile .hs-author-avatar {
float: left;
max-width: 175px;
margin: 0 15px 0 0;
}
.blog-post-wrapper .author-bio-box .span2 img {
background: #fff;
border-radius: 50%;
}
.blog-listing-wrapper .hs-author-social-section {
margin-top: 15px;
}
.blog-listing-wrapper .hs-author-listing-header {
margin: 25px 0;
}
/* Blog Sidebar */
.blog .sidebar {
padding-left: 35px;
}
.blog .sidebar-box {
background-color: ;
border-radius: ;
padding: 25px 30px;
margin: 0 0 40px;
}
.blog .sidebar-box h3 {
font-size: 1.5em;
text-align: center;
margin: 0 0 15px;
}
.blog .sidebar-box ul {
list-style-type: none;
text-align: center;
padding: 0;
margin: 0;
}
.blog .sidebar-box ul li {
text-align: center;
padding: 10px 0;
margin: 0;
}
.blog .sidebar-box ul li a,
.blog .sidebar-box p a,
.blog .sidebar-box p {
font-size: 1em;
text-transform: capitalize;
}
.blog .sidebar-box .filter-expand-link {
float: right;
}
/* Banner Subscribe Form */
.blog .banner-sub label,
.blog .banner-sub .hs-error-msgs {
display: none !important;
}
.blog .banner-sub form {
padding: 0 15%;
}
.blog .banner-sub .hs-input {
width: 60%;
height: 40px;
float: left;
border-radius: 0 0 ;
margin: 0;
background-color: ;
color: ;
border: 0;
font-weight: 400;
}
.blog li.hs-form-radio {
display: none;
}
.blog .banner-sub .hs_submit {
display: inline-block;
width: 40%;
}
.blog .banner-sub .hs-button.primary.large {
width: 100%;
border-radius: 0 0;
margin: 0 !important;
background-color: ;
}
/* News Blog Listing */
.news .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
display: block;
float: none;
text-align: center;
width: 100%;
height: 300px;
padding: 0;
margin: 0 auto 10px;
}
.news .news-border {
border-top: 5px solid ;
}
.news .blog-listing-wrapper .hs-featured-image {
float: none;
padding-bottom: 40px;
}
.news .sidebar {
padding-top: 30px;
}
.news-post .sidebar {
position: fixed;
width: auto;
right: 150px;
padding-top: 0;
}
.news .banner-sub .hs-input {
border: solid ;
}
.news .main-content-wrapper.page-center {
padding: 40px 25px 5%;
}
/* Resources Blog Listing */
.blog.resources .blog-listing-wrapper {
padding-top: 0;
}
.blog.resources .sidebar {
padding-right: 20px;
padding-left: 0;
}
.blog.resources .sidebar-box {
padding: 25px 15px;
}
.resources .blog-listing-wrapper .post-listing .post-item:nth-child(odd),
.resources .blog-listing-wrapper .post-listing .post-item:nth-child(even) {
width: 48%;
float: left;
}
.resources .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
display: inline-block;
float: left;
text-align: center;
width: 35%;
height: 260px;
overflow: hidden;
padding: 5px 20px;
}
.resources .blog-listing-wrapper .post-listing .post-item:nth-child(odd) {
margin-right: 20px;
}
.resources .blog-listing-wrapper .post-listing .post-item .post-body {
min-height: 310px;
border: solid ;
border-radius: ;
padding: 20px 15px 10px;
}
.resources .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
width: 100%!important;
}
.resources .blog-listing-wrapper .post-listing .post-header p#hubspot-topic_data {
margin: 0;
}
.resources .blog-listing-wrapper .post-listing .post-item {
margin: 0;
border: 0;
}
.resources .post-header #hubspot-topic_data{
display: none;
}
.resources .blog-listing-wrapper .post-header {
text-align: center;
padding-bottom: 20px;
min-height: 130px;
}
/* ==========================================================================
Forms
========================================================================== */
/* Form Header */
.hs_cos_wrapper_type_form h3 {
background-color: ;
color: ;
border-radius: 0 0;
line-height: 1.25em;
padding: 20px 20px 17px;
margin: 0;
}
/* Form Background */
.hs_cos_wrapper_type_form form {
background-color: #f2f2f2;
border-radius: 10px;
padding: 20px;
margin: 0;
}
/* Labels */
.hs-form-required {
display: none;
}
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {
margin: 10px 0 5px;
}
/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"],
.hs_cos_wrapper_type_form input[type="datetime"],
.hs_cos_wrapper_type_form input[type="datetime-local"],
.hs_cos_wrapper_type_form input[type="date"],
.hs_cos_wrapper_type_form input[type="month"],
.hs_cos_wrapper_type_form input[type="time"],
.hs_cos_wrapper_type_form input[type="week"],
.hs_cos_wrapper_type_form input[type="number"],
.hs_cos_wrapper_type_form input[type="email"],
.hs_cos_wrapper_type_form input[type="url"],
.hs_cos_wrapper_type_form input[type="search"],
.hs_cos_wrapper_type_form input[type="tel"],
.hs_cos_wrapper_type_form input[type="color"], input {
-webkit-appearance: none;
appearance: none;
width: 100%;
border-radius: ;
background-color: #fff ;
border: solid ;
font-size: 1em;
font-weight: 300;
line-height: 20px;
color: ;
padding: 13px 10px;
margin: 5px 0 15px;
}
.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus,
.hs_cos_wrapper_type_form input[type="datetime"]:focus,
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus,
.hs_cos_wrapper_type_form input[type="date"]:focus,
.hs_cos_wrapper_type_form input[type="month"]:focus,
.hs_cos_wrapper_type_form input[type="time"]:focus,
.hs_cos_wrapper_type_form input[type="week"]:focus,
.hs_cos_wrapper_type_form input[type="number"]:focus,
.hs_cos_wrapper_type_form input[type="email"]:focus,
.hs_cos_wrapper_type_form input[type="url"]:focus,
.hs_cos_wrapper_type_form input[type="search"]:focus,
.hs_cos_wrapper_type_form input[type="tel"]:focus,
.hs_cos_wrapper_type_form input[type="color"]:focus {}
/* Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea, textarea {
-webkit-appearance: none;
appearance: none;
width: 100%;
border-radius: ;
border: solid ;
font-size: 1em;
font-weight: 300;
line-height: 20px;
color: ;
padding: 13px 10px;
margin: 5px 0 15px;
}
.hs_cos_wrapper_type_form textarea:focus {}
/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form ul.inputs-list {
list-style-type: none;
width: initial;
padding-left: 0;
}
.hs_cos_wrapper_type_form input[type="checkbox"], input[type="checkbox"] {
-webkit-appearance: checkbox;
appearance: checkbox;
width: initial;
max-width: 55px;
border: 0;
margin: 0 5px 10px 0;
}
.hs_cos_wrapper_type_form input[type="radio"], input[type="radio"] {
-webkit-appearance: radio;
appearance: radio;
width: initial;
margin: 0 5px 10px 0;
}
/* Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}
select.hs-input, select {
-webkit-appearance: none;
appearance: none;
background-image: url(//298849.fs1.hubspotusercontent-na1.net/hubfs/298849/Training/form-dropdown-arrow.png);
background-repeat: no-repeat;
background-position: 98% 50%;
background-color: #fff;
border-radius: 0;
border: solid ;
font-size: 1em;
font-weight: 300;
line-height: 20px;
color: ;
height: 45px;
padding: 10px;
margin: 5px 0 8px;
}
/* Multiple Columns */
.hs-form fieldset.form-columns-1 .hs-form-field {
width: 100% !important;
padding: 0;
margin-right: 0;
}
.hs-form fieldset.form-columns-2 .hs-form-field {
width: 48.5% !important;
padding: 0;
}
.hs-form fieldset.form-columns-3 .hs-form-field {
width: 32.3% !important;
padding: 0;
}
.hs-form fieldset.form-columns-1 div.input > .hs-input {
width: 97% !important;
}
fieldset.form-columns-1,
fieldset.form-columns-2,
fieldset.form-columns-3,
fieldset.form-columns-4 {
margin: 0;
}
.hs-form fieldset {
max-width: 100% !important;
width: 100%;
}
/*Bottom Form Styles */
.page-center .bottom-form {
padding: 8% 18%;
}
.bottom-form .hs_cos_wrapper_type_form .hs-form-field > label {
font-size: 1.1em;
color: ;
}
.bottom-form .hs_cos_wrapper_type_form h3 {
background: none;
font-size: 2.25em;
color: ;
border-radius: 0 0;
line-height: 1em;
padding: 20px 20px 0;
margin: 0;
text-align: center
}
.bottom-form .hs-error-msgs li{
color: ;
}
/* Form Background */
.bottom-form .hs_cos_wrapper_type_form form {
background: none;
border-radius: 0 0 ;
padding: 20px;
margin: 0;
}
/* Bottom Form One Line Inputs */
.bottom-form .hs_cos_wrapper_type_form input[type="text"],
.bottom-form .hs_cos_wrapper_type_form input[type="password"],
.bottom-form .hs_cos_wrapper_type_form input[type="datetime"],
.bottom-form .hs_cos_wrapper_type_form input[type="datetime-local"],
.bottom-form .hs_cos_wrapper_type_form input[type="date"],
.bottom-form .hs_cos_wrapper_type_form input[type="month"],
.bottom-form .hs_cos_wrapper_type_form input[type="time"],
.bottom-form .hs_cos_wrapper_type_form input[type="week"],
.bottom-form .hs_cos_wrapper_type_form input[type="number"],
.bottom-form .hs_cos_wrapper_type_form input[type="email"],
.bottom-form .hs_cos_wrapper_type_form input[type="url"],
.bottom-form .hs_cos_wrapper_type_form input[type="search"],
.bottom-form .hs_cos_wrapper_type_form input[type="tel"],
.bottom-form .hs_cos_wrapper_type_form input[type="color"] {
-webkit-appearance: none;
appearance: none;
width: 100%;
border-radius: 7px;
font-size: 1.1em;
border: 0;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
line-height: 20px;
color: ;
padding: 13px 10px;
margin: 5px 0 15px;
background-color: ;
}
.bottom-form .hs_cos_wrapper_type_form input[type="text"],
.bottom-form .hs_cos_wrapper_type_form input[type="password"],
.bottom-form .hs_cos_wrapper_type_form input[type="datetime"],
.bottom-form .hs_cos_wrapper_type_form input[type="datetime-local"],
.bottom-form .hs_cos_wrapper_type_form input[type="date"],
.bottom-form .hs_cos_wrapper_type_form input[type="month"],
.bottom-form .hs_cos_wrapper_type_form input[type="time"],
.bottom-form .hs_cos_wrapper_type_form input[type="week"],
.bottom-form .hs_cos_wrapper_type_form input[type="number"],
.bottom-form .hs_cos_wrapper_type_form input[type="email"],
.bottom-form .hs_cos_wrapper_type_form input[type="url"],
.bottom-form .hs_cos_wrapper_type_form input[type="search"],
.bottom-form .hs_cos_wrapper_type_form input[type="tel"],
.bottom-form .hs_cos_wrapper_type_form input[type="color"] {
-webkit-appearance: none;
appearance: none;
width: 100%;
border-radius: ;
background-color: transparent;
border: 2px solid ;
font-size: 1em;
font-weight: 300;
line-height: 20px;
color: ;
padding: 13px 10px;
margin: 5px 0 15px;
}
/* Multiple Line Inputs */
.bottom-form .hs_cos_wrapper_type_form textarea, textarea {
-webkit-appearance: none;
appearance: none;
width: 100%;
border-radius: ;
border: solid ;
font-size: 1em;
font-weight: 300;
line-height: 20px;
color: ;
padding: 13px 10px;
margin: 5px 0 15px;
}
/*Submit Button*/
.bottom-form .hs-button.primary,
.bottom-form input[type="submit"],
.bottom-form input[type="button"] {
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-user-select: none;
-webkit-appearance: none;
appearance: none;
background-color: ;
border: 3px solid ;
border-radius: 7px;
color: ;
font-family: 'Open Sans', sans-serif;
font-size: 1.25em;
font-weight: 400;
text-decoration: none;
cursor: pointer;
display: inline-block !important;
width: 35%;
padding: 15px;
margin: 15px 0px !important;
}
.bottom-form .hs-button.primary:hover,
.bottom-form input[type="submit"]:hover,
.bottom-form input[type="button"]:hover {
background-color: transparent;
border: 3px solid ;
color: ;
}
/* ==========================================================================
Buttons
========================================================================== */
/* All Global Buttons (Excluding CTAs) */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
-webkit-border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-user-select: none;
-webkit-appearance: none;
appearance: none;
background-color: ;
border: 0;
border-radius: ;
color: ;
font-family: 'Open Sans', sans-serif;
font-size: 1.25em;
font-weight: 400;
text-decoration: none;
cursor: pointer;
display: inline-block !important;
width: 100%;
padding: 10px 15px;
margin: 15px 0px !important;
}
body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {}
body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {}
div.actions {
text-align: center;
}
/* ==========================================================================
Misc
========================================================================== */
/* Content Slider -- bxSlider v4.2.5* Copyright 2013-2015 Steven Wanderski* Licensed under MIT (http://opensource.org/licenses/MIT)*/
.bx-wrapper {
position: relative;
margin: 20px auto 60px;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
ul.bxslider {
list-style: none;
}
.bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial, 'Font Awesome 5 Pro';
font-weight: bold;
color: #ccc;
padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #ccc;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #aaa;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
@media (min-width: 768px) and (max-width: 980px) {
.bx-wrapper {
padding: 0 45px;
margin: 0 auto 30px;
}
.bx-wrapper .bx-prev {
left: 0px;
}
.bx-wrapper .bx-next {
right: 0px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
width: 88%;
}
}
@media (max-width: 767px) {
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
display: none;
}
}
/* Custom Search Bar */
.custom-search .gsc-control-cse {
background-color: transparent !important;
border-color: transparent !important;
padding: 0 !important;
}
.custom-search .gsib_a {
padding: 4px 5px 4px !important;
}
.custom-search table.gsc-search-box {
margin-bottom: 0px !important;
}
.custom-search form.gsc-search-box {
margin-bottom: 0px !important;
}
.custom-search .gsc-input {
background-image: none !important;
font-size: 1rem;
margin-top: 5px;
}
.custom-search .gsc-input-box {
height: 30px;
border-radius: 0 0 ;
margin: 0;
}
.custom-search .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0 !important;
}
.custom-search .gstl_51 {
padding: 4px 5px 5px !important;
}
.custom-search .cse input.gsc-search-button, .custom-search input.gsc-search-button {
background-color: !important;
background-image: none !important;
border: 0;
border-radius: 0 0;
height: 30px;
margin: 6px 0 0;
}
.custom-search .cse .gsc-search-button input.gsc-search-button-v2, .custom-search input.gsc-search-button-v2 {
min-width: 55px !important;
padding: 8px 20px !important;
}
.custom-search .gsc-selected-option-container {
max-width: 100% !important;
width: 100% !important;
}
.custom-search .gsc-results-wrapper-overlay {
z-index: 9999999 !important;
}
/* ==========================================================================
Mobile - Media Queries
========================================================================== */
/* Large desktop */
@media (min-width: 1200px) {
}
@media (max-width: 1150px) {
.home-1 .section-six-bkg, .home-3 .section-six-bkg, .home-2 .section-two-bkg,
.features .left-feature-img-bkg{
background-position: -40% 50%;
}
.features .right-feature-img-bkg {
background-position: 130% 50%;
}
}
@media only screen and (min-width: 1170px) {
.about .section-three #cd-timeline {
margin-top: 3em;
margin-bottom: 3em;
}
.about .section-three #cd-timeline::before {
left: 0;
margin-left: -2px;
}
.about .section-three .cd-timeline-block {
margin: 4em 0;
}
.about .section-three .cd-timeline-block:first-child {
margin-top: 0;
}
.about .section-three .cd-timeline-block:last-child {
margin-bottom: 0;
}
.about .section-three .cd-timeline-img {
width: 60px;
height: 60px;
left: 0;
margin-left: -30px;
}
.about .section-three .cd-timeline-img.cd-picture .fa {
font-size: 2.5em;
margin-top: 10px;
}
.about .section-three .cd-timeline-content {
margin-left: 0;
padding: 1.6em;
width: 93%;
}
.about .section-three .cd-timeline-content::before {
top: 24px;
left: 100%;
border-color: transparent;
border-left-color: #fff;
}
.about .section-three .cd-timeline-block .cd-timeline-content {
float: right;
}
.about .section-three .cd-timeline-block .cd-timeline-content::before {
top: 24px;
left: auto;
right: 100%;
border-color: transparent;
border-right-color: #fff;
}
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 1080px) {
.page-center {
padding-right: 15px !important;
padding-left: 15px !important;
}
.home-1 .section-six-bkg,
.home-2 .section-two-bkg,
.home-3 .section-six-bkg,
.demo .section-three-bkg {
background-position: -50% 50%;
background-size: 550px;
}
.news-post .sidebar{
right: 65px;
}
}
@media (max-width: 920px) {
.home-1 .section-six-bkg,
.home-2 .section-two-bkg,
.home-3 .section-six-bkg,
.demo .section-three-bkg {
background-position: -100% 50%;
background-size: 550px;
}
}
@media (max-width: 1025px) {}
@media (min-width: 768px) and (max-width: 979px) {
h1 {
font-size: 2.75em;
}
.header-container .color-bkg .span5 {
width: 34%;
}
.header-container .color-bkg .span2 {
width: 25%;
}
.parallax-hero-banner .dark-overlay.full-cover,
.parallax-hero-banner .color-overlay.full-cover {
width: 100% !important;
}
.parallax-hero-banner .color-overlay {
width: 80% !important;
}
.cta-bar .widget-type-cta {
padding: 5px 0 0;
}
.home-1 .section-four .small-icons {
padding: 0 0 0 8px;
}
.home-1 .section-four .btn-link h4 {
width: 85%;
}
.home-1 .section-five .span7,
.home-1 .section-five .span3 {
width: 40%
}
.home-1 .section-seven.page-center,
.home-2 .section-five.page-center,
.home-3 .section-three.page-center,
.home-4 .section-seven.page-center,
.home-5 .section-five.page-center{
padding: 45px 0 50px;
}
.home-1 .section-seven .extra-padding,
.home-2 .section-five .extra-padding,
.home-3 .section-three .extra-padding,
.home-4 .section-seven .extra-padding,
.home-5 .section-five .extra-padding{
padding: 0;
}
.home-2 .section-six .recent-blog-post-item .featured-image {
width: initial;
height: 125px;
}
.home-3 .section-two-bkg,
.home-5 .section-two-bkg{
background-position: 170% 50%;
background-size: 525px;
}
.interior-page-20 .section-two .widget-type-linked_image,
.interior-page-21 .section-three .widget-type-linked_image {
padding-top: 55px;
}
.features .left-feature-img-bkg {
background-position: -40% 50%;
background-size: 400px;
}
.features .right-feature-img-bkg {
background-position: 140% 50%;
background-size: 400px;
}
.testimonials .testimonial-section .quotes:before {
left: -6%;
}
.team-page-1 .team-bio-section h2 {
margin: -5px 0 0;
}
.team-member-page .section-one .span1.widget-type-space {
display: none;
}
.team-member-page .section-one .span3 {
width: 27%;
float: right;
}
.pricing .price-block-wrapper .widget-type-header,
.pricing .price-block-wrapper .price-content,
.pricing .price-block-wrapper .price {
padding-left: 5px;
padding-right: 5px;
}
.pricing .small-icons span {
font-size: 30px;
}
.images .section-one .gallery-section .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li {
width: 200px;
height: 200px;
margin-right: 40px;
margin-bottom: 30px;
}
.support .section-one .image-content-group .widget-type-header {
padding-top: 10px;
}
.support .section-one .image-content-group {
padding: 20px;
}
.support .small-icons span {
font-size: 30px;
}
.support .section-two .left-border {
padding-left: 15px;
}
.contact .section-one .sidebar {
padding-right: 3%;
}
.blog-listing-wrapper,
.blog-post-wrapper {
padding-top: 10px;
}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
height: 315px;
}
.blog-pagination {
padding: 0 30%;
}
.resources .blog-listing-wrapper .post-listing .post-item:nth-child(odd) {
margin-right: 15px;
}
.resources .blog-listing-wrapper .post-listing .post-item .post-body {
min-height: 100%;
}
.resources .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
height: auto;
}
}
@media (max-width: 767px) {
.widget-type-space {
display: none !important;
}
.span3.widget-span.widget-type-linked_image.logo{
width: 70%;
display: block;
float: left;
}
.mobile-center,
.right-align,
.left-align {
text-align: center !important;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 15px;
}
h1 {
font-size: 2.25em;
}
h2 {
font-size: 2em;
}
.hs-form fieldset.form-columns-1 .hs-form-field,
.hs-form fieldset.form-columns-2 .hs-form-field,
.hs-form fieldset.form-columns-3 .hs-form-field,
div.input > .hs-input {
width: 100% !important;
margin: 0;
}
.hs-form fieldset.form-columns-1 .input {
margin: 0 8px 10px 0 !important;
}
.hs-form fieldset.form-columns-2 .input {
margin: 0 17px 10px 0 !important;
}
.vertical-nav-wrapper {
padding-right: 0;
}
.header-container .color-bkg .widget-type-cta {
margin: 5px auto 10px;
}
.cta-bar h4, .cta-bar-tall h4 {
line-height: 1.25em;
}
.cta-bar .widget-type-cta,
.cta-bar-tall .widget-type-cta {
padding: 10px 0;
}
.parallax-hero-banner .dark-overlay,
.parallax-hero-banner .color-overlay {
float: none !important;
width: 100% !important;
}
.parallax-hero-banner .dark-overlay .page-center,
.parallax-hero-banner .color-overlay .page-center {
padding: 0 !important;
}
.parallax-hero-banner .header,
.parallax-hero-banner .header {
text-align: center !important;
padding: 20px 5px !important;
}
.parallax-hero-banner .dark-overlay.full-cover .page-center,
.parallax-hero-banner .color-overlay.full-cover .page-center {
padding: 35px 0 50px !important;
}
.body-container .page-center {
padding: 50px 15px !important;
}
.home-1 .section-two.page-center,
.home-4 .section-two.page-center{
padding: 45px 15px 0 !important;
}
.horizontal-nav-wrapper.page-center {
padding: 0 0 5px !important;
}
.home-1 .section-three .large-icons,
.home-2 .section-three .large-icons,
.home-3 .section-three .large-icons,
.home-4 .section-three .large-icons,
.home-5 .section-three .large-icons{
padding: 0;
}
.home-1 .section-four .small-icons.span2,
.home-3 .section-four .small-icons.span2,
.home-4 .section-four .small-icons.span2,
.home-5 .section-four .small-icons.span2{
width: 16%;
padding: 0;
}
.home-1 .section-four .span10,
.home-3 .section-four .span10,
.home-4 .section-four .span10,
.home-5 .section-four .span10{
width: 100%;
}
.home-1 .section-four .btn-link h4,
.home-3 .section-four .btn-link h4,
.home-4 .section-four .btn-link h4,
.home-5 .section-four .btn-link h4{
width: 100%;
}
.home-1 .section-six-bkg,
.home-2 .section-two-bkg,
.home-3 .section-six-bkg,
.home-4 .section-six-bkg,
.home-5 .section-six-bkg{
background-position: 50% 95%;
background-size: 350px;
padding: 0 0 70%;
}
.home-1 .section-five img,
.home-2 .section-four img,
.home-3 .section-five img,
.home-4 .section-five img,
.home-5 .section-five img{
max-width: 125px;
}
.home-2 .section-one .image-content-group {
margin: 30px auto;
}
.home-2 .section-six .recent-blog-post-item {
float: none;
width: 100%;
padding: 25px 5px;
}
.home-2 .section-six .recent-blog-post-item .featured-image {
width: 100%;
height: initial;
}
.home-3 .section-one .image-content-group,
.home-5 .section-one .image-content-group{
width: 100%;
}
.home-3 .section-one .image-content-group.row-1,
.home-3 .section-one .image-content-group.row-2,
.home-5 .section-one .image-content-group.row-1,
.home-5 .section-one .image-content-group.row-2{
margin-left: 0px!important;
}
.interior-page-12 .vertical-nav-wrapper,
.interior-page-13 .vertical-nav-wrapper{
padding-left: 0;
}
.interior-page-20 .section-two .widget-type-linked_image,
.interior-page-21 .section-three .widget-type-linked_image {
margin-top: 0;
}
.about .section-four .widget-type-linked_image {
padding-top: 35px;
}
.team-member-page .page-title .section-header h1 {
font-size: 2em;
}
.team-member-page .page-title .secondary-header {
font-size: 1.25em;
}
.team-member-page .section-one .team-image {
margin: 20px auto;
}
.team-member-page .section-one .social-icons span {
font-size: 25px;
padding: 0 8px;
}
.team-page-2 .team-member-section .image-content-group a img,
.team-page-2 .team-member-section .widget-type-widget_container .hs_cos_wrapper_type_rich_text a img {
opacity: 1;
}
.team-page-2 .team-member-section img {
width: 85% !important;
}
.features .section-one .feature-button-wrapper {
padding: 15px 0;
}
.features .left-feature-img-bkg,
.features .right-feature-img-bkg {
background-position: 50% 90%;
background-size: 300px;
padding: 0 0 55%;
}
.landing-page-1 .hero-bkg .color-overlay.full-cover .page-center {
padding: 5px 0 !important;
}
.landing-page-1 .hero-bkg .header {
padding-top: 50px !important;
}
.quote .main-header-section.page-center {
padding: 20px 15px 0 !important;
}
.quote .section-one.page-center {
padding: 25px 15px !important;
}
.quote .section-one .white-bkg {
padding: 35px 15px;
}
.quote .section-one .header {
padding-bottom: 25px;
}
.testimonials .testimonial-section .quotes {
padding: 0;
margin: 0;
}
.pricing h3 {
margin-top: 45px;
}
.pricing .price-block-wrapper.span3 {
width: 100%;
margin: 15px auto;
}
.pricing .price-block-wrapper.span3:first-child {
border-left: solid ;
}
.pricing .price-block-wrapper.span3:last-child {
border-right: solid ;
}
.pricing .price-block-wrapper.featured {
margin-top: 15px;
}
.images .section-one .gallery-section .slider-mode-lightbox.hs-cos-flex-slider-control-panel .hs_cos_flex-slides li {
width: 300px;
height: 300px;
margin-right: 0;
margin-bottom: 20px;
}
.support .parallax-hero-banner .custom-search {
padding: 0 10px 15px;
}
.support .section-one .main {
padding: 0;
}
.support .section-one .image-content-group {
padding: 20px 10px;
}
.support .section-one .image-content-group .widget-type-header {
text-align: center;
padding-top: 0;
}
.support .section-two .left-border {
border-left: 0;
border-top: solid ;
padding-top: 20px;
margin-top: 35px;
}
.videos .section-one .video-section iframe {
height: 100% !important;
}
.contact .section-one .sidebar {
padding-right: 0;
}
.thank-you .section-two .offer:first-child {
padding-top: 0;
}
.thank-you .section-two .offer:last-child {
border-left: 0;
border-top: solid ;
margin-top: 50px;
padding-top: 55px;
}
.blog-listing-wrapper .post-listing .post-item .post-body ,
.blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
width: 100%;
height: initial;
padding: 0;
margin: 0 auto 15px;
}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image {
max-width: 100%;
width: auto;
height: initial;
margin: 0;
}
.blog-post-wrapper {
padding-right: 0;
}
.hs-blog-social-share {
height: 60px;
}
.blog #comment-form .hs-button.primary {
width: 100%;
margin-bottom: 55px !important;
}
.blog .banner-sub form {
padding: 0 5%;
}
.blog .banner-sub .hs-input {
border-radius: 5px;
}
.blog .banner-sub .hs-button.primary.large {
width: initial !important;
border-radius: 5px;
margin: 10px 0 0 !important;
}
.blog .banner-sub .hs_submit {
width: 100%;
}
.blog-listing-wrapper .hs-author-profile .hs-author-avatar {
float: none;
margin: 10px auto;
}
.news .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
height: 100%;
}
.blog.standard .blog-listing-wrapper .post-listing .post-item .post-summary {
width: 100%!important;
padding: 0!important;
}
.blog.resources .sidebar{
padding: 0px!important;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.hs_cos_wrapper_type_rich_text img{
width: 100%!important;
}
.blog-pagination {
padding: 0 10%;
}
.interior-page-14 .vertical-nav-wrapper {
padding: 0;
}
.page-center .bottom-form {
padding: 8% 0;
}
.interior-page-14 .two-column-bottom-section {
padding-bottom: 40px;
}
.interior-page-17 .two-column-bottom-section {
padding-bottom: 40px;
}
.interior-page-19 .two-column-bottom-section {
padding-bottom: 40px;
}
.team-member-page .section-one .span3 {
width: 100%;
}
.team-member-page .team-bio {
width: 100%;
}
.team-member-page .section-one .contact-info, .team-member-page .section-one .social-icons {
padding: 0;
}
.blog-listing-wrapper .post-listing .post-item .post-summary {
width: 100%;
padding: 0;
}
.contact .section-one-right {
padding: 0;
}
.contact .section-one .sidebar {
padding: 0;
border: 0;
}
.webinar .section-two .speaker-wrapper .widget-type-linked_image img {
width: 200px !important;
}
}
/*****************************************/
/* Campmany Abogados Blog Custom CSS Modifications */
/*****************************************/
.page-center {
float: none !important;
max-width: 1520px !important;
margin: 0 auto !important;
}
.blog-post-wrapper {
padding-top: 1rem;
padding-right: 0;
}
.blog-post-wrapper img {
padding: inherit !important;
}
.header-container-wrapper {
position: inherit;
width: 100%;
z-index: 10;
}
strong {
font-style: normal !important;
}
/*p strong {
font-family: Libre Baskerville Bold !important;
}*/
.blog-post-wrapper #hubspot-topic_data {
margin: 15px 0 15px;
border: 1px solid #d2d2d2;
padding: 30px;
}
.recaptchatable {
margin: 15px auto 0 !important;
border: 0 !important;
padding: 0 !important;
border-collapse: collapse !important;
vertical-align: middle !important;
}
h2 span {
color: initial;
}
h2 {
color: initial;
font-size: 30px;
}
h2,
h3 {
color: initial;
font-family: 'Quicksand', Arial, sans-serif;
font-weight: 700;
}
h4 {
font-size: 1.25em;
margin-top: 2.25em;
margin-bottom: 1.25em;
}
ul {
position: relative;
list-style: none;
margin-left: 0;
padding-left: 0;
}
.main-content p {
text-align: left;
}
.blog-section ul li:before {
font-family: "Font Awesome 5 Pro";
content: "\f111";
font-weight: 800;
margin: 0 10px 0 0px;
color: #313131;
font-size: 6px;
}
.hs-blog-social-share ul li:before {
display: none;
}
.custom-menu-primary ul li:before {
display: none;
}
tbody tr td {
border: 1px solid #999 !important;
padding: 45px;
text-align: center;
}
.hs-author-social-section {
text-align: center;
margin-top: 30px;
color: #999;
}
.related .hs-rss-item {
background: #fff !important;
margin: 0;
border-top: 0;
max-width: 25%;
padding: 0px 5px 50px 5px;
max-height: 250px;
display: flex;
flex-flow: column nowrap;
flex: auto;
align-items: center;
align-content: center;
justify-content: center;
vertical-align: middle;
}
/** Header **/
.campmany-blog-header {
max-width: 65%;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
padding: 10px 0 30px !important;
}
.header-container .logo img {
max-height: 140px;
width: auto !important;
min-width: inherit;
}
.contacto-blog-menu {
margin-top: 1rem;
float: right !important;
}
.contacto-blog-menu a span {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
text-transform: uppercase;
color: #fff !important;
font-size: 1em !important;
background: #c9563d;
margin: 10px !important;
margin-left: 0 !important;
padding: 10px 15px;
border-radius: 0;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.contacto-blog-menu a:hover span {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
color: #fff !important;
font-size: 1em !important;
background: #a71313;
margin: 10px !important;
margin-left: 0 !important;
padding: 10px 15px;
border-radius: 0;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.contacto-blog-menu a span:after {
content: '\f003';
font-family: 'Font Awesome 5 Pro';
margin-left: 10px;
font-weight: 400;
}
.campmany-cta-contact {
margin-top: 0.5rem;
float: right !important;
}
.campmany-cta-contact a span {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
text-transform: uppercase;
color: #fff !important;
font-size: 1em !important;
background: #c9563d;
margin: 10px !important;
margin-left: 0 !important;
padding: 10px 15px;
border-radius: 0;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.campmany-cta-contact a:hover span {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
color: #fff !important;
font-size: 1em !important;
background: #a71313;
margin: 10px !important;
margin-left: 0 !important;
padding: 10px 15px;
border-radius: 0;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.campmany-cta-contact a span:after {
content: '\f003';
font-family: 'Font Awesome 5 Pro';
margin-left: 10px;
font-weight: 400;
}
@media (max-width: 749px) {
.contacto-blog-menu {
display: none !important;
}
}
.blog .banner-sub .hs-button.primary.large {
width: 100%;
border-radius: 0 2px 2px 0;
margin: 0 !important;
background-color: #990000;
}
.blog .banner-sub .hs-input {
width: 60%;
height: 40px;
float: left;
border-radius: 2px 0 0 2px;
margin: 0;
background-color: #fff;
color: #696969;
border: 1px solid #d4d4d4;
font-weight: 400;
}
.blog .banner-sub form {
padding: 0 15rem 5rem;
}
.blog-listing-wrapper .post-listing .post-item .post-header h2 {
font-size: 2.6em;
}
.main-content p, .main-content li {
font-family: 'Source Sans 3', Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
margin: 0 auto 20px;
}
input {
border-radius: 0 !important;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select {
font-size: 0.9em !important;
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
color: #717171 !important;
border-radius: 5px !important;
}
.blog .sidebar-box {
background-color: #ffffff;
margin: 0;
}
.blog .sidebar-box ul li a, .blog .sidebar-box p a, .blog .sidebar-box p {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-weight: 700;
font-size: 15px;
line-height: 15px;
text-transform: capitalize;
text-align: left !important;
}
.sidebar {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-weight: 400;
}
.blog .sidebar-box ul li {
text-align: left !important;
padding: .2rem 0;
margin: 0;
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-weight: 700;
}
.blog .sidebar-box .filter-expand-link {
float: left;
margin-top: 15px;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
}
.blog .sidebar-box h3 {
font-size: 20px;
font-weight: 500 !important;
text-align: left !important;
margin: 0 0 15px;
color: #505050 !important;
letter-spacing: 0;
}
.hs_cos_wrapper_type_form h3 {
border-bottom: none !important;
}
h3.form-title:first-child {
text-align: center !important;
font-size: 21px;
margin: 0;
color: #505050 !important;
letter-spacing: 0;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
}
.hs_cos_wrapper_type_form form {
padding: 2rem !important;
}
h1 {
font-size: 2.4rem;
text-transform: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Quicksand', Arial, sans-serif;
font-weight: 700;
-webkit-font-smoothing: antialiased;
}
h2 {
font-size: 2.6rem;
text-transform: none;
margin: 50px 0 25px 0;
font-weight: 600;
letter-spacing: 0;
}
h3 {
font-size: 2em;
margin: 50px 0 25px 0;
color: #505050;
text-transform: none !important;
}
.section.post-body h2::first-letter {
text-transform: uppercase;
}
.section.post-body h3::first-letter {
text-transform: uppercase;
}
.section.post-body h4::first-letter {
text-transform: uppercase;
}
.section.post-body h5::first-letter {
text-transform: uppercase;
}
.section.post-body h6::first-letter {
text-transform: uppercase;
}
h4 {
font-size: 1.6em !important;
margin: 30px 0 15px 0 !important;
}
h4,
h5 {
color: #616161 !important;
text-transform: none !important;
}
blockquote span {
font-size: 1.5rem !important;
line-height: 2rem !important;
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
}
blockquote p {
font-size: 1.15rem !important;
font-weight: 600 !important;
line-height: 1.75rem !important;
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
margin: 0 auto !important;
}
blockquote {
font-size: 1.15rem !important;
line-height: 1.75rem !important;
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
margin: 0 auto !important;
}
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
width: 75%;
padding: 20px 15px;
}
.blog-post-wrapper .post-header h2 span {
color: #990000;
font-size: 2.4rem;
line-height: 2.4rem;
text-align: center;
text-transform: uppercase;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
letter-spacing: 0;
}
.blog-post-wrapper .post-header h1 span {
color: #313131 !important;
font-size: 3.75rem !important;
line-height: 4rem !important;
font-weight: 600 !important;
text-transform: none !important;
text-align: center;
font-family: 'Quicksand', Arial, sans-serif; !important;
letter-spacing: 0;
}
.blog-post-wrapper .post-header h2 {
color: #990000;
font-size: 3rem;
line-height: 3rem;
text-align: center;
text-transform: uppercase;
font-family: 'Quicksand', Arial, sans-serif; !important;
}
.blog-post-wrapper .post-header h1 {
color: #313131 !important;
font-size: 3.75rem !important;
line-height: 4rem !important;
font-weight: 600 !important;
text-transform: none !important;
text-align: center;
font-family: 'Quicksand', Arial, sans-serif; !important;
letter-spacing: 0;
}
ul.hs-blog-social-share-list {
display: inline-block !important;
float: none !important;
vertical-align: top;
}
.hs-blog-social-share {
height: auto !important;
clear: both;
}
.hs-blog-social-share {
display: none !important;
}
a.topic-link {
margin-left: 5px;
}
.post-listing .post-header h2 {
font-size: 3rem !important;
line-height: 3.4rem;
}
.post-listing .post-header h1 {
font-size: 38px !important;
line-height: 44px;
text-transform: uppercase !important;
letter-spacing: 0;
max-width: 85%;
margin: 0 auto;
}
.main-content {
/*box-shadow: rgb(220, 220, 220) 0px 20px 50px 0px !important;*/
/*border: 1px solid #eaeaea;*/
max-width: 1170px;
width: 95%;
margin: 0 auto 4rem;
padding: 0 5rem 15rem;
}
.blog .main-content-wrapper.page-center {
padding: 15px 20px 15px !important;
}
.blog-list-campmany {
border: 0 !important;
padding: 0 3rem 0rem !important;
box-shadow: none !important;
margin: 0 auto;
}
.section.post-header {
max-width: 85%;
margin: 0 auto;
}
.section.post-body {
margin-top: 30px;
margin-bottom: 50px;
border-bottom: none;
max-width: 700px;
margin: 30px auto 50px;
}
.post-body img {
margin: 2rem auto !important;
max-width: 100%;
}
.section.post-body img:first-child {
margin-bottom: 2rem !important;
border-radius: 1rem;
display: none;
}
.blog-section {
border-bottom: 1px solid #f1f1f1;
}
.blog-post-wrapper .post-header h2 {
margin-bottom: 40px;
text-align: center;
}
.blog-post-wrapper .post-header h1 {
padding-bottom: 2rem;
text-align: center;
padding-top: 2rem;
}
p#hubspot-author_data {
text-align: center;
margin-top: -20px;
margin-bottom: 40px;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 1rem !important;
}
a.author-link {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 1rem;
letter-spacing: 0;
font-weight: 600 !important;
}
span.hs-author-label {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 1.15rem !important;
font-weight: normal !important;
letter-spacing: 0;
}
a.author-link {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
font-size: 1.15rem;
letter-spacing: 0;
}
img.campmany {
padding: 0;
margin-bottom: 20px;
}
.hs-author-avatar.campmany-avatar {
width: 122px;
height: 122px;
margin-bottom: 20px;
border: none;
}
.campmany-autor hr {
height: 1px;
margin: 15px auto;
}
.hs-author-social-section span {
font-weight: 400 !important;
font-family: 'Open Sans', serif !important;
font-size: 1rem !important;
}
.campmany-autor {
padding: 2rem;
border: 1px solid #d2d2d2;
border-radius: 10px;
max-width: 615px;
margin: 2rem auto;
}
.campmany-autor p#hubspot-author_data {
text-align: center;
margin: 0px 0px 15px 0;
font-size: 1rem;
}
p#hubspot-topic_data {
font-size: 1.15rem !important;
text-align: center;
}
.campmany-autor p {
font-size: 1rem;
text-align: center;
}
.post-body h2 {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-size: 2.5rem !important;
line-height: 2.75rem !important;
color: #313131 !important;
margin: 2rem auto 1.5rem !important;
font-weight: 700 !important;
}
.post-body h2 span {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-size: 2.5rem !important;
line-height: 2.75rem !important;
color: #313131 !important;
margin: 2rem auto 1.5rem !important;
font-weight: 700 !important;
}
.post-body h3 {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-size: 1.75rem !important;
line-height: 2.25rem !important;
color: #c9563d !important;
margin: 2rem auto 1.5rem !important;
font-weight: 700 !important;
}
.post-body h3 span {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-size: 1.75rem !important;
line-height: 2.25rem !important;
color: #c9563d !important;
margin: 2rem auto 1.5rem !important;
font-weight: 700 !important;
}
.post-body h4 {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-size: 1.35rem !important;
line-height: 1.75rem !important;
font-weight: 600 !important;
color: #313131 !important;
margin: 2rem auto 1.5rem !important;
font-weight: 700 !important;
}
.post-body h4 span {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-size: 1.35rem !important;
line-height: 1.75rem !important;
font-weight: 600 !important;
color: #313131 !important;
margin: 2rem auto 1.5rem !important;
font-weight: 700 !important;
}
.post-body h5 {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-size: 1.35rem !important;
line-height: 1.5rem !important;
font-weight: 600 !important;
color: #5a5a5a !important;
margin: 2rem auto 1.5rem !important;
font-weight: 700 !important;
}
.post-body h5 span {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-size: 1.35rem !important;
line-height: 1.5rem !important;
font-weight: 600 !important;
color: #5a5a5a !important;
margin: 2rem auto 1.5rem !important;
font-weight: 700 !important;
}
.post-body h6 {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
text-transform: none !important;
font-size: 16px;
margin-left: 5px;
margin: 25px 0 30px 5px;
line-height: 32px;
}
.post-body h6 span {
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
text-transform: none !important;
font-size: 16px;
margin-left: 5px;
margin: 25px 0 30px 5px;
line-height: 32px;
}
.post-body h6:before {
content: '\f02e';
font-family: 'Font Awesome 5 Pro';
margin-right: 10px;
}
.video-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
max-width: 1920px;
margin: 30px auto;
border-bottom: 5px solid #990000;
}
.video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 1080px;
}
.new-comments label span {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 400;
color: #818181;
font-size: .8rem;
}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image {
max-width: inherit;
height: auto;
width: auto;
margin: 0 auto !important;
float: none !important;
text-align: center;
overflow: hidden !important;
position: relative;
padding: 0;
}
.news .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
display: block;
float: left;
text-align: center;
height: 240px !important;
width: 50%;
padding: 0;
margin: 0 20px 5px 0;
box-shadow: 1px 2px 3px #d8d8d8;
position: relative;
overflow: hidden;
}
.blog-listing-wrapper .post-header {
text-align: center;
padding-bottom: 0;
}
.blog-listing-wrapper .post-listing .post-item #hubspot-author_data {
color: #696969;
font-size: 1rem !important;
padding: 3px 0;
margin: 20px 0 0 0;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 400;
}
.post-item:last-child {
border-bottom: 0;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.blog-listing-wrapper {
padding-top: 15px;
}
a.more-link {
float: none !important;
color: #FFF !important;
background-color: #c9563d;
padding: 15px 25px;
}
a.more-link:hover {
background-color: #a71313;
}
.seguir-leyendo {
margin: 4rem auto !important;
float: none !important;
position: relative !important;
text-align: center;
}
.post-item {
border-bottom: 0 !important;
padding: 0 0 20px !important;
margin: 0 auto 20px !important;
}
.hero-bkg.parallax-bkg.static-nav-header {
border-bottom: 2px solid rgba(153, 0, 0, 0.12);
}
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
background-color: #990000 !important;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-o-transition: all .25s ease;
-ms-transition: all .25s ease;
transition: all .25s ease;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 600;
font-size: 1.25em;
border-radius: 5px !important;
}
.previous-posts-link,
.next-posts-link {
text-decoration: none;
border-radius: 2px;
width: 100px;
text-align: center;
color: #0f434c;
background-color: transparent;
margin: 30px 0;
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase;
}
hr {
height: 1px;
background-color: #dcdcdc;
max-width: 350px;
margin: 25px auto;
float: none;
border: 0;
}
blockquote, q {
margin: 5rem auto !important;
max-width: 840px;
text-align: center;
position: relative;
border: none;
box-sizing: border-box;
background: #fff0f0;
padding: 2rem 1rem;
border-radius: 15px;
}
.recaptchatable,
#recaptcha_area tr,
#recaptcha_area td,
#recaptcha_area th {
margin: 15px auto 0 !important;
border: 0 !important;
padding: 0 !important;
border-collapse: collapse !important;
vertical-align: middle !important;
}
blockquote::before, q::before {
content: '\f10d';
position: absolute;
font-weight: 600;
font-family: 'Font Awesome 6 Pro';
font-size: 4rem;
color: #dd816a;
left: -20px;
top: -20px;
}
blockquote::after, q::after {
content: '\f39b';
position: absolute;
font-family: 'Font Awesome 6 Pro';
font-size: 2rem;
color: #dd816a;
right: 15px;
bottom: 0;
}
.blog-post-wrapper p {
margin-bottom: 20px;
}
.tabla {
max-width: 100% !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
margin: 30px 0;
}
.table-head p {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
font-size: 18px !important;
text-align: center;
}
.tabla td {
padding: 10px !important;
margin: 0 !important;
border: 1px solid #e4e4e4 !important;
font-size: 1rem !important;
color: #424242;
line-height: 32px !important;
font-weight: 500;
font-family: 'Quicksand', Arial, sans-serif; !important;
}
td.table-head {
background: #eaeaea;
text-align: center;
font-weight: 700;
}
@media (max-width: 940px) {
.tabla {
overflow: scroll;
}
}
/*ul li:last-child {
margin-bottom: 25px;
}*/
/*.post-body li {
text-indent: 20px;
}*/
/** Sentencias PDF **/
iframe.sentencia {
min-height: 1130px !important;
}
.related-title {
text-align: center;
font-size: 1rem !important;
line-height: 1.35rem !important;
margin: 1rem auto;
padding-bottom: 0;
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
font-weight: 600;
}
.related-title a {
text-align: center;
font-size: 1rem !important;
line-height: 1.35rem !important;
margin: 1rem auto;
padding-bottom: 0;
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
font-weight: 600;
color: #313131 !important;
text-decoration: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.related-title a:hover {
color: #c9563d;
text-decoration: underline;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.related-title a::before {
content: "\f0a4";
font-weight: 400;
font-family: 'Font Awesome 5 Pro';
font-size: 1rem !important;
margin-right: 5px;
display: inline-block;
color: #c9563d;
}
.article-footer.related {
margin: 60px 25px 40px 25px;
display: flex;
justify-content: center;
align-items: baseline;
}
.related-image {
overflow: hidden;
max-height: 115px;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
margin-top: 1rem;
}
.related-image img {
margin: 20px 0 0 0 !important;
border-radius: 10px;
transform: scale(1.5);
}
/** Search Bar Sitemap Campmany **/
.search-form {
position: relative;
border-bottom: 2px solid #990000;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
margin-bottom: 2rem;
max-width: 75% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.search-input {
background: none;
border: 0 none;
color: #636466;
padding: .5rem .5rem .5rem 3rem;
width: 100%;
font-size: 1.5rem;
margin-bottom: 0;
-webkit-appearance: none;
}
.search-results li {
font-size: 1.5em;
}
button.search-submit {
font-size: 1.5rem;
position: absolute;
left: 0;
top: 0;
background: none;
border: none;
padding: 0.5rem;
opacity: .5;
}
.search-input {
background: none;
border: 0 none;
color: #636466;
padding: .5rem .5rem .5rem 3rem !important;
width: 100% !important;
font-size: 1.5rem;
margin-bottom: 0;
-webkit-appearance: none;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 400;
letter-spacing: 0;
}
a.cos-name {
font-size: 1.4rem !important;
;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
text-transform: uppercase !important;
;
font-weight: 200 !important;
;
}
.search-results span {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 400;
font-size: .8rem !important;
}
.search-results-wrapper .search {
width: 100%;
padding: 0.5em;
background: none;
border: 0 none;
border-bottom: 2px solid #fff !important;
color: #fff;
outline: 0;
font-size: 1.8em !important;
font-weight: 600 !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
}
i.fa.fa-times.search-close {
margin-right: 5px !important;
}
.search-results-overlay .overlay-close {
font-size: 1.8em !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
}
input.search-input {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 400;
font-size: 1.3em !important;
}
@media (max-width: 949px) {
.comments-separator {
display: none !important;
}
.span9.widget-span.widget-type-menu.custom-menu-primary.js-enabled {
max-width: 100% !important;
}
img.hs-image-widget {
max-width: 280px !important;
padding-top: 0 !important;
min-width: 280px;
}
}
@media (max-width: 768px) {
h2 {
font-size: 2rem !important;
}
}
@media (min-width: 950px) {
.logo-mobile {
display: none !important;
}
}
@media (max-width: 949px) {
.logo-desktop {
display: none !important;
}
.header-container .logo {
text-align: center !important;
z-index: 0;
max-height: 75px !important;
padding: 0 !important;
margin: 0 !important;
}
.header-container .logo img {
height: auto !important;
max-width: 70px !important;
padding-top: 5px !important;
min-width: inherit !important;
max-height: inherit;
}
.span9.widget-span.widget-type-menu.custom-menu-primary.js-enabled {
max-width: 100% !important;
width: 100%;
float: none !important;
position: absolute;
top: 10px;
right: 0;
}
.custom-menu-primary.js-enabled .hs-menu-wrapper {
width: 100%;
position: relative;
top: 40px;
left: 0;
padding: 10px;
margin: 0 auto 20px !important;
float: none !important;
z-index: 999999;
max-width: 100%;
}
.campmany-blog-header {
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
padding: 3rem 0rem !important;
}
.contacto-blog-menu {
display: none !important;
}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image {
max-width: inherit;
height: auto;
width: 100%;
margin: 0 auto !important;
float: none !important;
text-align: center;
overflow: hidden !important;
position: relative;
padding: 0;
}
.section.post-header {
max-width: 100% !important;
margin: 0 auto;
}
.main-content {
box-shadow: none !important;
max-width: 100% !important;
width: 100% !important;
margin: 0px auto 1rem;
padding: 0 20px 0;
}
.post-body h2 {
font-size: 2rem;
line-height: 2.5rem;
}
.post-body h3 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.post-body h4 {
font-size: 1.35rem;
line-height: 1.75rem;
}
.post-body h5 {
font-size: 1.35rem;
line-height: 1.5rem;
}
.blog .banner-sub .hs-button.primary.large {
width: 100%;
border-radius: 0 2px 2px 0;
margin: 20px 0 0 0 !important;
}
.news .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
max-height: 150px !important;
}
.news .blog-listing-wrapper .hs-featured-image {
float: none;
padding-bottom: 0;
}
.post-body img {
margin: 0 auto !important;
}
.blog-section {
margin-top: 2rem;
border-bottom: none !important;
}
p,
li {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 1.15rem !important;
line-height: 1.75rem !important;
}
.post-body h2 {
font-size: 2rem !important;
line-height: 2rem !important;
font-family: 'Source Sans 3', 'Quicksand', sans-serif !important;
font-weight: 700;
letter-spacing: 0 !important;
}
.static-nav-header,
.team-member-page .page-title,
.news-border,
.gray-bkg.head {
margin-top: 25px !important;
}
.campmany-blog-header {
padding: 0 !important;
}
.blog-post-wrapper .post-header h2 {
margin-top: 0 !important;
line-height: 2.2rem;
}
h2 {
margin: 30px 0 25px 0;
}
h3 {
font-size: 1.4em;
margin: 30px 0 30px 0;
color: #505050 !important;
text-transform: none !important;
}
h3#hs_cos_wrapper_blog_subscription_title {
display: none;
}
p#hubspot-author_data {
text-align: center;
margin-top: -20px;
margin-bottom: 25px;
font-size: 1rem !important;
line-height: 1.5rem !important;
}
span.hs-author-label {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
font-size: 1rem !important;
letter-spacing: 0;
}
a.author-link {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
font-size: 1rem;
letter-spacing: 0;
}
.hs-author-social-section span {
font-size: .7rem !important;
}
.campmany-autor p {
font-size: 1rem !important;
line-height: 1.5rem !important;
}
.widget-type-blog_content {
margin-top: 10px !important;
}
.span9.widget-span.widget-type-menu.custom-menu-primary.js-enabled {
max-width: 100% !important;
}
.banner-sub .hs-button.primary.large {
width: 100%;
border-radius: 0 2px 2px 0;
margin: 20px !important;
}
.hero-bkg {
background-image: url(https://blog.campmanyabogados.com/hubfs/Campmany%20Abogados/Im%C3%A1genes/campmany-hero.jpg?t=1508683479114) !important;
background-position: 70%;
max-height: 185px;
}
.page-center {
padding: 15px 15px 5px 15px !important;
}
.campmany-header {
padding: 10px 0 0 !important;
}
.campmany-list {
border-top: 0;
}
.post-body .post-header h2 {
font-size: 1.8rem !important;
text-transform: uppercase !important;
margin: 50px 0 25px 0;
font-weight: 600 !important;
letter-spacing: 0;
line-height: 2.2rem;
}
.section.post-body img {
height: auto;
max-height: inherit;
}
.section.post-body img:first-child {
margin-bottom: 2rem !important;
}
.dark-overlay {
height: 185px;
max-height: 185px;
}
.blog .banner-sub .hs-input {
border-radius: 0px;
font-size: 12px !important;
font-family: 'Open Sans', sans-serif;
border: 1px solid #d2d2d2;
}
.hs_cos_wrapper_type_rich_text img {
width: 100% !important;
max-height: 190px;
}
.blog-post-wrapper {
padding-top: 0px !important;
padding-right: 0;
}
.blog-post-wrapper .post-header h2 span {
color: #c9563d;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.8rem;
text-align: center;
}
.blog-post-wrapper .post-header h1 {
color: #313131 !important;
font-size: 2.4rem !important;
font-weight: 600 !important;
line-height: 2.6rem !important;
text-align: center !important;
padding-bottom: 1rem !important;
}
.blog-post-wrapper .post-header h1 span {
color: #313131 !important;
font-size: 2.4rem !important;
font-weight: 600 !important;
line-height: 2.6rem !important;
text-align: center !important;
}
.blog-section h1 span {
font-size: 30px !important;
line-height: 35px !important;
letter-spacing: 0 !important;
}
.blog-section h1 {
font-size: 30px !important;
line-height: 35px !important;
letter-spacing: 0 !important;
}
.hs-blog-social-share {
display: none !important;
}
blockquote {
position: relative;
text-align: justify;
font-size: 1.5rem !important;
line-height: 2rem !important;
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
display: block;
padding: 3rem 1rem;
border-width: 1px;
border-style: double;
border-color: rgba(0,0,0,0.15);
border-image: initial;
margin: 4rem auto;
border-radius: 15px;
max-width: 95%;
border: none;
}
.blog-listing-wrapper {
padding: 0px 10px 15px !important;
}
h1 {
font-size: 1.5rem;
text-transform: none;
}
iframe.sentencia {
min-height: 450px !important;
max-width: 100%;
max-height: 475px !important;
margin-top: 15px;
}
.hs_cos_wrapper_type_rich_text img {
width: 100% !important;
max-height: 245px;
height: auto;
}
img.hs-image-widget {
max-width: 260px !important;
padding-top: 0px !important;
}
.blog .main-content-wrapper.page-center {
padding: 0 !important;
}
.span9.widget-span.widget-type-menu.custom-menu-primary.js-enabled {
max-width: 100% !important;
}
.mobile-trigger {
background-color: #c9563d;
border: 1px solid #c9563d;
border-radius: 0 !important;
}
.custom-menu-primary .hs-menu-wrapper {
background-color: #c9563d;
}
.mobile-open .mobile-trigger {
color: #fff;
background-color: #c9563d;
}
.mobile-trigger {
display: inline-block !important;
cursor: pointer;
position: absolute;
top: 15px;
right: 0;
left: initial;
width: 45px;
height: auto;
padding: 7px 10px 8px 10px;
margin: 0 auto;
background-color: #990000;
border: 1px solid #990000;
font-size: 16px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
}
.mobile-trigger:hover {
text-decoration: none;
color: #fff;
background-color: #c9563d000;
border-color: transparent;
}
.previous-posts-link,
.next-posts-link {
margin: 0 !important;
}
div.input>.hs-input {
margin: 10px auto;
}
.blog-list-campmany {
border: 0 !important;
padding: 0 0 2rem !important;
}
.post-item {
border-bottom: 0 !important;
padding: 0 0 20px !important;
margin: 0 auto !important;
}
.blog-pagination {
text-align: center;
margin: 0 auto;
position: relative;
float: none;
padding: 0 5rem;
}
.blog-listing-wrapper .post-header {
text-align: center;
padding-bottom: 5px;
}
a.more-link {
float: none !important;
color: #FFF !important;
background-color: #c9563d;
padding: 15px 25px;
}
.seguir-leyendo {
margin: 20px auto 0 !important;
padding-bottom: 20px;
float: none !important;
position: relative !important;
text-align: center;
}
.section.post-body {
margin-top: 30px;
margin-bottom: 0;
border-bottom: 1px solid #f1f1f1;
}
.blog .main-content {
padding-bottom: 0;
border: none !important;
margin: 0 auto !important;
padding-top: 0;
float: none;
}
.campmany-autor {
margin-bottom: 0;
}
.news .sidebar {
padding-top: 0;
}
.post-listing .post-header h1 {
font-size: 30px !important;
line-height: 36px !important;
text-transform: none !important;
letter-spacing: 0;
}
}
@media (min-width: 1025px) and (max-width: 1440px) {
.campmany-blog-header {
max-width: 85%;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
padding: 10px 0 30px !important;
}
.campmany-cta-contact {
margin-top: 0.5rem;
float: right !important;
}
.post-listing .post-header h1 {
font-size: 38px !important;
line-height: 44px;
text-transform: uppercase !important;
letter-spacing: 0;
max-width: 95%;
margin: 0 auto;
}
}
/** Campmany Blog Website Release Fixes **/
.custom-menu-primary {
text-align: center !important;
float: left !important;
margin: 0 auto !important;
max-width: 65% !important;
padding-top: 50px;
}
.contacto-blog-menu {
padding-top: 40px;
margin-top: 25px;
float: right !important;
}
/** Campmany InboundLead Post Custom Modules Sentencias & CTA **/
.cta-blog-post {
margin: 1rem 0 4rem;
text-align: center;
}
.cta-blog-post img {
height: auto;
max-width: 100%;
}
/** Lead Flows CSS **/
.leadin-preview-wrapper h4:after {
display: none;
}
.leadinModal-preview {
z-index: 99999999 !important;
}
.leadin-preview-wrapper h4 {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
text-align: center !important;
font-size: 1.4rem !important;
}
.leadin-message-wrapper h4:after {
margin: 0 auto 1.5rem !important;
}
.leadin-message-wrapper h4 {
text-align: center !important;
font-size: 1.4rem !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
}
.leadin-message-wrapper p {
text-align: center !important;
}
.leadinModal .leadin-input-wrapper label {
display: block;
font-weight: 200;
padding-top: 0.8em;
font-size: 1em;
float: none;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 400;
}
.leadin-button {
background: #fff;
border-radius: 0 !important;
color: #c9563d !important;
}
button.leadin-button.leadin-advance-button.leadin-button-secondary {
color: #c9563d !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
}
/** Custom Blog Pagination InboundLead **/
.blog-pagination-ibl-ibl {
margin-top: 0;
}
.blog-pagination-ibl .previous-posts-link {
float: none;
}
.blog-pagination-ibl ul {
text-align: center;
margin: 0;
padding: 0;
}
.blog-pagination-ibl ul span.pg {
margin: 0 20px;
}
.blog-pagination-ibl ul li {
display: inline-block;
background: ;
}
.blog-pagination-ibl ul li a i:hover,
.blog-pagination-ibl ul li a:hover {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.blog-pagination-ibl ul li.hide {
visibility: hidden;
}
.blog-pagination-ibl ul li a {
padding: 5px 8px !important;
text-decoration: none;
line-height: 20px;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
font-size: 28px !important;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
background: #fff;
}
.blog-pagination-ibl ul li:hover,
.blog-pagination-ibl ul li.active {
background: ;
}
.blog-pagination-ibl ul li:hover a,
.blog-pagination-ibl ul li.active a {
color: ;
}
.blog-pagination-ibl ul li a i:hover,
.blog-pagination-ibl ul li a:hover {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
color: #a71313 !important;
}
.blog-pagination-ibl .next-posts-link {
float: none;
}
.blog-pagination-ibl .previous-posts-link,
.blog-pagination-ibl .next-posts-link {
text-decoration: none;
border-radius: 2px;
max-width: 50px;
text-align: center;
color: #0f434c;
background-color: #ffffff;
margin: 30px 0;
width: auto;
}
.blog-pagination-ibl .active a {
background: #c9563d !important;
color: #fff !important;
}
.blog-pagination-ibl .active a:hover {
background: #a71313 !important;
color: #fff !important;
}
@media (max-width: 949px) {
.blog-pagination-ibl ul li a {
padding: .2rem !important;
line-height: 0 !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
font-size: 1.8rem !important;
}
}
/** Indice Post **/
blockquote.indice-post {
max-width: 360px !important;
text-align: center;
padding: 3rem 1rem .5rem;
}
.indice-post::before {
content: "\f022";
font-family: 'Font Awesome 5 Pro';
font-size: 22px !important;
top: -1.3rem !important;
}
blockquote.indice-post::after {
background: #585858;
content: '\f03a';
}
blockquote.indice-post h2 {
font-size: 1.75rem !important;
margin: 0;
text-align: center !important;
color: #545454 !important;
margin: 0 auto !important;
}
blockquote.indice-post hr {
height: 1px;
background-color: #dcdcdc;
max-width: 350px;
margin: 1rem auto 0;
float: none;
border: 0;
}
blockquote.indice-post ul {
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
list-style: none !important;
list-style-position: inside !important;
counter-reset: index-list !important;
padding: 0 !important;
display: -moz-inline-stack;
display: inline-block;
margin: 2rem;
zoom: 1;
}
blockquote.indice-post ul li {
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
list-style-position: inside !important;
counter-increment: index-list !important;
font-size: 1rem !important;
font-weight: 400 !important;
line-height: 1.5rem !important;
color: #313131 !important;
margin: 0 !important;
text-align: left;
}
blockquote.indice-post ul li a {
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
font-size: 1rem !important;
font-weight: 600 !important;
line-height: 1.5rem !important;
color: #313131 !important;
}
blockquote.indice-post ul li:before {
display: none !important;
}
blockquote.indice-post a:after {
content: "\f0a7";
font-family: 'Font Awesome 5 Pro';
font-size: 1rem !important;
margin-left: 5px;
}
@media (max-width: 949px) {
blockquote.indice-post {
max-width: 100% !important;
margin: 60px auto;
padding: 40px 20px;
}
blockquote.indice-post ul li {
font-size: 13px !important;
text-indent: 0;
margin: 5px 0;
}
.section.post-header {
max-width: 100% !important;
margin: 0 auto;
margin-top: -50px;
}
}
/** Hubspot Video CSS **/
.vidyard-cta-holder span a {
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
-ms-transition: all .25s ease !important;
transition: all .25s ease !important;
background-color: #c9563d !important;
color: #fff !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700 !important;
font-size: 22px !important;
text-decoration: none !important;
padding: 30px !important;
}
.vidyard-cta-holder span a:hover {
-webkit-transition: all .25s ease !important;
-moz-transition: all .25s ease !important;
-o-transition: all .25s ease !important;
-ms-transition: all .25s ease !important;
transition: all .25s ease !important;
background-color: #ffffff !important;
color: #c9563d !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700 !important;
font-size: 22px !important;
text-decoration: none !important;
padding: 30px !important;
}
/** Search Icon Removal **/
.expandSearch {
visibility: hidden !important;
}
.bannerSearch {
visibility: hidden !important;
}
/** Social Sharing Blog **/
a.share-bar--item-link {
color: #ffffff !important;
}
/** Chatbot Blog CTA **/
.chatbot-blog h2 {
text-align: center;
color: #c9563d;
margin: 20px auto 0 !important;
font-size: 36px !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 700;
}
.chatbot-blog h2:after {
display: none;
}
.chatbot-blog h4 {
font-size: 1.2rem !important;
margin-right: 5px !important;
}
.chatbot-blog-button {
position: relative;
margin: 20px auto 40px;
float: none !important;
text-align: center;
}
.campmany-cta-bot {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 600;
color: #fff !important;
font-size: 1.35rem !important;
background: #c9563d;
margin: 10px !important;
margin-left: 0 !important;
border: 1px solid #c9563d;
padding: 10px 15px;
border-radius: 5px;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.campmany-cta-bot:hover {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: 600;
color: #fff !important;
font-size: 1.35rem !important;
background: #a71313;
margin: 10px !important;
margin-left: 0 !important;
border: 1px solid #c9563d;
padding: 10px 15px;
border-radius: 5px;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.chatbot-blog hr {
border: 0;
height: 1px;
color: #dcdcdc;
max-width: 600px;
background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(165, 165, 165), rgb(255, 255, 255));
}
/** Club Breadcrumbs **/
.websiteBreadcrumbs ul {
margin: 0;
padding: 0;
list-style: none;
}
.websiteBreadcrumbs ul li {
display: inline-block;
vertical-align: middle;
}
.websiteBreadcrumbs {
padding: 0;
position: relative;
z-index: 2;
max-width: 1000px;
margin: 0 auto 1rem;
text-align: center;
}
.websiteBreadcrumbs ul li {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 1rem !important;
font-weight: 600;
margin: 0;
}
.websiteBreadcrumbs li a {
color: #464646 !important;
}
.websiteBreadcrumbs li:last-child a {
color: #c9563d !important;
pointer-events: none;
}
.websiteBreadcrumbs li a:hover {
color: #c9563d000 !important
}
.websiteBreadcrumbs li:not(:last-child) {
margin-right: 5px;
}
.websiteBreadcrumbs li:not(:first-child) {
margin-left: 5px;
}
.websiteBreadcrumbs img {
width: 40px;
}
@media screen and (max-device-width: 1024px) {
.websiteBreadcrumbs {
margin-bottom: 0;
text-align: center;
border-bottom: 0;
padding-bottom: 20px;
margin-top: 0;
}
.websiteBreadcrumbs .page-center {
padding: 0 !important;
margin-bottom: 1rem !important;
}
.websiteBreadcrumbs ul li {
display: inline-block;
vertical-align: middle;
font-size: 12px !important;
line-height: 0;
padding: 0;
}
}
/** Blog 2019 **/
.campmany-list {
float: none !important;
max-width: 1280px !important;
margin: 0 auto 50px !important;
}
.campmany-list .blog-list-campmany {
padding: 0 !important;
}
.campmany-listing .post-header h2 {
max-width: 100%;
}
.campmany-listing .post-listing .post-header h2 a {
color: #3e3e3e !important;
}
.campmany-listing .post-listing .post-header h2 {
font-size: 20px !important;
line-height: 26px !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #3e3e3e !important;
font-weight: 700 !important;
margin: 0 0 15px !important;
transition: all .3s ease-in !important;
-webkit-transition: all .3s ease-in !important;
}
.campmany-listing .post-listing .post-item:nth-child(1) .post-header h2 {
font-size: 36px !important;
line-height: 42px !important;
margin-bottom: 20px !important;
}
.campmany-listing p {
font-size: 1rem !important;
line-height: 26px;
margin: 5px auto;
}
.campmany-listing .post-item {
width: 100%;
max-width: 46%;
float: left;
margin-right: 4%;
margin-bottom: 25px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-direction: column;
-webkit-flex-direction: column;
transition: all .4s ease-out;
border: 0 solid #ff9e55;
border-radius: 15px;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.campmany-listing .post-item:nth-child(1) {
max-width: 815px !important;
}
.campmany-listing .post-item:last-child {
border-bottom: 0 !important;
padding: 0 0 20px !important;
margin: 0 auto 20px !important;
}
.campmany-listing .post-image-container {
max-width: 100%;
text-align: center;
overflow: hidden;
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
border-radius: 15px 15px 0 0;
display: flex;
display: -webkit-flex;
-webkit-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
justify-content: center;
}
/*.campmany-listing .post-image-container .feat-image-overlay {
opacity: 0;
position: absolute;
width: 100%;
z-index: 9999;
min-height: 300px;
}
.campmany-listing .post-image-container .feat-image-overlay:hover {
opacity: 1;
}*/
.campmany-listing .blog-listing-wrapper .post-listing .post-item .hs-featured-image {
max-width: 100% !important;
margin: 0;
float: none;
width: 100%;
height: auto;
background-size: cover;
display: block;
background-color: #ffffff;
background-repeat: no-repeat;
transition: all .3s ease-in !important;
-webkit-transition: all .3s ease-in !important;
}
.campmany-listing .blog-listing-wrapper .post-listing .post-item img.hs-featured-image:hover {
transform: scale(1.1);
transition: all .3s ease-in !important;
-webkit-transition: all .3s ease-in !important;
}
.campmany-listing .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
display: block;
float: none !important;
text-align: center;
height: auto !important;
max-height: 160px;
width: 100%;
padding: 0;
margin: 0;
box-shadow: none !important;
position: relative;
overflow: hidden;
}
.campmany-listing .post-item:nth-child(1) .hs-featured-image-wrapper {
max-height: 240px !important;
}
.campmany-listing .post-body-container {
padding: 0 20px 0;
margin-bottom: 10px;
}
.seguir-leyendo {
margin: 10px auto 20px !important;
float: none !important;
position: relative !important;
text-align: center;
}
.campmany-listing p#hubspot-topic_data {
font-size: 1rem !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-weight: normal;
}
a.more-link {
float: right;
color: #FFF !important;
background-color: #c9563d;
padding: 15px 20px;
font-size: 1.15rem;
font-family: 'Quicksand', 'Source Sans 3', sans-serif !important;
font-weight: 700 !important;
border-radius: 5px;
}
.campmany-listing-reading {
text-align: center;
}
.campmany-listing .reading-minutes {
text-align: center;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 1rem !important;
color: #333;
}
span.reading-minutes {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 1rem !important;
}
.post-item a.topic-link {
margin-left: 0;
}
.campmany-listing-hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
background-color: transparent;
max-width: 100%;
margin: 15px auto;
float: none;
}
.sidebar-box.sidebar-search {
padding: 0;
}
.siderbar-search placeholder:before {
font-family: "Font Awesome 5 Pro";
font-weight: 900;
content: "\f002";
}
.sidebar-search input.hs-search-field__input {
border-radius: 5px !important;
padding: 10px !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 16px !important;
margin-top: 0;
}
.search-input-mobile {
max-width: 90%;
margin: 10px auto 0 !important;
float: none !important;
}
.search-input-mobile input.hs-search-field__input {
border-radius: 5px !important;
padding: 10px !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 16px !important;
margin-top: 0;
}
.sidebar-cta-box {
border: 1px solid #e3e3e3;
border-radius: 15px !important;
margin: 20px auto !important;
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15);
background: url(https://2645202.fs1.hubspotusercontent-na1.net/hubfs/2645202/Campmany%20Abogados/Im%C3%A1genes/CTAs/cta-sidebar-blog-ytd-26-6-19.jpg);
transition: all .3s ease-in !important;
-webkit-transition: all .3s ease-in !important;
}
.sidebar-cta-box:hover {
filter: brightness(1.15);
transition: all .3s ease-in !important;
-webkit-transition: all .3s ease-in !important;
}
.sidebar-cta-box img {
height: auto !important;
}
.sidebar-box span.filter-link-count {
font-family: 'Quicksand', Arial, sans-serif; !important;
font-size: 12px !important;
}
.sidebar-box ul li a {
font-size: 1rem !important;
font-family: 'Quicksand', Arial, sans-serif; !important;
}
.copyright p {
font-family: 'Quicksand', Arial, sans-serif; !important;
}
.copyright i {
font-size: 24px;
margin: 0 5px;
color: #909090;
transition: all .3s ease-in !important;
-webkit-transition: all .3s ease-in !important;
}
.copyright i:hover {
font-size: 22px;
color: #c9563d;
transform: scale(1.1);
transition: all .2s ease-in !important;
-webkit-transition: all .2s ease-in !important;
}
@media screen and (max-width: 767px) {
.campmany-listing .post-item {
float: none;
margin-bottom: 20px !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 90%;
}
.campmany-listing .post-item:nth-child(1) {
margin-bottom: 20px !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 90% !important;
}
.campmany-listing .blog-listing-wrapper .post-listing .post-item:nth-child(1) .hs-featured-image {
margin-top: -0.5rem !important;
}
.campmany-listing .post-listing .post-item .post-header h2 {
margin-bottom: 5px !important;
}
.campmany-listing .post-listing .post-header h2 {
font-size: 1.5rem !important;
line-height: 1.75rem !important;
margin-bottom: 5px;
}
.campmany-listing .post-listing .post-item:nth-child(1) .post-header h2 {
font-size: 1.5rem !important;
line-height: 1.75rem !important;
margin-bottom: 5px;
}
.campmany-listing .blog-listing-wrapper {
padding: 0 0 15px !important;
}
.sidebar-box.sidebar-search {
padding: 20px;
}
.sidebar-cta-box {
padding: 20px !important;
max-width: 90%;
}
.sidebar-box.sidebar-search {
max-width: 90%;
margin: 0 auto !important;
}
.campmany-listing .post-body-container {
padding: 0 15px 0;
margin-bottom: 10px;
}
.seguir-leyendo {
margin: 10px auto 0 !important;
float: none !important;
position: relative !important;
text-align: center;
}
.blog .main-content-wrapper.page-center {
/*box-shadow: rgba(1, 1, 1, 0.14902) 0px 30px 100px 0px;*/
}
a.more-link {
font-size: 1rem;
padding: 15px 20px;
}
/*#campmany-search-field-form .campmany-search-field-button {
max-height: 55px;
} */
.article-footer.related {
margin: 2rem 0 0;
flex-flow: column;
}
.related .hs-rss-item {
background: #fff !important;
margin: 0;
border-top: 0;
padding: 0px 5px 0px 5px;
margin-bottom: 35px;
flex: 1 1 100%;
max-width: 100%;
}
}
@media screen and (max-width: 320px) {
.campmany-listing .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
max-height: 130px !important;
}
}
@media (min-width: 768px) {
.campmany-listing .post-listing {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: stretch;
-moz-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
margin: 0 -4% 0 0;
}
}
@media (min-width: 1025px) {
.search-input-mobile {
display: none !important;
}
}
@media (max-width: 1024px) {
.sidebar-search {
display: none !important;
}
.sidebar-cta-box {
background-repeat: no-repeat;
background-size: cover;
}
}
@media (min-width: 1200px) {
.campmany-listing .blog-listing-wrapper .post-listing .post-item .hs-featured-image {
width: 100%;
min-height: 180px;
}
.campmany-listing .blog-listing-wrapper .post-listing .post-item:nth-child(1) .hs-featured-image {
margin-top: -5em !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.span4.widget-span.widget-type-cell.sidebar {
width: 96% !important;
float: none !important;
margin: 0 auto !important;
padding: 20px;
}
.campmany-listing .post-item {
float: none;
margin-bottom: 20px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.campmany-listing .post-item:nth-child(1) {
max-width: 96% !important;
}
.campmany-listing .blog-listing-wrapper .post-listing .post-item:nth-child(1) .hs-featured-image-wrapper {
max-height: 230px !important;
}
.campmany-listing .blog-listing-wrapper .post-listing .post-item:nth-child(1) .hs-featured-image {
margin-top: 0 !important;
}
.campmany-listing .post-listing {
margin: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.blog-section h1 span {
font-size: 34px !important;
line-height: 38px !important;
letter-spacing: 0 !important;
}
}
@media screen and (max-width: 1024px) {
.blog .main-content-wrapper.page-center {
box-shadow: none !important;
}
.campmany-list {
border-bottom: 1px solid #eaeaea;
}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.campmany-listing .blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {
max-height: 140px;
}
.blog .sidebar-box {
padding: 0;
}
}
/** Variación Casos de éxito **/
i {
font-style: normal;
}
.ca-separador-ce {
width: 150px;
height: 20px;
background-color: #d2d2d2;
margin: 3rem auto 1rem;
}
.casos-de-exito-central {
max-width: 1080px;
width: 100% !important;
margin: 2rem auto !important;
padding: 0 1rem;
float: none !important;
}
.casos-de-exito-central .blog-section, .casos-de-exito-central .section.post-body {
border-bottom: none;
}
.casos-de-exito-central h1 {
font-family: 'Quicksand', Arial, sans-serif;
text-transform: none !important;
color: #313131 !important;
font-weight: 700;
text-align: center;
margin: 1rem auto 2.5rem;
}
.casos-de-exito-central h1 span {
font-family: 'Quicksand', Arial, sans-serif;
font-size: 3.75rem !important;
line-height: 3.5rem !important;
font-weight: 700;
}
.casos-de-exito-central h1 span:before {
content: '\f0e3';
font-family: 'Font Awesome 6 Pro';
display: inline-block;
vertical-align: middle;
color: #c9563d;
margin-right: 0.5rem;
}
.casos-de-exito-central .section.post-body {
max-width: 100%;
margin: 0 auto;
}
.casos-de-exito-central .section.post-body p {
font-family: 'Source Sans 3', Arial, sans-serif;
font-size: 1.15rem;
font-weight: 400;
line-height: 1.5;
margin: 0 auto 1.25rem;
color: #313131;
-webkit-font-smoothing: antialiased;
}
.section.post-body p a {
text-decoration: underline !important;
font-weight: 600;
color: #000;
text-decoration-color: #c9563d !important;
}
.casos-de-exito-central .section.post-body li {
font-family: 'Source Sans 3', Arial, sans-serif;
font-size: 1rem;
font-weight: 300;
line-height: 1.75rem;
color: #313131;
padding: 0;
margin: 5px 0 15px;
}
.casos-de-exito-central .widget-type-cta img {
height: auto;
}
iframe.sentencia {
min-height: 1280px !important;
margin: 4rem auto;
}
@media screen and (max-width: 768px) {
.ca-separador-ce {
width: 140px;
height: 10px;
background-color: #d2d2d2;
margin: 2rem auto;
}
.casos-de-exito-central {
max-width: 1010px;
width: 100% !important;
margin: 0 auto !important;
padding: 0 1rem;
float: none !important;
}
.casos-de-exito-central h1 {
font-size: 2.5rem !important;
line-height: 2.5rem !important;
font-weight: 700 !important;
text-align: left !important;
margin-bottom: 2rem !important;
}
.casos-de-exito-central h1 span {
font-size: 2.5rem !important;
line-height: 2.5rem !important;
font-weight: 700 !important;
text-align: left !important;
margin-bottom: 2rem !important;
}
iframe.sentencia {
min-height: 100px !important;
margin: 4rem auto 2rem;
}
}
blockquote.bq-cta {
font-weight: 600;
font-size: 1.15rem !important;
max-width: 500px;
text-align: center;
line-height: 1.5rem !important;
text-decoration: none !important;
color: #313131 !important;
}
blockquote.bq-cta:hover {
font-weight: 600;
color: #c9563d !important;
text-decoration-color: #c9563d !important;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
/* CA 3.0 */
.content-header {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
.content-title {
flex: 1 1 50%;
}
.article-featured-image {
margin: 2rem auto;
flex: 1 1 50%;
}
.article-featured-image img {
border-radius: 0.5rem;
}
.content-title h1, .content-title h1 span {
font-size: 2.75rem !important;
line-height: 2.75rem !important;
text-align: left;
}
@media screen and (max-width: 1024px) {
.casos-de-exito-central {
max-width: 800px;
}
.content-header {
flex-flow: column;
gap: 0;
}
.content-title h1, .content-title h1 span {
font-size: 2.75rem !important;
line-height: 2.75rem !important;
text-align: left;
margin: 1rem auto 0 !important;
}
.article-featured-image img {
margin: 1rem auto;
}
blockquote, q {
padding: 2rem;
}
blockquote::before, q::before {
font-size: 3rem;
left: -0.5rem;
top: -1rem;
}
}
@media screen and (max-width: 768px) {
.content-title h1, .content-title h1 span {
font-size: 2rem !important;
line-height: 2.15rem !important;
text-align: left;
margin: 1rem auto 0 !important;
}
}