/*
Theme Name: The Clouds Agency
Theme URI: http://thecloudsagency.com
Author: Daniel Ancuta
Author URI: http://www.rebirth-design.com	
Description: A custom & higly customizable responsive WordPress theme based on Bootstrap 4 framework.
Version: 1.0.0
*/
	

/* GLOBAL STYLES */

	/* Headlines Font Settings */
	@import url('https://fonts.googleapis.com/css?family=Concert+One');
	/* Sub-Headings Font Settings */
	@import url('https://fonts.googleapis.com/css?family=Asap:400,500');
	/* Text Body Font Settings */
	@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

	.ConcertOne { font-family: 'Concert One', cursive;  }
	.Asap { font-family: 'Asap', sans-serif; }
	.OpenSans { font-family: 'Open Sans', sans-serif; }

	.uppercase { text-transform: uppercase; }
	.regular { font-weight: 400; }
	.medium { font-weight: 500; }
	.bold { font-weight: 700; }


/* GENERAL CONTENT STYLES */

	/* Body Settings */
	body { font-family: 'Open Sans', sans-serif; color: #000039; }

	/* Headings Settings */
	h1, h2, h3, h4, h5, h6 { font-family: 'Asap', sans-serif; font-weight: 600; }


	/* HEADER SETTINGS */

	/* Navigation settings */
	.navbar .nav-item a { color: #ffffff; font-family: 'Asap', sans-serif; font-weight: 600; text-transform: uppercase; text-shadow: 1px 1px rgba(0, 0, 57, 0.15); }
	.navbar .nav-item a:hover { color: #000039; }
	.navbar .nav-item.active a { color: #006699; text-shadow: none; }
	.navbar .dropdown-toggle::after { margin-left: .5em!important; vertical-align: -.1em!important; content: "\f107"!important; border: none!important; font-weight: 900; font-family: "Font Awesome 5 Free"; }
	.navbar .dropdown-menu { border: none; }
	.navbar .dropdown-menu .dropdown-item { color: #006699; text-shadow: none; }
	.navbar .dropdown-menu .dropdown-item.active, .navbar .dropdown-menu .dropdown-item:hover { background-color: #f7f7f7; box-shadow: none; color: #006699 !important; }

	/* Fixed Navigation Bar Settings */
	.navbar.top-nav-collapse { background: rgba(0, 0, 0, 0.1); }

	/* Mobile Navigation Bar Settings */
	.navbar-mobile { background: rgba(0, 0, 0, 0.75); color: #ffffff; line-height: 2rem; }
	.navbar-mobile a { color: #1bd8ff; }
	.navbar-mobile .button-collapse { font-size: 1.25rem; }

	.side-nav .logo-wrapper { height: 8.75rem; position: relative; }
	.side-nav .logo-wrapper img { padding: 5% 10%; }
	.side-nav .collapsible li .collapsible-header { font-size: 0.875rem; color: #000039 !important; }
	.side-nav .collapsible li .collapsible-header.active { }
	.side-nav .collapsible li a { color: #000039; }
	.side-nav .collapsible-body a { background-color: transparent; }
	.side-nav .dropdown-toggle::after { margin-left: .5em!important; vertical-align: -.1em!important; content: "\f107"!important; border: none!important; font-weight: 900; font-family: "Font Awesome 5 Free"; }
	.side-nav .header-contact { padding: 0.5rem 1rem; line-height: 1.5rem; }
	.side-nav .header-contact a { padding: 0 0.15rem; display: inline-block; font-size: 0.875rem; line-height: 1.5rem; height: 1.5rem; }
	#sidenav-overlay { background-color: rgba(255,255,255,.25); }

	/* Gradients */
	.clouds-gradient { background: -webkit-linear-gradient(90deg,#8bf3e0,#1bd8ff)!important; background: -o-linear-gradient(90deg,#8bf3e0,#1bd8ff)!important; background: linear-gradient(45deg,#8bf3e0,#1bd8ff)!important; }
	.post-content-gradient { background: -moz-linear-gradient(top, rgba(27,216,255,0) 0%, rgba(27,216,255,1) 20%, rgba(27,216,255,1) 50%, rgba(27,216,255,1) 80%, rgba(27,216,255,0) 100%); background: -webkit-linear-gradient(top, rgba(27,216,255,0) 0%,rgba(27,216,255,1) 20%,rgba(27,216,255,1) 50%,rgba(27,216,255,1) 80%,rgba(27,216,255,0) 100%); background: linear-gradient(to bottom, rgba(27,216,255,0) 0%,rgba(27,216,255,1) 20%,rgba(27,216,255,1) 50%,rgba(27,216,255,1) 80%,rgba(27,216,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001bd8ff', endColorstr='#001bd8ff',GradientType=0 ); }
	
	/* Header Contact */
	.navbar .header-contact { padding: .5rem 1rem; color: #ffffff; }
	.navbar .header-contact a { padding: 0 0.15rem; text-transform: none; color: #006699; }

	/* Breadcumbs Settings */


	/* FOOTER SETTINGS */
	footer .footer-logo { max-width: 300px; margin-left: auto; margin-right: auto; position: relative; margin-bottom: 30px; }
	footer .footer-menu, footer .footer-links { text-align: center; list-style-type: none; padding: 0; }
	footer .footer-menu li, footer .footer-links li { display: inline-block; }
	footer .footer-menu li a, footer .footer-links li a, footer .footer-social-profiles a { font-family: 'Asap', sans-serif; font-weight: 600; color: #ffffff; font-size: 13px !important; transition: all ease-in-out 0.3s; text-shadow: 1px 1px rgba(0, 0, 57, 0.15); }
	footer .footer-menu li a:hover, footer .footer-links li a:hover, footer .footer-social-profiles a:hover { color: #000039; font-size: 13px !important; }
	footer .footer-menu li a { text-transform: uppercase; }	
	footer .footer-social-profiles { margin: 25px 0; }


	/* CONTENT PRELOADER SETTINGS */
	.preloader-background { display: flex; align-items: center; justify-content: center; background-color: #ffffff; position: fixed; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; }
	.preloader-background .spinner-red-only { border-color: #dd3333; }

	/* ANIMATIONS SETTINGS */

	/* Define Animations Wrapper */
	.sky { position: fixed; top:0px; left:0px; height: 100%; width: 100%; z-index: -1; }
	.canvas { height: 100%; width: 110%; }

	/* Clouds Animation */
	@-webkit-keyframes animateHeaderLogoCloud { 0% { -webkit-transform: translate(0px, 0) scale(0.5); -moz-transform: translate(0px, 0) scale(0.5); transform: translate(0px, 0) scale(0.5); } 50% { -webkit-transform: translate(15px, 0) scale(0.5); -moz-transform: translate(15px, 0) scale(0.5); transform: translate(15px, 0) scale(0.5); }	100% { -webkit-transform: translate(-0px, 0) scale(0.5); -moz-transform: translate(-0px, 0) scale(0.5); transform: translate(-0px, 0) scale(0.5); } }
	@-webkit-keyframes animateFooterLogoCloud { 0% { -webkit-transform: translate(0px, 0) scale(0.45); -moz-transform: translate(0px, 0) scale(0.45); transform: translate(0px, 0) scale(0.45); } 50% { -webkit-transform: translate(15px, 0) scale(0.45); -moz-transform: translate(15px, 0) scale(0.45); transform: translate(15px, 0) scale(0.45); }	100% { -webkit-transform: translate(-0px, 0) scale(0.45); -moz-transform: translate(-0px, 0) scale(0.45); transform: translate(-0px, 0) scale(0.45); } }
	@-webkit-keyframes animateMobileLogoCloud { 0% { -webkit-transform: translate(0px, 0) scale(0.35); -moz-transform: translate(0px, 0) scale(0.35); transform: translate(0px, 0) scale(0.35); } 50% { -webkit-transform: translate(15px, 0) scale(0.35); -moz-transform: translate(15px, 0) scale(0.35); transform: translate(15px, 0) scale(0.35); }	100% { -webkit-transform: translate(-0px, 0) scale(0.35); -moz-transform: translate(-0px, 0) scale(0.35); transform: translate(-0px, 0) scale(0.35); } }
	.cloud { background-image: url(assets/img/svg/icon-cloud.svg); background-position: center center; background-repeat: no-repeat; width: 160px; height: 75px; z-index: 1; }
	.cloud.headerLogoCloud { -webkit-animation: animateHeaderLogoCloud 7.5s linear infinite; -moz-animation: animateHeaderLogoCloud 7.57s linear infinite; animation: animateHeaderLogoCloud 7.5s linear infinite; position: absolute; top: 10px; left: 32.5%; }
	.cloud.footerLogoCloud { -webkit-animation: animateFooterLogoCloud 7.5s linear infinite; -moz-animation: animateFooterLogoCloud 7.57s linear infinite; animation: animateFooterLogoCloud 7.5s linear infinite; position: absolute; top: 15px; left: 35%; }
	.cloud.mobileLogoCloud { -webkit-animation: animateMobileLogoCloud 7.5s linear infinite; -moz-animation: animateMobileLogoCloud 7.57s linear infinite; animation: animateMobileLogoCloud 7.5s linear infinite; position: absolute; top: 10px; left: 25%; }

	/* Drops Animation */
	@keyframes hempDrops { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); margin-top: -35%; } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } 75% { -webkit-transform: scale(1); -moz-transform: scale(1) ; transform: scale(1); opacity: 0; filter: alpha(opacity=0); } 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); margin-top: 35%; } }
	.sky .drop { background-image: url(assets/img/svg/icon-hemp-drop.svg); background-position: center center; background-repeat: no-repeat; width: 30px; height: 60px; }
	.sky .drop.x1 { width: 25px; height: 50px; position: absolute; left: 50%; top: 165px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 4s linear infinite; }
	.sky .drop.x2 { width: 20px; height: 40px; position: absolute; left: 20%; top: 50px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 3s linear infinite; animation-delay: 0.5s; }
	.sky .drop.x3 { width: 15px; height: 30px; position: absolute; left: 80%; top: 100px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 2s linear infinite; animation-delay: 0.75s; }
	.sky .drop.x4 { width: 40px; height: 80px; position: absolute; left: 32.5%; top: 75px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 3s linear infinite; animation-delay: 1s; }
	.sky .drop.x5 { width: 20px; height: 40px; position: absolute; left: 25%; top: 300px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 4s linear infinite; animation-delay: 0.5s; }
	.sky .drop.x6 { width: 30px; height: 60px; position: absolute; left: 65%; top: 350px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 4s linear infinite; animation-delay: 0.5s; }
	.sky .drop.x7 { width: 25px; height: 50px; position: absolute; left: 75%; top: 450px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 4s linear infinite; animation-delay: 2.5s; }
	.sky .drop.x8 { width: 15px; height: 30px; position: absolute; left: 72.5%; top: 225px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 4s linear infinite; animation-delay: 0.25s; }
	.sky .drop.x9 { width: 15px; height: 30px; position: absolute; left: 37.5%; top: 400px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 4s linear infinite; animation-delay: 0s; }
	.sky .drop.x10 { width: 30px; height: 60px; position: absolute; left: 65%; top: 50px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 4s linear infinite; animation-delay: 1s; }
	.sky .drop.x11 { width: 20px; height: 40px; position: absolute; left: 17.5%; top: 500px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 0; filter: alpha(opacity=0); animation: hempDrops 4s linear infinite; animation-delay: 0.25s; }

	/* Leaves Animation */
	@keyframes glowingGrass { 0% { opacity: 0; filter: alpha(opacity=0); } 50% { opacity: 1; filter: alpha(opacity=1); } 100% { opacity: 0; filter: alpha(opacity=0); } }
	@keyframes animateLeaf { 0% { -webkit-transform: translate(0px, 0); -moz-transform: translate(0px, 0); transform: translate(0px, 0); } 50% { -webkit-transform: translate(15px, 0); -moz-transform: translate(15px, 0); transform: translate(15px, 0); } 100% { -webkit-transform: translate(-0px, 0); -moz-transform: translate(-0px, 0); transform: translate(-0px, 0); } }
	.sky .leaf.x1 { position: absolute; top: 375px; left: 15%; z-index: -1; -webkit-animation: animateLeaf 5s ease-in-out infinite;  -moz-animation: animateLeaf 5s ease-in-out infinite; animation: animateLeaf 5s ease-in-out infinite;  }
	.sky .leaf.x2 { position: absolute; top: 175px; left: 50%; z-index: -1; -webkit-animation: animateLeaf 5s ease-in-out infinite;  -moz-animation: animateLeaf 5s ease-in-out infinite; animation: animateLeaf 5s ease-in-out infinite;  }
	.sky .leaf.x3 { position: absolute; top: 360px; left: -15%; z-index: -1; -webkit-animation: animateLeaf 5s ease-in-out infinite;  -moz-animation: animateLeaf 5s ease-in-out infinite; animation: animateLeaf 5s ease-in-out infinite;  }
	.sky .leaf.x4 { position: absolute; top: 750px; left: 25%; z-index: -1; -webkit-animation: animateLeaf 5s ease-in-out infinite;  -moz-animation: animateLeaf 5s ease-in-out infinite; animation: animateLeaf 5s ease-in-out infinite;  }

	.sky .leaf img { position: absolute; left: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
	.sky .leaf.x1 img { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
	.sky .leaf.x1 img.glow { -webkit-animation: glowingGrass 5s ease-in-out infinite;  -moz-animation: glowingGrass 5s ease-in-out infinite; animation: glowingGrass 5s ease-in-out infinite; animation-delay: 0.25s; position: absolute; left: 0; top: 0; }
	.sky .leaf.x2 img { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); }
	.sky .leaf.x2 img.glow { -webkit-animation: glowingGrass 4s ease-in-out infinite;  -moz-animation: glowingGrass 4s ease-in-out infinite; animation: glowingGrass 4s ease-in-out infinite; animation-delay: 0.55s; position: absolute; left: 0; top: 0; }
	.sky .leaf.x3 img { -webkit-transform: scale(0.35); -moz-transform: scale(0.35); transform: scale(0.35); }
	.sky .leaf.x3 img.glow { -webkit-animation: glowingGrass 6s ease-in-out infinite;  -moz-animation: glowingGrass 6s ease-in-out infinite; animation: glowingGrass 6s ease-in-out infinite; animation-delay: 0.45s; position: absolute; left: 0; top: 0; }
	.sky .leaf.x4 img { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); }
	.sky .leaf.x4 img.glow { -webkit-animation: glowingGrass 5s ease-in-out infinite;  -moz-animation: glowingGrass 5s ease-in-out infinite; animation: glowingGrass 5s ease-in-out infinite; animation-delay: 0.35s; position: absolute; left: 0; top: 0; }

	/* Steps Number Animation */
	@-webkit-keyframes floatLeftToRight { 0% { margin-top: 0px; margin-left: 0px; } 25% { margin-top: 60px; margin-left: 50px; } 50% { margin-top: 60px; margin-left: -50px; } 100% { margin-top: 0px; margin-left: 0px; } }
	@-webkit-keyframes floatRightToLeft { 0% { margin-top: 0px; margin-right: 0px; } 25% { margin-top: 60px; margin-right: 50px; } 50% { margin-top: 60px; margin-right: -50px; } 100% { margin-top: 0px; margin-right: 0px; } }

	/* Promo Section Animation*/
	@-webkit-keyframes animatePromoCloud { 0% { -webkit-transform: translate(0px, 0); -moz-transform: translate(0px, 0); transform: translate(0px, 0); } 50% { -webkit-transform: translate(15px, 0); -moz-transform: translate(15px, 0); transform: translate(15px, 0); }	100% { -webkit-transform: translate(-0px, 0); -moz-transform: translate(-0px, 0); transform: translate(-0px, 0); } }

/* CONTENT STYLES */

	/* General Section Settings */

	section .section-title-decoration { background-image: url(assets/img/section-title-decoration.png); width: 40px; height: 10px; display: inline-block; margin-bottom: 25px; margin-left: 2px; }
	section .section-teaser { margin-bottom: 40px; }


	/* Page Title */
	section.page-title-wrapper h1 { margin-bottom: -5px; }

	/* Homepage Header */
	.homepage-header { margin-top: 100px; }

	/* Homepage Header */
	.blog-home-header { margin-top: 100px; }

	/* Intro Section */
	section.section-intro { background: url(assets/img/background-section-gradient-top.png) bottom center no-repeat; padding: 0 0 50px !important; }
	section.section-intro .branding-we-market { margin: 0px auto 115px; z-index: 10; max-width: 70%; }
	section.section-intro .section-heading { font-size: 48px; line-height: 120%; margin: 0 auto; margin-bottom: 10px; font-weight: 400; text-transform: uppercase; font-family: 'Concert One', cursive; }
	section.section-intro h2 { font-size: 44px; line-height: 100%;  margin: 0 auto; font-weight: 400; text-transform: uppercase; font-family: 'Concert One', cursive; }
	section.section-intro .section-subheading { font-size: 22px; line-height: 125%; margin: 0 auto; font-weight: 400; text-transform: uppercase; font-family: 'Concert One', cursive; }
	section.section-intro .hemp-graphic { background: url(assets/img/visual-hemp.png )center center no-repeat; background-size: contain; width: 140px; height: 40px; display: inline-block; }
	section.section-intro .section-teaser { font-size: 20px; line-height: 32px; padding: 40px; margin: 10px auto 20px; max-width: 700px; }
	section.section-intro .section-cta { background: #000039; color: #ffffff; border: 5px solid #00FFF0; font-size: 30px; padding: 20px 75px; border-radius: 50px; text-transform: uppercase; font-family: 'Concert One', cursive; }
	section.section-intro .section-cta:hover, section.section-intro .section-cta:focus { -webkit-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); -moz-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); }
	section.section-intro .section-cta:active { background-color: #000066 !important; border-color: #00FFF0 !important; -webkit-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); -moz-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); }

	/* How It Work Steps Section */
	section.section-steps { padding-top: 50px; background: #8BF3E0; }
	section.section-steps .section-heading { font-size: 44px; line-height: 100%;  margin: 0 auto; font-weight: 400; font-family: 'Concert One', cursive; text-transform: uppercase; }
	section.section-steps h3 { font-size: 22px; line-height: 125%; margin: 0 auto; font-family: 'Asap', sans-serif; }
	section.section-steps .step-number { padding: 10px 0; min-height: 320px; }
	section.section-steps .step-number .step-graphic.floatRightToLeft { -webkit-animation: floatRightToLeft 24s linear infinite; }
	section.section-steps .step-number .step-graphic.floatLeftToRight { -webkit-animation: floatLeftToRight 20s linear infinite; }
	section.section-steps .step-title { max-width: 425px; line-height: 140%; }
	section.section-steps .step-info { max-width: 425px; font-size: 18px; color: #325875; margin: 10px auto 50px; line-height: 140%; }
	section.section-steps .step-extended-info { background: #ffffff; border-radius: 25px; padding: 25px; box-shadow: 0px 0px 20px 0px rgba(68, 255, 244, 0.65), 0px 35px 45px 0px rgba(0, 78, 85, 0.25), inset 0px 0px 8px 0px rgba(0, 255, 240, 1); max-width: 600px; margin: 0 auto; }
	section.section-steps .step-extended-info .list-title { font-size: 40px; line-height: 120%; }
	section.section-steps .step-extended-info ul { list-style-type: none; text-align: left; font-size: 22px; line-height: 150%; margin-top: 30px; padding: 0 0 0 15px; }
	section.section-steps .step-extended-info ul li { background: url(assets/img/bullet.png) left top no-repeat; background-position: 0 11px; line-height: 40px; padding: 0 0 0 50px; margin-bottom: 0; }

	/* Get Started Section*/
	section.section-get-started { background: url(assets/img/background-section-gradient-bottom.png) top center no-repeat; }
	section.section-get-started h1 { font-size: 48px; font-weight: 400; }
	section.section-get-started .get-started-graphic { background: url(assets/img/icon-grass.png) center center no-repeat; background-size: 150%; width: 90px; height: 90px; display: inline-block; margin-bottom: -15px; } 
	section.section-get-started .section-title { margin-bottom: 15px; }
	section.section-get-started .section-teaser { max-width: 425px; font-size: 18px; color: #325875; margin: 10px auto 50px; display: block; }
	section.section-get-started .section-cta { background: #000039; color: #ffffff; border: 5px solid #00FFF0; font-family: 'Concert One', cursive; font-size: 30px; padding: 15px 75px; border-radius: 50px; margin-bottom: 50px; }
	section.section-get-started .section-cta:hover, section.section-get-started .section-cta:focus { -webkit-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); -moz-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); }
	section.section-get-started .section-cta:active { background-color: #000066 !important; border-color: #00FFF0 !important; -webkit-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); -moz-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); }
	section.section-get-started .testimonials-list .card { padding: 35px; border-radius: 8px; box-shadow: 0px 44px 36px 0px rgba(0,78,85,0.1); }
	section.section-get-started .testimonials-list .card .card-body { line-height: 150%; padding: 0; position: relative; }
	section.section-get-started .testimonials-list .card .card-body .author-avatar { box-shadow: 0px 4px 20px 0px rgba(0,0,57,0.2); width: 110px; height: 110px; margin: 0 0 30px; }
	section.section-get-started .testimonials-list .card .card-body .card-text { margin: 0 0 30px; font-size: 14px; }
	section.section-get-started .testimonials-list .card .card-body .author-name { margin: 0; font-size: 19px; }
	section.section-get-started .testimonials-list .card .card-body .author-title { margin: 0; font-size: 14px; color: #9999b0; }

	/* Get In Touch Section */
	section.section-get-in-touch { padding-bottom: 0 !important; }
	section.section-get-in-touch .section-title { margin-bottom: 30px; }
	section.section-get-in-touch .section-heading { font-size: 44px; font-weight: 400; text-transform: uppercase; font-family: 'Concert One', cursive; }
	section.section-get-in-touch .section-teaser { max-width: 425px; font-size: 18px; color: #325875; margin: 10px auto 50px; display: block; }
	section.section-get-in-touch .section-cta { background: #000039; color: #ffffff; border: 5px solid #00FFF0; font-family: 'Concert One', cursive; font-size: 30px; padding: 15px 75px; border-radius: 50px; margin-top: 25px; margin-bottom: 50px; }
	section.section-get-in-touch .section-cta:hover, section.section-get-in-touch .section-cta:focus { -webkit-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); -moz-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); }
	section.section-get-in-touch .section-cta:active { background-color: #000066 !important; border-color: #00FFF0 !important; -webkit-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); -moz-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); }
	section.section-get-in-touch form .form-control { height: 60px; line-height: 60px; }
	section.section-get-in-touch form .form-control:focus { border-color: #000039; border-width: 2px; }
	section.section-get-in-touch form textarea.form-control { line-height: 125%; min-height: 125px; }

	/* Contact Form Notifications Settings */
	.wpcf7-form .wpcf7-response-output, .wpcf7-form span.wpcf7-not-valid-tip { padding: .75rem 1.25rem; border: 1px solid transparent; border-radius: .25rem; }
	.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
	.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
	.wpcf7-form .waves-input-wrapper { width: 100%; height: 100%; }


	/* Blog Home Settings */
	section.blog-home-header { padding-bottom: 0 !important; }
	section.blog-home-header h1.blog-welcome-title { text-transform: uppercase; color: #ffffff; font-family: 'Concert One', sans-serif; margin: 0; }
	section.blog-home-header .header-logo { margin: 25px auto; }
	
	section.section-blog .post-thumbnail { max-height: 300px; overflow: hidden; }
	section.section-blog .post-entry { color: #666666; }
	section.section-blog .post-entry .post-title { font-weight: bold; margin-bottom: 5px; }
	section.section-blog .post-entry p { font-family: 'Asap', sans-serif; margin-bottom: 5px;  }
	section.section-blog .post-entry .post-meta {  font-size: 0.75rem; color: #999999; }
	section.section-blog .post-entry .post-excerpt-3lines { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


	/* Blog Single Post Settings */
	.page-content-wrapper { }
	.page-content-wrapper .post-title { font-size: 32px; margin: 0 0 25px; }
	.page-content-wrapper .post-meta { margin: 25px 0; }
	.page-content-wrapper .post-featured-image { margin: 25px auto; }
	.page-content-wrapper .post-content { margin: 25px 0; font-size: 1rem; line-height: 1.4rem; }

	/* Promo Section Settings */
	section.section-promo { background: url(assets/img/svg/background-promo-cloud.svg) center -485px no-repeat; background-size: 650%; }
	section.section-promo .promo-text { padding: 25px 0 0 25px; }
	section.section-promo .promo-cta { padding: 25px 0 0 0; }
	section.section-promo .section-heading { margin: 0; font-family: 'Concert One', cursive; font-size: 60px; }
	section.section-promo .section-heading .hemp-graphic { background: url(assets/img/visual-hemp.png )center center no-repeat; background-size: contain; width: 170px; height: 55px; margin-bottom: -5px; display: inline-block; }
	section.section-promo .section-subheading { font-family: 'Concert One', cursive; font-size: 24px; margin: -10px 0 0 0; }
	section.section-promo .section-teaser { font-size: 13px; }
	section.section-promo .section-cta { background: #000039; color: #ffffff; border: 5px solid #00FFF0; font-family: 'Concert One', cursive; font-size: 30px; padding: 15px 75px; border-radius: 50px; margin-top: 25px; margin-bottom: 50px; }
	section.section-promo .section-cta:hover, section.section-promo .section-cta:focus { -webkit-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); -moz-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); }
	section.section-promo .section-cta:active { background-color: #000066 !important; border-color: #00FFF0 !important; -webkit-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); -moz-box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); box-shadow: 0px 0px 21px 14px rgba(0,255,240,1); }

	.single-post ul { width: fit-content; margin: 0 auto; text-align: left; }

/* SIDEBAR STYLES */


/* RESPONSIVE STYLES */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

	.sky .leaf.x1 { position: absolute; top: 275px; left: 0%; }
	.sky .leaf.x2 { position: absolute; top: 225px; left: 70%; }
	.sky .leaf.x2 img { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); }
	.sky .leaf.x3 { position: absolute; top: 700px; left: 65%; }
	.sky .leaf.x3 img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); transform: scale(1.25); }
	.sky .leaf.x4 { position: absolute; top: 750px; left: 5%; }
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	@-webkit-keyframes animateHeaderLogoCloud { 0% { -webkit-transform: translate(0px, 0) scale(0.65); -moz-transform: translate(0px, 0) scale(0.65); transform: translate(0px, 0) scale(0.65); } 50% { -webkit-transform: translate(15px, 0) scale(0.65); -moz-transform: translate(15px, 0) scale(0.65); transform: translate(15px, 0) scale(0.65); }	100% { -webkit-transform: translate(-0px, 0) scale(0.65); -moz-transform: translate(-0px, 0) scale(0.65); transform: translate(-0px, 0) scale(0.65); } }
	.cloud.headerLogoCloud { top: 20px; left: 40%; }

	section.section-steps .section-heading { font-size: 54px; }
	section.section-steps h3 { font-size: 29px; }
	section.section-steps .step-extended-info { padding: 50px; }

	section.section-get-started h1 { font-size: 80px; }
	section.section-get-started .get-started-graphic { width: 140px; height: 140px; background-size: 190%; } 
	section.section-get-started .teaser { font-size: 20px; }
	section.section-get-started .section-title { margin-bottom: 30px; }
	
	section.section-get-in-touch .section-heading { font-size: 54px; font-weight: 400; }
	
	.page-content-wrapper .post-title { font-size: 54px; }	
	
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

	.home .no-gutters > [class*=col-] { padding-right: 15px; padding-left: 15px; }
	
	/*.home @-webkit-keyframes animateHeaderLogoCloud { 0% { -webkit-transform: translate(0px, 0) scale(0.75); -moz-transform: translate(0px, 0) scale(0.75); transform: translate(0px, 0) scale(0.75); } 50% { -webkit-transform: translate(15px, 0) scale(0.75); -moz-transform: translate(15px, 0) scale(0.75); transform: translate(15px, 0) scale(0.75); }	100% { -webkit-transform: translate(-0px, 0) scale(0.75); -moz-transform: translate(-0px, 0) scale(0.75); transform: translate(-0px, 0) scale(0.75); } }*/
	/*.home .cloud.headerLogoCloud { top: 50px; left: 45%; }*/

	.sky .leaf.x1 { position: absolute; top: 375px; left: 15%; }
	.sky .leaf.x2 { position: absolute; top: 375px; left: 62.5%; }
	.sky .leaf.x3 { position: absolute; top: 700px; left: 70%; }
	.sky .leaf.x4 { position: absolute; top: 750px; left: 25%; }
	
	section.section-promo { background: url(assets/img/svg/background-promo-cloud.svg) center center no-repeat; background-size: cover; -webkit-animation: animatePromoCloud 7.5s linear infinite; -moz-animation: animatePromoCloud 7.57s linear infinite; animation: animatePromoCloud 7.5s linear infinite; }
	
	section.section-get-started .testimonials-list .card { padding: 35px 35px 70px; }
	section.section-get-started .testimonials-list .card .card-body .author-info { position: absolute; left: 0; right: 0; bottom: -35px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	/*.home .container { max-width: 1440px; }*/
	
	section.section-intro { padding: 0 0 200px !important; }
	section.section-intro .section-heading { font-size: 100px; }
	section.section-intro h2 { font-size: 54px; }
	section.section-intro .section-subheading { font-size: 29px; }
	
	section.section-intro { padding-bottom: 125px; }
	section.section-intro .hemp-graphic { width: 238px; height: 78px; margin-bottom: -5px; }
	section.section-intro .branding-we-market { margin: 75px auto; max-width: 100%; }
	section.section-intro .section-cta { font-size: 36px; padding: 20px 100px; }
	
	section.section-get-started { padding-top: 150px !important; }
	section.section-get-started h1 { font-size: 100px; }
	section.section-get-started .section-cta { font-size: 36px; padding: 20px 100px; margin-bottom: 150px; }
	
	section.section-blog-sticky .sticky-post-thumbnail { max-height: 300px; overflow: hidden; }
	section.section-blog-sticky .sticky-post-entry { margin-bottom: 30px; color: #666666; }
	section.section-blog-sticky .sticky-post-entry:first-child { margin-bottom: 30px !important; }
	section.section-blog-sticky .sticky-post-entry:last-child { margin-bottom: 0px !important; }
	section.section-blog-sticky .sticky-post-entry p { font-family: 'Asap', sans-serif; margin-bottom: 5px;  }
	section.section-blog-sticky .sticky-post-entry .post-title { font-weight: bold; margin-bottom: 5px; }
	section.section-blog-sticky .sticky-post-entry .post-meta {  font-size: 0.75rem; color: #999999; }
	section.section-blog-sticky .sticky-post-entry .post-excerpt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
	
	section.section-blog-sticky .first-sticky-post-entry { margin-bottom: 30px !important; position: relative; }
	section.section-blog-sticky .first-sticky-post-entry .card-body { padding-left: 0; position: absolute; left: 0; right: 0; bottom: 50px; }
	section.section-blog-sticky .first-sticky-post-entry [class*=rgba-] { border-radius: 0; }
	section.section-blog-sticky .first-sticky-post-entry .post-title a { color: #ffffff; }
	section.section-blog-sticky .first-sticky-post-entry .post-title a:hover { color: #1bd8ff; }
	section.section-blog-sticky .first-sticky-post-entry .post-title { font-weight: bold; margin-bottom: 5px; }
	section.section-blog-sticky .first-sticky-post-entry p { font-family: 'Asap', sans-serif; margin-bottom: 5px;  }
	section.section-blog-sticky .first-sticky-post-entry .post-meta {  font-size: 0.75rem; color: #cccccc; }

	
}