/*
Theme Name: Toast Theme HTML5 - Columns
Description: The Toast Theme. Lightweight, tasty and totally awesome.
Author: David Foreman // Charlotte Brown
Copyright: David Foreman & Charlotte Brown 2018 All rights reserved. // DO NOT REMOVE THIS COPYRIGHT NOTICE
Date: March 2018
Version: 5.0-2018
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: Toast
Tags: HTML 5, one-column, two-columns, right-sidebar, lots of other goodness
*/
#wpadminbar li.toast-support a { background: #ff8f2b; }
#wpadminbar li.toast-support a:hover { background: #666; }
.wc-proceed-to-checkout p.notice {
background:#efefff;
padding:2rem;
font-size:1em;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background-color: #efefff;
color: #2b2b2b;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
content: '';
display: block;
border: 1em solid #efefff;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -.75em;
left: 0;
margin: -1em 0 0 2em;
}
.woocommerce-info, .woocommerce-message {
border-top-color: #e83677;
}
.woocommerce-info::before, .woocommerce-message::before {
color: #e83677;}
.page-id-232 ul li {
list-style-position: outside;
font-size: 1.4rem;
color: #2b2b2b;
}
.product-note {clear:both;margin-top:2em;display:inline-block;}
.product-note p {font-size:1em;margin-bottom:0px;}
.make-relative { position: relative; }
.make-relative .container { position: static; }
.case-study-image img { width: auto; height: 100%;max-width:none;}
/*Transient Overlay*/
.pink, .yellow, .bright-pink{position:relative;}
.transient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.05);pointer-events:none;}
.top-curve, .bottom-curve{z-index:1;position:relative;}
.case-study-image{z-index:2;}
/**Aarons Saved Styles**/
table{width:100% !important;}
.responsive-iframe{position:relative;width:100%;padding-top:55.5%;
-webkit-box-shadow: 0px 0px 15px 2px rgba(43,43,43,0.35);
-moz-box-shadow: 0px 0px 15px 2px rgba(43,43,43,0.35);
box-shadow: 0px 0px 15px 2px rgba(43,43,43,0.35);
}
.responsive-iframe iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
p, li{font-size:2rem;}
img{vertical-align:middle;}
._5remtopbot{margin:5rem 0;}
._5rembot{margin-bottom:5rem;}
._5remtop{margin-top:5rem;}
._10remtopbot{margin:10rem 0;}
._10rembot{margin-bottom:10rem;}
._10remtop{margin-top:10rem;}
.button-for-all{padding-top:2rem;clear:both;overflow:hidden;}
.related-content.container{margin-bottom:5rem;}
.header-table{display:table;width:100%;table-layout:fixed;}
.header-table .left-side, .header-table .right-side{display:table-cell;vertical-align:middle;}
.header-table .left-side{width:12%;}
.table{display:table;vertical-align:middle;width:100%;table-layout:fixed;}
.table .left-side, .table .right-side{display:table-cell;vertical-align:middle;}
#back-to-top{background:#160386;position:fixed;bottom:25px;left:25px;font-family:fontawesome;color:white;height:80px;width:80px;line-height:80px;border-radius:100%;text-align:center;cursor:pointer;animation:fadeInUp 1s linear forwards;z-index:10000000;box-shadow:0 0 12px rgba(0,0,0,0.6);transition:all .5s}
._5vw_marg_bot{margin-bottom:2vw;}
.module-divider img{width:100%;}
.full-width-12-columns .twelve.columns{width:100% !important;}
#back-to-top i{font-style:normal;font-size:4rem;font-weight:100;}
.section-title.cta{margin:0 auto;padding-bottom:0;}
/**Banner**/
.page-header.minature{min-height:0;}
.page-header.minature .container.header-text{padding:5vw 0 10vw 0}
/**Colours**/
.bright-pink .section-title, .yellow .section-title, .pink .section-title{padding:.5em 0;color:#fff;}
.bright-pink{background-size:cover;background-position:center;}
.bright-pink{background-image:url('/wp-content/uploads/Key-features-background.png');}
/*Software Items**/
.software-items .columns{margin-bottom:4%;}
/**Blog styles**/
.blog-header.page-header{top:0;left:0;width:100%;clear:both;overflow:hidden;background-size:100% 100% !important;background-repeat:no-repeat;min-height:0;}
.blog-header .header-overlay{height:20vw;}
/**Blog Archive Page**/
.featured-article{margin-top:5rem;margin-bottom:20vw;}
.featured-article-table{display:table;width:100%;table-layout:fixed;background-color:#ffffff;min-height:45rem;
-webkit-box-shadow: 0px 0px 15px 2px rgba(43,43,43,0.35);
-moz-box-shadow: 0px 0px 15px 2px rgba(43,43,43,0.35);
box-shadow: 0px 0px 15px 2px rgba(43,43,43,0.35);
}
.featured-article-table .left-side, .featured-article-table .right-side{display:table-cell;vertical-align:middle;}
.featured-article-table .left-side{width:60%;background-size:cover;background-position:center;}
.featured-article-table .right-side{padding:5rem;}
.featured-article-table .right-side h1, .featured-article-table .right-side h2{color:black;margin-bottom:0;font-size:4rem;}
.featured-article-table .right-side .post-date{margin:2rem 0;}
.featured-article-table .right-side .read-more{color:#050087;font-size:2.5rem;font-weight:bold;}
.featured-article .read-more:after{content:'';background:url('/wp-content/uploads/Blog-squiggle.png');width:70px;height:1.3rem;background-size:cover;display:inline-block;vertical-align:middle;margin-left:1rem;}
.featured-article .excerpt{color:#666666;font-size:2rem;margin-bottom:2rem;font-weight:400;}
.blog-posts{margin-top:-15vw;clear:both;margin-bottom:5rem;}
.blog-posts .twelve.columns{clear:both;}
.blog-posts .four.columns{box-shadow:0px 0px 12px rgba(0,0,0,0.3);padding:1rem;box-sizing:border-box;margin-bottom:2rem;background-color:#ffffff;}
.blog-posts .blog-image img{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;width:100%;}
.blog-posts h4{margin:3rem 0 .5rem;font-weight:400;color:#000000;font-size:2.25rem;}
.blog-content{margin:auto 0 0;padding:0 2rem}
.blog-posts .blog-date{margin:auto 0 1rem;font-weight:bold;}
.blog-posts .read-more{color:#050087;padding:1.5rem 0 .5rem;display:block;border-top:1px solid #efefef;font-size:2rem;font-weight:bold;}
.blog-posts .read-more:after{content:'';background:url('/wp-content/uploads/Blog-squiggle.png');width:70px;height:1.3rem;background-size:cover;display:inline-block;vertical-align:middle;margin-left:1rem;}
.blog-posts .excerpt{margin-bottom:1rem;color:#666666;font-weight:400;font-size:1.5rem;}
.blog-posts .excerpt p{font-size:1.5rem;}
.blog-posts .content-height{margin-bottom:1rem;}
.page-navigation{text-align:center;margin-top:5rem;}
.page-navigation a.page-numbers{background:#050087;padding:1.5rem 2.5rem !important;display:inline-block;font-weight:400;}
.page-navigation span{display:inline-block;}
.blog-posts.large-blog-items{margin-top:-19vw;overflow:visible;}
.blog-posts.large-blog-items .featured-article-table{margin-bottom:3vw;}
.blog-posts.large-blog-items .excerpt{font-size:2rem;}
.blog-posts.large-blog-items .read-more{border-top:none;}
/**Blog page**/
.blog-sidebar{min-height:50rem;}
.blog-sidebar ul{list-style-type:none;}
.blog-sidebar ul li{line-height:1.2;margin-bottom:2rem;}
.blog-sidebar ul li a{color:#2b2b2b;font-size:1.75rem;}
.blog-sidebar h5{font-weight:400;}
.blog-sidebar form label{display:none !important;}
.blog-sidebar form li, .blog-sidebar .gform_wrapper{margin:0 !important;padding:0 !important;}
.blog-sidebar input{width:100% !important;margin:0;padding:0;}
.blog-sidebar input::placeholder{color:#050087}
.blog-sidebar .gform_footer{margin:0 !important;padding-bottom:0 !important;}
.blog-sidebar input[type="submit"]{background:transparent;border:2px solid #050087;color:#050087;padding:1rem 0;}
.blog-sidebar .right-sidebar-widget{margin-bottom:4rem;}
.page-header.blog-header .featured-image{margin:5rem auto 20vw auto;max-height:35vw;overflow:hidden;}
.page-header.blog-header .featured-image img{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;width:100%;}
.blog-content.with-sidebar{margin-top:-20vw;background-color:#ffffff;clear:both;overflow:hidden;padding:3rem;box-shadow:0 0 20px rgba(0,0,0,0.4);box-sizing:border-box;margin-bottom:5rem;}
.single-blog-main-content{padding:7rem;}
.blog-content.with-sidebar .post-info{margin-bottom:5rem;}
.blog-content.with-sidebar h1{color:#000000;font-size:4rem;margin-bottom:2rem;}
.blog-content.with-sidebar .section-title{font-size:2.5rem;}
.post-info{float:left;}
.social-icons{float:right;}
.social-icons i{background:#050087;color:#fff;height:40px;width:40px;line-height:40px;font-family:fontawesome;display:inline-block;vertical-align:middle;font-style:normal;text-align:center;font-size:1.75rem;border-radius:100%;}
.post-content{clear:both;overflow:hidden;}
.blog-custom-cta-field{margin:5rem 0;}
.blog-custom-cta-field img{width:100%;vertical-align:middle;}
.twelve.columns{float:none;}
.single-blog-main-content{clear:both;overflow:hidden;}
.additional-fields{margin:5rem 0 0;overflow:visible;clear:both;}
.additional-fields img{width:100%;}
.blog-section-title{text-align:center;}
.author-details{background:#efefef;padding:7rem;margin-bottom:5rem;display:none;}
.author-details .blog-section-title{text-transform:uppercase;font-size:2rem;margin-bottom:5rem;}
.author-details h4, .author-details h5{font-weight:400;}
.author-table{display:table;width:100%;table-layout:100%;}
.author-table .left-side, .author-table .right-side{display:table-cell;vertical-align:middle;}
.author-table .left-side{width:150px;}
.author-table .left-side img{-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.author-table h5{margin:0;}
.author-table .right-side{font-size:1.75rem;padding-left:5rem;}
.blog-posts.related{margin:0;}
.post-type-archive-case_studies .post-date{display:none;}
.post-type-archive-case_studies .featured-article-table .right-side h2, .post-type-archive-case_studies .featured-article-table .right-side h1{margin-bottom:2rem;}
/**Interactive map**/
.interactive-map{margin-bottom:5rem;}
.interactive-map .container, .interactive-map, .map-viewport{overflow:visible;}
.map-main-container{position:relative;}
.map-viewport{position:relative;max-width:1024px;margin:0 auto;}
.map-background img{width:100%;vertical-align:middle;}
.pinpoint{background:#050087;display:block;width:30px;height:30px;border:3px solid #ffffff;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;position:absolute;transform:translate(-50%, -50%);cursor:pointer;}
.pinpoint-content{background:rgba(5, 0, 135, 0.8);color:#ffffff;position:absolute;right:0;top:0;height:100%;width:300px;text-align:center;padding:2rem;font-size:2rem;box-sizing:border-box;transition:all .25s;opacity:0;pointer-events:none;}
.pinpoint-content.active{z-index:1000;opacity:1;}
.pinpoint-content h3{color:white;font-size:2rem;}
.pinpoint-image{padding:2rem 0;}
@media(max-width:768px){
.pinpoint{width:3vw;height:3vw;}
.pinpoint-content{width:100%;height:auto;display:block;transition:all 0s;background:rgba(5, 0, 135, 1)}
.pinpoint-content.active{position:relative;bottom:0;left:0;}
}
/**New products Flex Field**/
.white-text, .white-text h3, .white-text a {color:white !important;}
.products-content.table {padding:5rem 0}
.products-content.table .products-side, .products-content.table .content-side{display:table-cell;vertical-align:middle;}
.products-content.table .content-side{width:30%;box-sizing:border-box}
.products-content.table .content-side.left{padding-right:5rem}
.products-content.table .content-side.right{padding-left:5rem;}
.products-content.table .content-side h3{font-size:5rem;font-weight:500;}
.products-content.table .large-image img{width:90%;margin:0 auto;display:block;}
.flex-products{text-align:center;}
.flex-products .flex-product{width:25%;display:inline-block;vertical-align:top;margin-left:-4px;font-size:2rem;padding:2rem;box-sizing:border-box}
.flex-products .flex-product .text{position:relative;display:inline-block}
.bright-pink .flex-products .flex-product .text:after{content:'\f061';font-family:fontawesome;padding-left:1rem;position:absolute;top:50%;right:0;transform:translate(100%, -50%);}
.flex-products .flex-product .product-image{margin-bottom:2rem;}
.flex-products .flex-product .product-image img{width:100%}
/**Product Key Features**/
.product-key-features{background-size:cover;background-position:center;}
.product-key-features .content{padding:10rem 0;}
.product-key-features .image{vertical-align:bottom;width:60%;}
.product-key-features .image img{width:100%;}
.product-key-features h3{font-size:5rem;font-weight:400;}
.features-container{margin:5rem 0;}
.table.features{margin:5rem 0;}
.table.features .left-side{width:20%;padding:0 4rem 0 0;}
.table.features h5{margin-bottom:0;}
/**VIDEO AND CTAS**/
.video-and-ctas{text-align:center;}
.video-and-ctas .video-section{max-width:1024px;margin:0 auto;}
.video-and-ctas .cta{border:2px solid #050087;padding:1.5rem;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-top:4%;}
.video-and-ctas .cta a, .video-and-ctas .cta p{margin:0;}
/**FAQS**/
.su-spoiler{margin-bottom:1.5rem !important;font-size:2rem;}
.su-spoiler-title{color:#050087;font-size:2rem !important;line-height:1.2 !important}
.su-spoiler-icon{line-height:2.4 !important}
/**Woo Styling**/
.woocommerce .button{border:2px solid #050087 !important;background:transparent !important;color:#050087 !important;padding:1.5rem 2rem !important}
.woocommerce-checkout #payment{background:transparent;}
.woocommerce-checkout #payment .place-order{padding:0 !important;}
.woocommerce-page #payment #place_order{float:none;margin-top:2rem;}
.woocommerce .plus, .woocommerce .minus{padding:.6180469716em 1em}
.woocommerce #order_review_heading{margin-top:5rem;}
.woocommerce-cart table.cart input[type="text"]{padding:1.5rem 1.5rem !important;height:auto !important;width:auto !important;text-align:center;font-size:1.5rem;}
.woocommerce-terms-and-conditions-wrapper p{font-size:1.5rem;margin-bottom:.5rem;}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{color:#050087}
.related.products{ border-top: 1px solid #d3ced2;margin-top: 5rem;padding-top: 5rem;}
/**Icon with anchor**/
.icon-with-anchor .square-icon{margin-bottom:5rem;}
.icon-with-anchor .nine.columns{margin-bottom:5rem;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background-color: #e83576;
text-decoration: none;
background-image: none;
color: #fff;
}
a h2.woocommerce-loop-product__title {
color: #160386;
}
a h2.woocommerce-loop-product__title:hover {
color: #666;
}
.woocommerce ul.products li.product .price {
color: #e83576;}
.woocommerce div.product .product_title {
color: #160386;
}
input.minus:hover, input.plus:hover {
background: #3723c8!important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #e83576;
font-size: 1.25em;
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
padding: 2.4rem 0em;
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left;
padding: 1.8rem;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #c249d6;
color: #fff;
-webkit-font-smoothing: antialiased;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #e83576;
color: #fff;
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none;
border: 2px solid #eee;
border-radius: 15px;
margin-bottom: 2em;
}
.case-study-snip a img:hover {
opacity: 0.8;
}
.case-study-snip a.button:hover {
border: 3px solid #c249d6;
background: #eee;
color: #c249d6; }
.case-study-snip a.button {
border: 3px solid #c249d6;
background: none;
color: #c249d6;
width: 80%;
font-size: 1em;
border-radius: 15px;
}
.four.columns.case-study-snip h3 a:hover {
color: #666;
}
.four.columns.case-study-snip h3 a {
color: #160386;
}
.four.columns.case-study-snip {
text-align: center;
padding: 1em;
}
.case-study-snip img {
border: 3px solid #eee;
width: 100%;
height: auto;
}
.row.three-images img {
border-radius: 15px;
}
.row.dark-blue {
background: #160386;
color: #fff;
padding: 1.5em;
border-radius: 15px;
}
.case-study-logo {
float: left;
max-width: 200px;
}
.prod-cta-text {
width: 64.66%;
float: left;
padding-left: 2%;
color: #160386;
font-weight: bold;
padding-top: 11%;
padding-bottom: 11%;
font-size: 0.8em;
}
.prod-cta-image {
width: 33.33%;
float: left;
}
.three.columns.pro-cta img {
border-radius: 50%;
}
.three.columns.pro-cta {
background: #eee;
border-radius: 10px;
padding: 0.5em 1em;
}
.twelve.columns.product-ctas h3 {
text-align: center;
}
.case-study-text a.button.outline:hover {
background: rgba(255, 255, 255, 0.20);
}
.case-study-text {
color: #fff;
}
.case-study-text blockquote{margin:0;}
.case-study-text blockquote p{font-size:2.5rem;line-height:1.3;}
.case-study-text h3 {
color: #fff;
}
.case-study-text a.button.outline {
border: 2px solid #fff;
color: #fff;
}
.quote-author {
color: #fff;
font-weight: bold;
text-align: center;
margin-top: 1em;
}
.quote-text {
font-size: 2em;
text-align: center;
color: #fff;
font-weight: 100;
line-height: 1.4;
width:80%;
margin:0 auto;
}
.client-logo img {
border-radius: 50%;
max-width: 10%;
}
.client-logo {
text-align: center;
margin-bottom:5rem;
}
a.button.outline {
border: 2px solid #dc9ce6;
background: none;
color: #666;
font-size: 1.0em;
padding: 1em 4em;
}
a.button.outline:hover {
background: #eee;
}
.row.benefits.module img {
margin-bottom: 2em;
}
.row.five-icons img {
margin-bottom: 1em;
}
.row.five-icons img:hover {
opacity: 0.8;
}
.row.five-icons p a {
font-weight: bold;
color: #160386;
}
.row.five-icons p a:hover {
font-weight: bold;
color: #666;
}
.case-study-image { position: absolute; top: 0; bottom: 0; right: 0; left: 50%; text-align: center; }
.six.columns.related {
min-height: 340px;
margin-bottom: 7.5rem;
}
.container.header-text p {
color: #fff;
font-size: 1.3em;
font-weight: 100;
line-height: 1.3;
}
.three.columns.logo-area {
margin-top: 15%;
}
.featured-snippet a.button:hover {
background: #160385;
color: #fff;
}
.featured-snippet a.button {
background: none;
border: 2px solid #160385;
display: block;
font-size: 1.1em;
padding: 0.7em;
color: #160385;
}
.featured-image img {
border-radius: 10px;
width: 100%;
height: auto;
}
.featured-snippet h3 {
font-size: 1.5em;
}
.featured-snippet a {
color: #2b2b2b;
}
.six.columns.related { overflow: hidden; }
.container .six.columns.related:nth-child(2n+1) { margin-left: 0 !important;clear:both;overflow:hidden; }
.related img { width: 100%; height: auto; }
svg { width: 100%; height: auto; }
.margin.top { margin-top: 10rem; }
.margin.bottom { margin-bottom: 10rem; }
.margin.both { margin-top: 10rem; margin-bottom: 10rem; }
.wpls-logo-showcase button.slick-prev, .wpls-logo-showcase button.slick-prev:active {
background: url(https://www.vocovo.com/wp-content/uploads/arrow-left.png) center center no-repeat !important;
background-size: 25px 25px !important;
box-shadow: none !important; }
.wpls-logo-showcase button.slick-next, .wpls-logo-showcase button.slick-next:active {
background: url(https://www.vocovo.com/wp-content/uploads/arrow-right.png) center center no-repeat !important;
background-size: 25px 25px !important;
box-shadow: none !important;
}
.wpls-logo-showcase button.slick-prev:hover, .wpls-logo-showcase button.slick-prev:focus {
background: rgba(238, 238, 238, 0.28) url(https://www.vocovo.com/wp-content/uploads/arrow-left.png) center center no-repeat !important;
background-size: 25px 25px !important;
}
.wpls-logo-showcase button.slick-next:hover, .wpls-logo-showcase button.slick-next:focus {
background: rgba(238, 238, 238, 0.28) url(https://www.vocovo.com/wp-content/uploads/arrow-right.png) center center no-repeat !important;
background-size: 25px 25px !important;
}
ul.slick-dots {
display: none!important;
}
img.wp-post-image {
border-radius:50%;
}
.section-title.cta {
color: #fff;
}
.section-cta-text {
color: #fff;
font-size: 0.7em;
font-weight: 100;
line-height: 1.3;
margin-top: 1em;
}
.section-title {
text-align: center;
color: #160386;
font-weight: 400;
font-size: 2.5em;
padding: 1em 0em;margin:0 auto 5rem;line-height:1.2
}
.section-subtitle {
font-size: 0.6em!important;
font-weight: 100;
}
.pink { background-size: cover !important; }
.square-icons .columns{margin-bottom:4%;}
.top-curve img, .bottom-curve img { width: 100%; height: auto; }
.pink .square-icon {
background: none;
border: 2px solid #fff;
}
.pink .square-icon-text {
color: #fff;
}
.pink .section-title {
color: #fff;
}
img.accred {
margin-bottom: -1%;
}
.featured-image img {
border-radius: 5%;
}
.square-icon, .square-image { transition: all 1s ease-in-out; box-shadow: 0rem 0rem 0rem rgba(5,7,135,0);
border-radius: 2%;
text-align: center;
border: 1px solid #ccc;
}
a .square-icon:hover, .square-image:hover { background-color: rgba(255,255,255,.2);
-webkit-box-shadow: 0px 0px 15px 2px rgba(43,43,43,0.35);
-moz-box-shadow: 0px 0px 15px 2px rgba(43,43,43,0.35);
box-shadow: 0px 0px 15px 2px rgba(43,43,43,0.35);
transform: scale(1.05); }
.circle-icon:hover { background: rgba(255,255,255,.2); box-shadow: 0rem 2rem 5rem rgba(0,0,0,.3); transform: scale(1.05); }
.square-image img {
padding: 0;
width: 100%;
height: auto;
vertical-align: middle;
border-radius: 5% 5% 0% 0%;
}
.square-image {
transition: all 1s ease-in-out;
box-shadow: 0rem 0rem 1rem #ccc;
border-radius: 5%;
text-align: center;
}
.square-image-text {
padding: 2rem 1rem 3rem;
color: #2b2b2b;
text-align: center;
font-size: 1.2em;
font-weight: 600;
line-height: 1.2;
}
.software .section-subtitle {
color: #2b2b2b;
}
.square-icon img {
padding: 5rem 35% 0rem 35%;
box-sizing:border-box;
max-width: 100%;
height: auto;
width:100%;
vertical-align: middle;
}
.square-icon-text {
padding: 3rem 1rem 5rem;
color: #160386;
text-align: center;
font-size: 1.2em;
font-weight: 600;
line-height: 1.2;
}
.circular-icon {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;text-align: center;border: 2px solid #b35acd;clear:both;overflow:hidden;padding:35%;box-sizing:border-box;}
.circular-icon-text {
color: #160386;
text-align: center;
font-size: 1.35em;
font-weight: 600;
padding: 2em 0em 0em 0em;
line-height: 1.2;
}
.pink .circular-icon {
background: none;
border-radius: 100%;
text-align: center;
border: 2px solid #fff;
}
.pink .circular-icon-text {
color: #fff;
}
.circular-icon img {height: auto; vertical-align: middle;box-sizing:border-box;width:100%;}
.pink { background: url(https://www.vocovo.com/wp-content/uploads/orange-yellow-pink-grad.jpg) no-repeat center center;
background-size: cover; }
.top-curve img {
vertical-align: top;
margin-bottom: 4em;
}
.blue { background: url(https://www.vocovo.com/wp-content/uploads/blue-green-blue-grad.jpg) no-repeat center center;
background-size: cover;
}
.top-curve img {
vertical-align: top;
margin-bottom: 4em;
}
.green { background: url(https://www.vocovo.com/wp-content/uploads/blue-green-yellow-grad.jpg) no-repeat center center;
background-size: cover; }
.top-curve img {
vertical-align: top;
margin-bottom: 4em;
}
.yellow { background: url(https://www.vocovo.com/wp-content/uploads/yellow-pink-blue-grad.jpg) no-repeat center center;
background-size: cover; }
.top-curve img {
vertical-align: top;
margin-bottom: 4em;
}
.top-curve.arrow img {
margin-top: -3.6em;
}
.bottom-curve img {
vertical-align: bottom;
margin-top: 4em;
margin-bottom: -1px;
}
.bottom-curve.arrow img {
margin-bottom: -1.3em;
}
.page-header { position: relative; min-height: 50rem; background-size: 100% !important; background-color: #050087; }
.container.header-text { padding-top: 5vw; padding-bottom: 15vw; }
.container.header-text h1 { color: #fff; font-weight: 300; font-size: 5rem; margin: 0 0 5rem 0; }
.container.header-text h2 { color: #fff; font-weight: 300; font-size: 4rem; margin: 8rem 0 5rem 0; }
.container.header-text h2:before { content: " ";
height: 5rem;
position: absolute;
width: 20%;
background: transparent url('https://www.vocovo.com/wp-content/uploads/sqiggle.png') center right no-repeat;
left: -21%;
background-size: contain; }
.container.header-text a.button { background: transparent; border: 1px solid #fff; padding: 1.5rem 2.5rem; font-size: 1.5rem;color:#ffffff;}
.container.header-text a.button:hover {
background: rgba(255, 255, 255, 0.3);
}
.top-nav li#menu-item-34590 a:hover {
background: rgba(255, 255, 255, 0.60);
color: #160385;
border: 1px solid #160385;
}
.header-overlay { position: absolute; bottom: -1px; left: 0; right: 0; }
.header-overlay img { width: 100%; height: auto; vertical-align: bottom; }
/* Base Styles
*************************************************/
/* NOTE
html is set to 62.5% so that all the REM measurements throughout the theme
are based on 10px sizing. So basically 1.5rem = 15px :) */
html { font-size: 62.5%;}
body {
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1.6;
font-family: montserrat, lato, sans-serif;
font-weight: 400;
color: #2b2b2b;
margin: 0;
padding: 0;
}
.push-right { float: right; }
.push-left { float: left; }
/* Header
*************************************************/
a.logo img { width: 100%; height: auto; vertical-align: bottom; padding: 2rem 0; }
header ul { padding: 0; margin: 0; list-style-type: none; }
header ul li { display: inline; }
header .contacts {}
header { background: #050087; }
header .container{width:95% !important}
/* Navbar & Menus *
************************************************/
.top-nav li#menu-item-34590 a { border: 1px solid #fff; }
.top-nav {font-size: 1.25rem;}
.top-nav ul { margin: 0 auto;}
.top-nav li { display: inline-block; margin: 0 0 0 .5rem; position: relative; /* this is needed in order to position sub menus */ }
.top-nav li a { display: inline-block; padding: 1.25rem; color: #fff; line-height: 1; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size:1.45rem;font-weight:400;} /* Links on the main nav bar ONLY */
.top-nav ul > li.menu-item-has-children > a{padding:5rem 1.25rem;}
.top-nav li:hover a, .top-nav li.current_page_item a, .top-nav ul li.current_page_item ul li a:hover, .top-nav ul li.current-page-ancestor ul li a:hover, .top-nav li.current-page-ancestor a { color: #fff; }
.top-nav #menu-main-menu > li.menu-item-has-children > a::after { content: "\f0d7"; font-family: FontAwesome; padding-left: 1rem; }
.sub-menu li.menu-item-has-children > a::after{content: "\f0d7"; font-family: FontAwesome; padding-left: .5rem;float:right;}
/* Submenus Dropdowns
***********************************************/
.top-nav ul ul {visibility:hidden;opacity: 0; position: absolute;padding: 0;bottom:0;left: 0;width: 300px; background:#050087; text-align: left; z-index: 9999999;transition:all .5s;transform:translate(0, 100%);}
.top-nav ul li:hover > ul {opacity: 1;visibility:visible;}
.top-nav ul ul ul { position: absolute;padding: 0;bottom:auto;top:0;right:0;background:#050087; text-align: left; z-index: 9999999;transform:translate(100%, 0%); }
.top-nav ul ul li { display: block; margin: 0; }
.top-nav ul.sub-menu li a {padding: 1.5rem 2rem; display: block; margin: 0;color: #fff; }
/**nav animations**/
.top-nav .sub-menu{margin-left:2rem;}
.top-nav li:hover > .sub-menu{margin-left:0;}
/* Drop Down Link styling
**************************************************/
/*.nav li.current_page_item a, .top-nav li.current_page_ancestor a, .top-nav ul li ul.sub-menu li.current_page_item a { color: yellow; }
.top-nav ul li.current_page_item ul.sub-menu li a, .top-nav ul li ul.sub-menu li a { color: red; }
.top-nav ul li.current_page_item ul.sub-menu li a:hover, .top-nav ul li ul.sub-menu li a:hover { color: green; }*/
/* Pagination
*************************************************/
/* Previous and Next pagination */
a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { font-size: 1em; padding: .5rem 1rem; color: #fff; clear: both; -webkit-appearance: none; background: #050087; border-radius: 4px;}
a.page-numbers:hover { background: #0092c8; }
/* Current pagination link */
span.page-numbers.current { font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #0092c8;color: #fff;padding:1.5rem 2.5rem;}
/* Grid
*************************************************/
.container, .with-sidebar { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; clear: both; }
.column, .columns { width: 100%; float: left; box-sizing: border-box; }
.row, section, .rowtitle { display: block; clear: both; }
/* For devices larger than 400px
***************************************************************/
@media (min-width: 400px) {
.container, .with-sidebar { width: 85%; padding: 0; }
.u-pull-right { float: right; }
.u-pull-left { float: left; }
} /* End media query */
/* For devices larger than 550px
***************************************************************/
@media (min-width: 768px) {
.container .container { width: 100%;background:red;}
.container, .with-sidebar { width: 80%;}
.column,.columns { margin-left: 4%; }
.column:first-child, .columns:first-child, .container .column:first-child, .container .columns:first-child { margin-left: 0; }
.one.column,
.one.columns { width: 4.66666666667%; }
.two.columns { width: 13.3333333333%; }
.three.columns { width: 22%; }
.four.columns { width: 30.6666666667%; }
.five.columns { width: 39.3333333333%; }
.six.columns { width: 48%; }
.seven.columns { width: 56.6666666667%; }
.eight.columns { width: 65.3333333333%; }
.nine.columns { width: 74.0%; }
.ten.columns { width: 82.6666666667%; }
.eleven.columns { width: 91.3333333333%; }
.twelve.columns { width: 100%; margin-left: 0; }
.one-third.column { width: 30.6666666667%; }
.two-thirds.column { width: 65.3333333333%; }
.one-fifth.column, .one-fifth.columns { width: 16.8%; /* removes the margin-left when over 2 rows */ }
.one-half.column { width: 48%; }
/* Offsets */
.offset-by-one.column,
.offset-by-one.columns { margin-left: 8.66666666667%; }
.offset-by-two.column,
.offset-by-two.columns { margin-left: 17.3333333333%; }
.offset-by-three.column,
.offset-by-three.columns { margin-left: 26%; }
.offset-by-four.column,
.offset-by-four.columns { margin-left: 34.6666666667%; }
.offset-by-five.column,
.offset-by-five.columns { margin-left: 43.3333333333%; }
.offset-by-six.column,
.offset-by-six.columns { margin-left: 52%; }
.offset-by-seven.column,
.offset-by-seven.columns { margin-left: 60.6666666667%; }
.offset-by-eight.column,
.offset-by-eight.columns { margin-left: 69.3333333333%; }
.offset-by-nine.column,
.offset-by-nine.columns { margin-left: 78.0%; }
.offset-by-ten.column,
.offset-by-ten.columns { margin-left: 86.6666666667%; }
.offset-by-eleven.column,
.offset-by-eleven.columns { margin-left: 95.3333333333%; }
.offset-by-one-third.column,
.offset-by-one-third.columns { margin-left: 34.6666666667%; }
.offset-by-two-thirds.column,
.offset-by-two-thirds.columns { margin-left: 69.3333333333%; }
.offset-by-one-half.column,
.offset-by-one-half.columns { margin-left: 52%; }
} /* End media query */
/* Footer
*************************************************/
.footer-header { position: absolute; top: 0; left: 0; right: 0; }
.footer-header img { width: 100%; height: auto; vertical-align: top; }
.footer-wrapper .container { width: 100%; max-width: 100%; }
.footer-sub-wrapper .container { width: 95%; max-width: 95%; }
.footer-wrapper { position: relative; padding: 3rem 0; background: transparent url('https://www.vocovo.com/wp-content/uploads/footer-background.jpg') center center no-repeat; background-size: cover; overflow: hidden; clear: both;margin-top:5rem;}
.footer-sub-wrapper { padding: 1rem 0; background: #050087; color: #fff; overflow: hidden; line-height: 2; font-size: 80%; }
.footer-sub-wrapper li a { color: #fff; text-decoration: none; padding: 0 1rem;}
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.site-footer { clear: both; margin-top: 5rem; }
.site-footer a.logo img { width: 80%; height: auto; margin-bottom: 2rem; }
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a { display: block; line-height: 1.2; text-decoration: none; margin-bottom: 1rem;font-size:1.6rem;font-weight:400;}
.site-footer a { color: #fff; }
.site-footer h5 { color: #fff; }
/* Contacts */
.site-footer .contacts { text-align: left; color: #fff; }
.site-footer .contacts span { display: block; }
.site-footer a i { font-size: 3rem; margin-right: 1rem; }
/* Sub footer */
.bottom-menu ul { padding: 0; margin: 0; list-style: none; }
.bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.bottom-menu ul li a { display: inline-block; line-height: 2; border: none; }
.phone { margin-top: 2rem; }
.email { margin-bottom: 2rem; }
.copyright {
text-align: center;
}
/* Parallax
************************************************/
.container.parallax { color: #fff; text-shadow: 0 .25rem 1rem rgba(0,0,0,.5); }
.container.parallax h3 { font-size: 3vw; }
/* Typography
*************************************************/
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 400; }
h1 { font-size: 4.0rem; line-height: 1.2;}
h2 { font-size: 2.6rem; line-height: 1.25;color:#160386;}
h3 { font-size: 3.0rem; line-height: 1.3; color:#160386;}
h4 { font-size: 2.4rem; line-height: 1.35; }
h5 { font-size: 1.8rem; line-height: 1.5; }
h6 { font-size: 1.5rem; line-height: 1.6; }
/* Larger than phablet */
@media (min-width: 550px) {
h1 { font-size: 5.0rem; }
h2 { font-size: 4rem; }
h3 { font-size: 3.6rem; }
h4 { font-size: 3.0rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 1.5rem; }
}
p { margin-top: 0; }
.centered { text-align: center; }
.alignright { text-align: right; }
.justified { text-align: justify; }
.lowercase h3{text-transform:none !important;}
/* Links
*************************************************/
a { color: #050087; text-decoration: none;font-weight:bold;}
a img{border:none;outline:none;}
a:hover { color: #050087; }
/* Buttons
*************************************************/
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
display: inline-block;
padding: 1.5rem 7rem;
text-align: center;
text-decoration: none;
white-space: nowrap;
background-color:transparent;
border-radius: 5px;
border: 2px solid #160386;
color: #160386;
cursor: pointer;
box-sizing: border-box;
font-size: 1.5rem; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
background: #160386;
color: #fff;
outline: 0; }
.pink .button, .yellow .button, .bright-pink .button{background:transparent;color:#ffffff;border: 2px solid #ffffff;}
.pink .button:hover, .yellow .button:hover, .bright-pink .button:hover{background:rgba(255,255,255,0.3)}
/* Forms
*************************************************/
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 38px;
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #33C3F0;
outline: 0; }
label, legend { display: block; margin-bottom: .5rem; font-weight: 600; }
fieldset { padding: 0; border-width: 0; }
input[type="checkbox"], input[type="radio"] { display: inline; }
label > .label-body { display: inline-block; margin-left: .5rem;font-weight: normal; }
input.hs-button.primary.large {
display: inline-block;
padding: 1rem 3rem;
text-align: center;
text-decoration: none;
white-space: nowrap;
background-color: #160386;
border-radius: 5px;
border: 2px solid #160386;
color: #fff;
cursor: pointer;
box-sizing: border-box;
font-size: 1.5rem;
margin: 20px 0 20px;
transition: all 1s ease-in-out;
-mst-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
}
.hs-button:hover {
transition: all .2s ease-in-out;
-mst-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transform: scale(1.03);
-ms-transform: scale(1.03);
-webkit-transform: scale(1.03);
background-color: #fff;
border-radius: 5px;
border: 2px solid #160386;
color: #160386
}
/* Lists
*************************************************/
ul { list-style: square inside;list-style-position:outside;}
ol { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 2rem; }
li { margin-bottom: 1rem; }
/* Code
*************************************************/
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }
pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }
/* Tables
*************************************************/
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }
/* Spacing
*************************************************/
button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }
/* Utilities
*************************************************/
.u-full-width { width: 100%; box-sizing: border-box; }
.u-max-full-width { max-width: 100%; box-sizing: border-box; }
.u-pull-right { float: right; }
.u-pull-left { float: left; }
/* Misc
*************************************************/
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }
/* Clearing
*************************************************/
.container:after, .row:after, .u-cf, .row:after { content: ""; display: table; clear: both; }
.row { clear: both; }
/* Flexible Content Elements
***************************************************/
.align-centered { text-align: center; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
/* Easing
*************************************************/
a.button, a.button:hover, a.prev, a.next, a.page-numbers, li:hover a, li a, .square-icon:hover, .square-icon, .circle-icon:hover, .circle-icon, .square-image:hover , .square-image{
-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
/* WordPress base Styles (content & images)
*************************************************/
.alignnone { margin: 0; }
.aligncenter, div.aligncenter { display: block; margin: 0 auto; }
.alignright { float:right; margin: 0; }
.alignleft { float: left; margin: 0; }
.aligncenter { display: block; margin: 0; }
a img.alignright,
img.alignright { float: right; margin: 0; max-width: 100%; }
a img.alignnone,img.alignnone { margin: 0; max-width: 100%; }
a img.alignleft, img.alignleft { float: left; margin: 0; max-width: 100%; }
a img.aligncenter,
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: .25em .25em .75em; text-align: center;}
.wp-caption.alignnone { margin: 0; }
.wp-caption.alignleft { margin: 0; }
.wp-caption.alignright { margin: 0; }
.wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: auto; max-width: 100%; }
.wp-caption p.wp-caption-text { line-height: 1; margin: 1em 0 0 0; padding: 1em; border-top: 1px solid #ff8f2b; border-bottom: 1px solid #ff8f2b; display: block; clear: both; }
p.wp-caption-text:before { margin-right: .25em; content: "\f0aa"; font-family: FontAwesome; color: #ff8f2b; }
img.full-width-image { width: 100%; height: auto; margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
/**HTML font sizes**/
@media(max-width:400px){html{font-size:50%}}
@media (min-width:400px) and (max-width:550px){html{font-size:62.5%} }
@media(min-width:550px) and (max-width:768px){html{font-size:52.5%}}
@media(min-width:768px) and (max-width:1024px){html{font-size:50%}}
@media(min-width:1024px) and (max-width:1440px){html{font-size:55%}}
@media(max-width:320px){
.page-header{}
.container.header-text p{width:100% !important}
}
@media(max-width:500px){
.container.header-text p{width:70%;}
}
@media(max-width:550px) and (min-width:400px){
.footer-wrapper .container{width:85%;}
}
@media(max-width:550px){
/**Banner**/
.page-id-392 .page-header{background-image:none !important;}
.page-header{margin-bottom:2rem;}
.page-header.blog-header{margin-bottom:0;}
.page-header .container.header-text p{width:100% !important;}
/**Saved styles**/
.section-title{font-size:3rem;}
.top-curve, .bottom-curve{padding:2.5rem 0;}
.top-curve img, .bottom-curve img{display:none;}
.margin.bottom{margin-bottom:5rem;}
.circular-icon-text{padding:0;margin-top:2rem;}
#coupon_code{width:50% !important;}
/*New products section**/
.flex-products .flex-product{width:50%;}
/**Related posts**/
.related-content h3{margin-top:2rem;}
/*Back to top**/
#back-to-top{height:50px;width:50px;line-height:50px;}
#back-to-top i{font-size:2rem;}
/**Footer**/
footer, footer .contacts{text-align:center !important;}
footer .logo-area{display:none;}
footer h5{font-size:3.5rem;}
footer .columns{margin-bottom:5rem;}
}
@media(max-width:768px) and (min-width:550px){
.page-header .six.columns{width:50%;}
/**Related posts**/
.related-content .six.columns:nth-of-type(2n + 1){clear:both;overflow:hidden;}
}
@media(max-width:768px){
header, .case-study-image{display:none;}
.menu_title a{color:#ffffff;}
#wprmenu_bar .bar_logo{vertical-align:top;}
#wprmenu_bar .menu_title a{float:right;}
.circular-icons .columns, .product-ctas .square-image{margin-bottom:4%;}
.circular-icons .columns, .square-icons .columns, .software-items .columns, .product-ctas .square-image{width:48%;margin-left:4%;}
.circular-icons .three.columns:first-of-type, .circular-icons .three.columns:nth-of-type(2n + 1), .square-icons .columns:first-of-type, .square-icons .columns:nth-of-type(2n + 1), .software-items .columns:first-of-type, .software-items .columns:nth-of-type(2n + 1), .product-ctas .columns:first-of-type, .product-ctas .columns:nth-of-type(2n + 1){clear:both;overflow:hidden;margin-left:0;}
.module-divider img{display:none;}
/**Banner**/
.page-header{background-position:bottom !important;min-height:0;}
.container.header-text h1{font-size:6vw;margin-bottom:5vw;}
.container.header-text h2{display:none;}
/**New products section**/
.products-content.table{display:flex;flex-direction:column;padding:0;}
.products-content.table .content-side, .products-content.table .products-side{display:block;width:100%;text-align:center;}
.products-content.table .content-side{padding:0 !important;order:-1}
/**Case Study**/
.case-study .six.columns{width:100%;}
/**Case Studies**/
.featured-article-table, .featured-article-table .left-side, .featured-article-table .right-side{display:block;width:100%;box-sizing:border-box}
.featured-article-table .right-side{padding:2rem;}
.featured-article-table .left-side{padding-top:50%;}
.featured-article-table .right-side h2, .featured-article-table .right-side h1, .blog-posts .blog-content h4{font-size:2.5rem;margin-bottom:1rem;}
.featured-article-table p, .blog-posts .blog-content .excerpt{font-size:2rem;}
.featured-article-table .post-date, .blog-posts .blog-content .blog-date{display:none;}
.featured-article-table .read-more, .blog-posts .blog-content .read-more{font-size:2.5rem;border-top:0px solid red;}
.blog-posts{overflow:visible;}
.blog-posts .twelve.columns, .blog-posts .four.columns{display:block;width:100%;}
.blog-posts .four.columns{box-shadow:10px 10px 4px rgba(0,0,0,0.2);padding:0;margin-bottom:7vw;}
.blog-posts .blog-content{padding:2rem;}
/**Single posts**/
.single-blog-main-content{padding:0;}
/**Clients Logo Section**/
.client-logo img{max-width:30%;}
.quote-text{width:100%;}
/**About the author**/
.author-details{padding:2.5rem;}
.author-table, .author-table .left-side, .author-table .right-side{display:block;width:100%;padding:0;text-align:center;}
.author-table .left-side{margin-bottom:3rem;}
/**Key Features**/
.product-key-features .image{display:none;}
.product-key-features .content{width:100%;}
}
@media(max-width:1024px){
.page-header h2:last-child{display:none;}
.top-nav li{margin-left:.25rem;}
.top-nav li a{padding-left:1rem !important;padding-right:1rem !important;}
.top-nav li a{font-size:1.25rem;}
}
@media(min-width:769px){
.container .twelve.columns{width:80%;margin-left:auto !important;margin-right:auto !important;}
.section-title{width:50%}
.circular-icons .three.columns{padding:0 3rem;}
.three.columns.small-margins{margin-left:1%;width:24%;}
.four.columns.small-margins{width:32.6666333333%;margin-left:1%;}
.small-margins:first-of-type{margin-left:0 !important;}
}
@media(min-width:1500px){
.page-id-510 .page-header{background-size:100vw !important;background-position:bottom right !important;}
}