@charset "utf-8";
/*
Theme Name: Creative Solutions
Theme URI: http://webmarketingpros.com
Author: Kevin Fincel - Web Marketing Pros
Author URI: http://webmarketingpros.com
Description: Custom Wordpress theme for creative-solution.com
Version: 1.0
*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.serif,
cite,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
	margin: 15px 0 15px 0;
}
.monospace,
var,
code {
	font-family: courier new, courier, monospace;
}
.amp {
	font-style: italic;
	font-weight: normal;
}
a:link {
	color: #004065;
}
a:visited {
	color: #004065;
}
a:hover,a:active {
	color: #004065;
}
.post-content ul,
.post-content ol {
	padding: 0;
    margin: 0 0 30px 30px;
}
input,
textarea { 
	border: 1px #aaa solid;
	padding: 5px;
	outline: none;
}
input:hover,
textarea:hover,
input:focus,
textarea:focus {
	border: 1px #444 solid;
}
input:focus,
textarea:focus {
	box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
	-webkit-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
	-moz-box-shadow:inset 0px 0px 10px rgba(0,0,0,.2);
}
textarea {
	min-height: 150px;
	width: 100%;
}
blockquote {
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	text-align: justify;
	margin: 20px;
	padding: 12px;
}
	blockquote:first-letter {
		font-size: 24px;
		padding-right: 1px;
	}
	blockquote:first-line {
		font-size: 20px;
}
/*
	layout styles
 */
	body {
		font-family: 'Open Sans', sans-serif;
		background: #fff;
		color: #111;
		padding: 0;
		margin: 0;
	}
	.container {
		width:1200px;
		max-width:100%;
		margin:0 auto;
	    padding-right: 0;
    	padding-left: 0;
	}
	#header .container {
		width:1440px;
		display:flex;
		justify-content: space-around;
		align-items: center;
	}
	.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
		display: none;
	}
	.clear {
		clear: both;
	}
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	.aligncenter {
		text-align: center;
	}
	.alignleft {
		text-align: left;
	}
	.alignright {
		text-align: right;
	}
/*
	menu
 */
	#main-menu{
		width:100%;
		display: flex;
		justify-content: flex-end;
	}
		#main-menu ul {
			list-style-type:none;
		    margin: 0;
		    padding: 0;
		    float: none;
		    text-align:center;
		}
		#main-menu li {
			display:inline-block;
			list-style: none;
		    text-align: center;
		}
		#main-menu li a {
			display:block;
			color: #093b5d;
			text-decoration: none;
		    padding: 0 10px;
    		line-height: 100px;
		}
		#main-menu li:hover a {
			color: #c3d62d;
		}
		#main-menu li:hover ul a {
			background: #004065;
			color: #ffffff;
		}
		#main-menu li:hover ul a:hover {
			background: #004e7b;
			color: #c3d62d;
		}
		#main-menu li.current_page_item a, #main-menu li.current-menu-parent a {
			color: #c3d62d;
		}
		#main-menu li.current-menu-item a {
			color: #c3d62d!important;
		}
			#main-menu li.current-menu-item ul li a {
				color: #ffffff!important;
			}
			#main-menu li.current-menu-item ul li:hover a {
				color: #c3d62d!important;
			}
		#main-menu li ul {
			display: none;
			z-index: 99999!important;
		}
		#main-menu li ul li {
			display: block;
			float: none;
		}
		#main-menu li ul li a {
			width: auto;
			padding: 8px 12px;
    		line-height: inherit;
		}
		#main-menu ul li a:hover + .sub-menu, #main-menu .sub-menu:hover {
			display: block;
			position: absolute;
		}
		#main-menu .sub-menu li {
			text-align: left;
		}
		#main-menu ul.sub-menu ul {
			left:100%;
			top:0;
		}
/*
	pages/posts
 */
	#title-bar {
		background-color: #004065;
	    padding: 1.5em 0;
	    color: #ffffff;
	    border-bottom: 10px solid #bed600;
	}
	#title-bar .container {

	}
/*
	content
 */
	#content {

	}

/*
	forms
 */
 	.get-in-touch {
 		background-position: center top !important;
 	}
 	.get-in-touch .vc_column_container {
 		padding-left: 30px;
 		padding-right: 30px;
 	}
	div.wpforms-container-full {
	    margin-bottom: 0;
	}
	div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	    background-color: #004065;
	    border: 1px solid #004065;
	    color: #ffffff;
	    font-size: 1em;
	    padding: 4px 15px;
	    border-radius: 8px;
	    margin: 15px 0 0 0;
	}
	div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
	    background-color: #ffffff;
	    border: 1px solid #004065;
	    color: #004065;

	}
/*
	blog/sidebar style
 */
 	.widget-sidebar {
 		margin: 12px 0;
 	}
	a.read-more {
		display:block!important;
		margin:10px 0!important;
		color:#83bf40!important;
	}
	.home-blog-grid .vc_grid-item:nth-child(even) .vc_grid-item-mini {
		display: flex;
    	flex-direction: column-reverse;
	}
	.spg-entry-title h3 a {
		color:#093b5d!important;
	}
	.rpwwt-widget a {
		text-decoration:none!important;
	}
	.rpwwt-widget ul li {
	    margin: 0 0 10px!important;
	}
	.rpwwt-post-title {
		font-size: 16px!important;
	    line-height: 20px!important;
	    display: block!important;
	}
	.spg-entry-summary {
		font-size: 14px!important;
    	margin: 10px 0 0 0!important;
	}
	.rpwwt-post-date {
		font-size:12px!important;
	}
	.widget-area h3 {
		display:block;
		background-color:#093b5d;
		color:#ffffff;
		font-size: 20px;
    	padding: 4px 10px;
	}

/*
	footer
 */
	#footer {
		color:#004065;
	}
	#footer .container {
		width:1200px;
		max-width:100%;
		margin:0 auto;
		display:flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px 0;
		border-bottom: 2px solid #093b5d;
	}
	#copyright {
		color:#004065;
		font-size: 14px;
		padding-bottom: 30px;
	}
	#copyright .container {
		width: 1200px;
		max-width: 100%;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px 0;
	}
	#copyright ul {
			list-style-type: none;
		    margin: 0;
		    padding: 0;
		    float: none;
		    text-align: center;
		}
		#copyright li {
			display: inline-block;
			list-style: none;
		    text-align: center;
		}
		#copyright li a {
			display: block;
			font-size: 18px;
			color: #093b5d;
			text-decoration: none;
		    padding: 0 5px;
		}
		#copyright li:hover a {
			color: #c3d62d;
		}
/*
	footer menu
 */
	#footer-menu{
		width:100%;
		display: flex;
		justify-content: flex-end;
	}
		#footer-menu ul {
			list-style-type:none;
		    margin: 0;
		    padding: 0;
		    float: none;
		    text-align:center;
		}
		#footer-menu li {
			display:inline-block;
			list-style: none;
		    text-align: center;
		}
		#footer-menu li a {
			display:block;
			text-transform: uppercase;
			color: #093b5d;
			text-decoration: none;
		    padding: 0 10px;
    		line-height: 100px;
		}
		#footer-menu li:hover a {
			color: #c3d62d;
		}
		#footer-menu li:hover ul a {
			background: #004065;
			color: #ffffff;
		}
		#footer-menu li:hover ul a:hover {
			background: #004e7b;
			color: #c3d62d;
		}
		#footer-menu li.current_page_item a, #footer-menu li.current-menu-parent a {
			color: #c3d62d;
		}
		#footer-menu li.current-menu-item a {
			color: #c3d62d!important;
		}
		#footer-menu li ul {
			display: none;
			z-index: 99999!important;
		}
		#footer-menu li ul li {
			display: block;
			float: none;
		}
		#footer-menu li ul li a {
			width: auto;
			padding: 8px 12px;
    		line-height: inherit;
		}
		#footer-menu ul li a:hover + .sub-menu, #footer-menu .sub-menu:hover {
			display: block;
			position: absolute;
		}
		#footer-menu .sub-menu li {
			text-align: left;
		}
		#footer-menu ul.sub-menu ul {
			left:100%;
			top:0;
		}
/*
	button stlyes
 */

.vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline-custom, .vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline {
    font-size: 1.1em!important;
    font-weight: bold!important;
    padding-top:10px!important;
    padding:bottom:10px!important;
    padding-right:40px!important;
    padding-left:40px!important;
}
.no-border, .no-border a.vc_btn3, .no-border .vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline-custom, .no-border .vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline {
	border:0px!important;
	padding-top: 0!important;
    padding-bottom: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
    font-size:14px!important;
}


/*	BEGIN RESPONSIVE STYLES	*/

@media only screen and (max-width: 1200px) and (min-width: 961px) {
	.container, #header .container {
	    padding-right: 30px;
	    padding-left: 30px;
	}
	#footer .container {
	    padding: 0 30px 10px;
	}
	#copyright .container {
		padding:10px 30px;
	}
}

@media only screen and (max-width: 960px) and (min-width: 801px) {
	.container, #header .container {
		width:100%;
	    display: block;
	    padding-right: 30px;
	    padding-left: 30px;
	}
	#header .container {
		padding:10px;
	}

	#footer .container, #copyright .container {
		padding:0 30px;
	}
	#footer-menu li a {
	    padding: 0 5px;
	    font-size:14px;
	}
	#footer .container {
	    padding: 0 30px 10px;
	}
	#copyright {
	    padding-top: 10px;
	}
}


@media only screen and (max-width: 800px) and (min-width: 480px) {
	.container, #header .container, #footer .container, #copyright .container {
		width:100%;
	    display: block;
	    padding-right: 30px;
	    padding-left: 30px;
	}
	#header .container {
		padding:10px;
	}

	#footer .container {
		padding:30px;
	}
	#footer-logo {
		text-align:center;
		padding-bottom:30px;
	}
	#footer-menu {
	    display: block;
	}
	#footer-menu ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    float: none;
	    text-align: left;
	}
	#footer-menu li {
	    display: block;
	}
	#footer-menu li a {
		line-height: 1.7em;
	}
	#copyright .container {
	    display: block;
	    text-align: center;
	}
	#copyright ul {
	    padding: 20px 0 0;
	}
}


@media only screen and (max-width: 479px) {
	.container, #header .container, #footer .container, #copyright .container {
		width:100%;
	    display: block;
	    padding-right: 30px;
	    padding-left: 30px;
	}
	#header .container {
		padding:10px;
	}
	#title-bar {
	    padding: 3vw 0 2.2vw;
	}
	#title-bar h1 {
		font-size: 7vw;
	}

	#footer .container {
		padding:30px;
	}
	#footer-logo {
		text-align:center;
		padding-bottom:30px;
	}
	#footer-menu {
	    display: block;
	}
	#footer-menu ul {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    float: none;
	    text-align: left;
	}
	#footer-menu li {
	    display: block;
	}
	#footer-menu li a {
		line-height: 1.7em;
	}
	#copyright .container {
	    display: block;
	    text-align: center;
	}
	#copyright ul {
	    padding: 20px 0 0;
	}
}


/* Enable images in posts to automatically resize */
/* as browser window changes sizes.               */
#content img {
  max-width: 100%;
  height: auto;
}