/*
	Theme Name: Roda Marketing Standard Theme
	Theme URI: http://rodamarketing.com;
	Description: Standard parent theme for custome WP solutions
	Author: Roda Marketing
	Author URI: http://rodamarketing.com

	Version: 1.0.0

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/



/*
/////////  Page styling  /////////
*/

body {
	background-color: white;
}

h1, h2, h3, h4, h5 {
	color: #5e317b;
}

a {
	color: #5e317b;
}

a:hover {
	color: #5e317b;
}

h1, h2, h3, h4, h5, p, a, li {
	font-family: "Century Gothic", AppleGothic, CenturyGothic, sans-serif;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a,
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover{
	color: black;
}

img {
	max-width: 100%;
	height: auto;
}

.white {
	color: white;
}

.purple {
	color: #5e317b;
}

.caps {
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.berkshire {
	font-family: 'Berkshire Swash', cursive;
}

a.no-decoration{
	text-decoration: none;
}

a.show-decoration {
	text-decoration: underline;
}

.img-responsive-full {
	width: 100%;
	height: auto;
}

.nowrap {
	white-space: nowrap;
}

.single-post img {
	max-width: 100%;
	height: auto;
}

.main-content-area {
	padding: 30px;
}

.sidebar-area {
	padding: 30px;
}

.g-recaptcha {
	display: inline-block;
	margin: auto;
}

.p-t-20 {
	padding-top: 20px;
}

.p-b-20 {
	padding-bottom: 20px;
}

.p-b-30 {
	padding-bottom: 30px;
}

.no-pad {
	padding: 0;
}

.larger-text {
	font-size: 1.25em;
}

.hidden-text-container {
	display: none;
}


/*//////    Navigation settings    //////*/


.menu-primary-menu-container {
	text-align: right;
}

@media screen and ( min-width: 992px ) {
	.menu-primary-menu-container {
		padding-top: 50px;
	}
}

@media screen and ( min-width: 1200px ) {
	.menu-primary-menu-container {
		padding-top: 85px;
	}
}

ul#menu-primary-menu {
	display: inline-block;
	list-style: none;
	color: white;
}

#menu-primary-menu li {
	display: inline-block;
}

#menu-primary-menu li a {
	color: white;
	font-size: 1.8rem;
	float: right;
	padding-left: 25px;
}

.menu-container {
	background: transparent;
	padding: 0;
	clear: both;
}

.menu-main-nav-container {
	padding: 0 80px;
}

#menu-main-nav {
	text-align: justify;
	margin: 0;
	margin-bottom: -15px;
	padding: 0;
}

#menu-footer-nav {
	text-align: center;
	margin: 0;
	margin-bottom: -15px;
}

#menu-main-nav:after, #menu-footer-nav:after {
    content: '';
    display: inline-block;
    width: 100%;
}

#menu-main-nav:before, #menu-footer-nav:before {
    content: '';
    display: block;
}

#menu-main-nav>li, #menu-footer-nav>li {
    display: inline-block;
    margin-right: -.25em;
    padding: .75em ;
    position: relative;
}

#menu-main-nav>li, #menu-footer-nav>li {
	list-style: none;
	margin-top:5px;
}

#menu-main-nav>li>a, #menu-footer-nav>li>a {
	color: white;
	text-decoration: none;
}

#menu-main-nav>li>a:hover, #menu-footer-nav>li>a:hover {
	color: gray;
}

.navbar-header,
.navbar-collapse {
	background-color: #1f0643;
}

.navbar-collapse {
	text-align: center;
	font-size: 1.6rem;
}

/*///  Bootstrap Mobile Nav Menu   ///*/

.navbar {
	border-radius: 0;
}

.navbar-default {
	background-color: #285388;
	border: none;
}

.navbar-nav>li>a {
	color: white !important;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: white !important;
}

.navbar-default .navbar-toggle {
	float: none;
	width: 40%;
	margin-left: 30%;
	margin-top: 8px;
	margin-bottom: 8px;
	color: white;
	font-size: 1.25em;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	color: #285388;
}

/*///   Media queries for determining nav menu to display   ///*/

@media ( max-width:900px ) {
	#desktop-nav-header {
		display: none;
	}
	#bootstrap-nav-header {
		display: block;
	}
}

@media ( min-width:901px ) {
	#desktop-nav-header {
		display: block;
	}
	#bootstrap-nav-header {
		display: none;
	}
}


/*
/////////  Image styling  /////////
*/

.hero-img {
	display: block;
	width: 100%;
	height: auto;
}


/*
/////////  Header styling  /////////
*/

#headerSection {
	background-color: #1f0643;
}

#headerContainer {
	padding-top: 18px;
}

#headerSocialIcons img {
	width: 40px;
	padding-left: 10px;
}

@media screen and ( min-width: 1200px ) {
	#headerSocialIcons img {
		width: 50px;
	}
}

@media screen and ( min-width: 992px ) {
	#headerSocialIcons {
		float: right;
		padding-top: 25px;
	}
}

@media screen and ( min-width: 1200px ) {
	#headerSocialIcons {
		float: right;
		padding-top: 40px;
	}
}

a.div-button-a:hover {
	text-decoration: none !important;
}

@media screen and ( min-width: 768px ) {
	.div-button {
		width: 350px;
	}

	.div-button:hover {
		width: 400px;
	}
}

.primary-button {
	background-color: #5e317b;
	color: white;
}

@media screen and ( min-width: 768px ) {
	#headerLogo {
		max-width: 500px;
		display: block;
		margin: auto;
		margin-bottom: 25px;
	}
}

@media screen and ( min-width: 400px ) and ( max-width: 767px ) {
	#headerLogo {
		max-width: 350px;
		display: block;
		margin: auto;
	}
}

@media screen and ( max-width: 991px ) {
	#headerSocialIcons {
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.menu-primary-menu-container {
		text-align: center;
	}
}


/*
/////////  Footer styling  /////////
*/

footer {
	margin-top: 30px;
}

#footerNav {
	background-color: #1f0643;
	text-align: center;
}

#footerNav ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#footerNav li {
	display: inline-block;
	list-style: none;
	text-transform: uppercase;
	padding: 10px 20px;
}

#footerNav a {
	color: white;
}

#footerLegal {
	text-align: center;
	margin: 0;
	padding: 15px 10px 10px;
}

#footerLegal .pipe {
	padding-left: 10px;
	padding-right: 10px;
}

#footerLegal a,
#footerLegal p {
	display: inline-block;
}

/*
/////////  Utility items styling  /////////
*/

.div-section {
	padding-top:40px;
	padding-bottom: 40px;
}

.div-button {
	display: block;
	margin:auto;
	margin-left: 0;
	text-transform: uppercase;
	text-align: center;
	padding: 7px 20px;
	width: 200px;
	max-width: 85%;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
	.div-button {
	    width: 350px;
	}
}

@media screen and ( min-width: 768px ) {
	.div-button-lg {
		width: 600px;
	}
}

.div-button:hover {
	padding-top: 14px;
	padding-bottom: 14px;
	width: 250px;
	margin-bottom: 3px;
	margin-top: -7px;
	position: relative;
}

@media screen and (min-width: 768px) {
	.div-button:hover {
	    width: 400px;
	}
}

.div-button-lg:hover {
	width: 650px;
}

.div-button-padded {
	margin-top: 30px;
	margin-bottom: 37px;
}

.div-button-padded:hover {
	margin-top: 23px;
	margin-bottom: 30px;
}


/*
/////////  Front page styling  /////////
*/

#frontBannerSection {
	padding: 0;
}

#frontContentContainer {
	padding-top: 20px;
}

#frontServicesTitleSection {
	border-bottom: 4px solid #5e317b;
	border-top: 10px solid #5e317b;
	margin-top: 30px;
}

#frontServicesTitleSection h2 {
	font-size: 4rem;
	text-align: center;
	margin-top: 10px;
}

@media screen and (min-width: 768px ) {
	#frontServicesTitleSection h2 {
		font-size: 8rem;
	}
}

#frontServicesContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

#frontServicesContainer img {
	max-width: 250px;
	margin: auto;
	margin: 30px 30px 0;
}

#frontServicesDivButton {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

.front-services-img-div:hover {
	opacity: 0.8;
}


/*
/////////  Services page styling  /////////
*/

.testimonial-block-quote {
	margin-left: 30px;
}

.testimonial-block-quote-attribute {
	font-weight: bold;
}


/*
/////////  Template Secondary WITH Subpages styling  /////////
*/

.inside-page-container {
    background: white;
    padding: 10px 40px 0;
}


/*
/////////  Subpage sidebar container styling  /////////
*/

.subpage-container ul li {
	list-style: none;
}

.subpage-container ul li a {
	text-decoration: none;
}


/*
/////////  Sidebar styling /////////
*/

.about-sidebar-image {
    max-width: 100%;
    padding: 20px;
}

@media screen and ( min-width: 992px ) {
    .form-header {
        font-size: 4rem;
        text-align: center;
    }
}

@media only screen {
    .widget .screen-reader-text {
        display: none;
    }
}


/*
/////////  Blog Landing page styling /////////
*/

.main-blog-container {
	padding-top: 40px;
}

.post-meta .small {
	font-weight: 400;
}

.post-meta, .post-meta a {
	color: #939393;
}

.post-meta .author,
.post-meta .categories,
.post-meta .date {
	text-transform: capitalize;
	font-size: 90%;
	font-weight: 500;
}

.entry {
	font-size: 1.2em;
	line-height: 1.5em;
}

h2.blog-preview-title {
	margin-top: 10px;
}

.blog-sidebar-container .widget {
	margin-bottom: 40px;
}


/*
/////////  Blog Single page styling /////////
*/

.main-single-container {
	padding-top: 30px;
}


/*
/////////  Contact form styling /////////
*/

div.wpcf7 {
	margin-top: 30px;
	padding-top: 20px;
	background-color: #aeaeae;
}

.wpcf7-form-control-wrap > input[type="text"],
.wpcf7-form-control-wrap > input[type="email"],
.wpcf7-form-control-wrap > input[type="tel"],
.wpcf7-form-control-wrap > textarea {
	width: 95%;
	margin-left: 2.5%;
}

.wpcf7-submit {
	display: block;
	margin: auto;
}

/*///  Reset Gravity Forms styling   ///*/

.ginput_container input {
    margin-top: 0 !important;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px !important;
    margin-top: 0px !important;
}

.gform_wrapper input[type=submit] {
    display: block !important;
    margin: auto !important;
}

.gform_footer.top_label {
    margin: 0 !important;
}


/*///  Custom Gravity Forms styling   ///*/

.contact-form-container {
    margin-top: 30px;
    padding: 10px 20px 0;
    background-color: #f7e34a;
    border-radius: 20px;
    margin: 0;
}

.contact-form-container h3 {
    text-align: center;
    padding-bottom: 2px;
}

.ginput_container {
    margin-top: 10px !important;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.gform_wrapper input[type=submit] {
    padding: 5px 20px !important;
    margin-bottom: 20px !important;
    border: none !important;
    background-color: #5e317b !important;
    color: white !important;
    font-size: 1.5rem !important;
}

.berkshire.form-header {
	margin-top: 0;
}


/*
/////////  404 page styling /////////
*/

.container-404 {
	margin-top: 30px;
}

.content-404 {
	padding-top: 40px;
}

.content-404 p {
	font-size: 1.4em;
}


/*
/////////  Terms and Privacy Policy page styling /////////
*/

#privacyPolicy ol { counter-reset: item; padding-top: 5px; padding-bottom: 5px; }
#privacyPolicy li { display: block }
#privacyPolicy li:before { content: counters(item, ".") " "; counter-increment: item }
#privacyPolicy ol.letter-list { counter-reset: item }
#privacyPolicy li {
	padding-bottom: 7px;
}