/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 




.productBlurb {min-height: 114px !important; min-width: 291px !important; display:block;}
.productBlurb:hover {color: #ffffff; box-shadow: 2px 2px 2px #dddddd;}
.productBlurb a{color: #253035 !important;}
.productBlurb a:hover{color: #0CA8ED !important;}


.homeBlurb {padding: 10px; border: 1px solid transparent; border-radius: 4px;}
.homeBlurb:hover {background-color:  !important; box-shadow: 2px 2px 2px #dddddd;}


.caseStudyBlurb a{color: #ffffff !important;}
.caseStudyBlurb a:hover {color: #3c8dbc !important;}


.featuredHome {background-color: #0ca8ed !important; display:block;}
.featuredHome:hover {background-color: #6bb9f4!important;}
 
/*------------------------------------------------*/
/*-----------------[CTA Menu Item]----------------*/
/*-----------------[by GenoQuiroz]----------------*/
/*------------------------------------------------*/
 
 
/* style the get started cta button */
            .get-started {border-radius: 0px;}
            .get-started a {color: #fff!important;}
            li.get-started {
                background-color:#21a9ea; 
                font-weight: 400; 
                text-transform: uppercase; 
                text-align: center;
		letter-spacing: 0px !important; 
                padding: 10px 10px 10px 10px !important;
            	border-radius: 24px;
		border: solid 1px; border-color: #21a9ea;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.get-started:hover {
		background-color: transparent; 
		border: solid 1px; border-color: #fff;}

/////////////////////////////////////////////////**BUTTONS!**//////////////////////////////////////

//////////////////Blake's Button 1//////////////////////

/* style the video-button cta button */
            .video-button {border-radius: 24px;}
            .video-button a {
		font-size: 15px !important;
		color: #ffffff;
		background-color: transparent; 
                font-weight: bold; 
                text-transform: uppercase; 
                text-align: center;
		letter-spacing: 0px !important; 
                padding: 15px 40px !important;
            	border-radius: 24px;
		border: solid 1px; border-color: #ffffff;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.video-button {
                background-color: transparent; 
                font-weight: 400; 
                text-transform: uppercase; 
                text-align: center;
		letter-spacing: 0px !important; 
                padding: 15px 40px !important;
            	border-radius: 24px;
		border: solid 1px; border-color: #ffffff;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.video-button:hover {
		background-color: #ffffff;
		color: #0ca8ed; 
		border: solid 1px; border-color: #fff;}
	.video-button a:hover {
		background-color: #ffffff;
		color: #0ca8ed; 
		border: solid 1px; border-color: #fff;}

/////////////////Blake's Button2///////////////

/* style the video-button2 cta button */
            .video-button2 {border-radius: 24px;}
            .video-button2 a {
		font-size: 15px !important;
		color: #ffffff;
		background-color: #0ca8ed !important; 
                font-weight: bold; 
                text-transform: uppercase; 
                text-align: center;
		letter-spacing: 0px !important; 
                padding: 15px 40px !important;
            	border-radius: 24px;
		border: solid 1px; border-color: #0ca8ed;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.video-button2 {
                background-color: #ffffff !important; 
                font-weight: 400; 
                text-transform: uppercase; 
                text-align: center;
		letter-spacing: 0px !important; 
                padding: 15px 40px !important;
            	border-radius: 24px;
		border: solid 1px; border-color: #ffffff;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.video-button2:hover {
		background-color: #ffffff;
		color: #0ca8ed !important; 
		border: solid 1px; border-color: #fff;}
	.video-button2 a:hover {
		background-color: #ffffff !important;
		color: #0ca8ed !important; 
		border: solid 1px; border-color: #fff;}

/////////////////Blake's Button3///////////////

/* style the video-button3 cta button */
            .video-button3 {border-radius: 24px;}
            .video-button3 a {
		font-size: 15px !important;
		color: #ffffff;
		background-color: #0ca8ed !important; 
                font-weight: bold; 
                text-transform: uppercase; 
                text-align: center;
		letter-spacing: 0px !important; 
                padding: 15px 40px !important;
            	border-radius: 24px;
		border: solid 1px; border-color: #0ca8ed;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.video-button3 {
                background-color: #ffffff !important; 
                font-weight: 400; 
                text-transform: uppercase; 
                text-align: center;
		letter-spacing: 0px !important; 
                padding: 15px 40px !important;
            	border-radius: 24px;
		border: solid 1px; border-color: #ffffff;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.video-button3:hover {
		background-color: #ffffff;
		color: #0ca8ed !important; 
		border: solid 1px; border-color: #fff;}
	.video-button3 a:hover {
		background-color: #ffffff !important;
		color: #0ca8ed !important; 
		border: solid 1px; border-color: #0ca8ed;}

///////////////////////////////////////////////////////////////////////////////////////////////////
 
/* fixed header button text color */
        .et-fixed-header #top-menu .get-started a {
                        color: #fff!important;}
        .get-started li.current-menu-ancestor > a, .get-started li.current-menu-item > a {
                    color: #fff !important;}
 
 
 
    @media only screen and (min-width : 981px) {
            li.get-started {height: 33px;}}




/* =========================================== */
/* ------------------------------------------- */
/* --- BEGIN CUSTOMIZATION BY GENO QUIROZ ---- */
/* ------------------------------------------- */
/* =========================================== */


/* ------------------------------------------- */
/* ----------------- MENU -------------------- */
/* ------------------------------------------- */

/* load header first */
	@media only screen and (min-width: 981px) { 
		.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_only_menu.admin-bar #main-header, .et_fixed_nav.et_secondary_nav_only_menu.admin-bar #main-header { top:19px !important; } 
		#main-header { top:19px !important; } 
		.logged-in #main-header { top:19px !important; }}


/* navigation padding per guidelines*/
	@media only screen and (min-width : 1051px) {
	#top-menu li {
     		padding-right: 30px;}
	li#menu-item-25350 {
    		padding-right: 45px;}}


/* menu item hover color */
	#top-menu-nav > ul > li > a:hover, #et-secondary-menu > ul > li > a:hover, #et-info-email:hover, .et-social-icons a:hover {
    		opacity: 1;
     		color: #21a9ea;}




/* page container bg color */
	#page-container {
    		background-color: #222d32;}


/* menu transitions */
	#main-header, #top-header {
    		transition: 0.5s;
    		-moz-transition: 0.5s;
    		-webkit-transition: 0.5s;}

/* secondary menu */
	#et-secondary-menu {
    		padding-right: 57px;}

	@media only screen and (min-width: 981px){
		.et-fixed-header#top-header{
			opacity: 0;
			margin-top:-22px;
			transition: 0.2s;
    			-moz-transition: 0.2s;
    			-webkit-transition: 0.2s;}}
	
	@media only screen and (min-width: 981px){
		.et-fixed-header#main-header {
    			top: 0px!important;}}



/* temp stuff because of poor caching issues by wp engine */

	@media (min-width: 981px){
		.featured-blog-grid .et_pb_post { margin-bottom: 0%!important;}
		.hide-desktop {display:none;}}
	@media (max-width: 980px){
		.featured-post-section, .main-grid-section {
			display:block!important;}}







/* ------------------------------------------- */
/* -------------- BLOG PAGE V2 --------------- */
/* ------------------------------------------- */

/* featured blog post */

	.featured-post-section .et_main_video_container {
    		max-width: 600px;}

	.featured-post-section .fluid-width-video-wrapper {
	    	float: left;
		margin-right: 30px;}

    	.featured-post-section .et_pb_posts .et_pb_post a img {
            	max-width: 600px!important;
            	float: left;
            	padding-right: 30px;}
 


/* main grids */
	.main-grid-section h2.entry-title {
    		font-size: 18px;}
	.main-grid-section .post-content p {
    		font-size: 14px!important;}
	.main-grid-section .et_pb_blog_grid .et_pb_post {
    		border: 0px solid #d8d8d8;}

	@media (min-width: 981px){
		.main-grid-section .et_pb_blog_grid .et_pb_post {
			height:510px;}}



/* blog grid */
	.blog-header h2 {
		font-size:32px;}

/* ------------------------------------------- */
/* ------------- HUBSPOT FORM ---------------- */
/* ------------------------------------------- */


/* move form up */
	@media only screen and (min-width : 981px) {
	 .hubspot-form-text-module {
		margin-top: -375px;}}

/* style form */

	.hubspot-form-text-module input[type=text], 
	.hubspot-form-text-module input[type=password], 
	.hubspot-form-text-module input[type=tel], 
	.hubspot-form-text-module input[type=email],
	.hubspot-form-text-module input.text, 
	.hubspot-form-text-module input.title, 
	.hubspot-form-text-module textarea, 
	.hubspot-form-text-module select {
    		height: 36px;
    		width: 100%;
		margin-bottom: 8px;
		margin-top: 2px;
		font-size: 15px !important;}
	.hubspot-form-text-module label {
    		font-size: 15px;
		font-weight: bold;
		line-height: 1em !important;}
	.hubspot-form-text-module ul.inputs-list.multi-container {
    		padding-left: 0px!important;
    		list-style-type: none!important;}

	.hubspot-form-text-module input.text {
    		font-size: 15px !important;}


	.hubspot-form-text-module input.hs-button.primary.large {
    		background-color: #21a9ea!important;
		font-size: 15px;
    		color: #fff!important;
    		border-radius: 18px!important;
    		padding: 8px 15px!important;
    		border: 0px!important;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;}

	.hubspot-form-text-module input.hs-button.primary.large:hover {
    		background-color: #0f6d9b!important;
		cursor: pointer!important;}

	.hubspot-form-text-module input.wpcf7-form-control.wpcf7-submit {
    		background-color: #21a9ea!important;
		font-size: 15px;
    		color: #fff!important;
    		border-radius: 18px!important;
    		padding: 8px 15px!important;
    		border: 0px!important;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;}

	.hubspot-form-text-module input.wpcf7-form-control.wpcf7-submit:hover {
    		background-color: #0f6d9b!important;
		cursor: pointer!important;}



////////* style form (not floating) *//////

	.form-regular input[type=text], 
	.form-regular input[type=password], 
	.form-regular input[type=tel], 
	.form-regular input[type=email], 
	.form-regular input.text, 
	.form-regular input.title, 
	.form-regular textarea, 
	.form-regular select {
    		height: 36px;
    		width: 100%;
		margin-bottom: 8px;}
	.form-regular label {
    		font-size: 18px !important;}
	.form-regular ul.inputs-list.multi-container {
    		padding-left: 0px!important;
    		list-style-type: none!important;}


	.form-regular input.hs-button.primary.large {
    		background-color: #21a9ea!important;
    		color: #fff!important;
    		border-radius: 18px!important;
    		padding: 8px 15px!important;
    		border: 0px!important;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;}

	.form-regular input.hs-button.primary.large:hover {
    		background-color: #0f6d9b!important;
		cursor: pointer!important;}

/* style form (request a demo page) */




/* ------------------------------------------- */
/* ------------ CUSTOM FOOTER ---------------- */
/* ------------------------------------------- */


/* 5 column footer */
	@media only screen and (min-width: 981px) {
		.five-column-section .gq-sidebar-module, .five-column-section gq-text-module { 
			width: 20% !important; 
			float: left !important; }
		.gq-sidebar-module .widget_nav_menu {
    			width: 100%!important;}}

	@media only screen and (min-width: 981px) and (max-width : 1120px) {
		.five-column-section .gq-sidebar-module, .five-column-section gq-text-module { 
			width: 25% !important; 
			float: left !important; }
		.five-column-section .gq-text-module { 
			width: 100% !important; 
			float: left !important; }}

	@media only screen and (min-width : 400px) and (max-width : 980px) {
		.five-column-section .gq-sidebar-module { 
			width: 50% !important; 
			float: left !important; }
		.five-column-section .gq-text-module { 
			width: 100% !important; 
			float: left !important; }
		.gq-sidebar-module .widget_nav_menu {
  			width: 100%!important;}}


/* remove sidebar border */
	#main-footer .et_pb_widget_area_left {
		border-right: 0px solid rgba(0, 0, 0, 0)!important;
		padding-right: 0px!important;}

/* remove bottom padding for menu items */
	#main-footer h4 {
    		padding-bottom: 4px;}
	#main-footer .et_pb_widget ul li {
    		margin-bottom: 0px;}

/* center social media follow icons */
	.et_pb_social_media_follow li {float: none; display: inline-block;}
	ul.et_pb_social_media_follow {text-align: center;}

/* social media icons */
	#main-footer .et_pb_social_media_follow li a.icon {
    		width: 40px;
    		height: 40px;
    		padding: 4px;}
	



/* =========================================== */
/* ------------------------------------------- */
/* ----- END CUSTOMIZATION BY GENO QUIROZ ---- */
/* ------------------------------------------- */
/* =========================================== */