/*
Theme Name: Zuber Agent
Theme URI: http://my.studiopress.com/themes/hello
Description: Creating an eye-catching, attention-grabbing, personal branded site can help you make your best online first impression. And that…can make all the difference in the world wide web. With over 250 million web and blog sites on the Internet making a lasting impression on the web is super important. Be distinct and start building your brand online.
Author: brandiD / Delos
Author URI: https://thebrandid.com/ http://www.delosinc.com
Version: 1.0.1

Tags: green, orange, purple, gray, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, sticky-nav, Personal-Branding, Wordpress, Genesis, StudioPress, Online-identity

Template: genesis
Template Version: 2.1

License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Baseline Reset (normalize.css 2.1.2)
        normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#8192b3}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.clearfix:before,
.entry-content:before,
.entry:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
    content: " ";
    display: table;
}

.clearfix:after,
.entry-content:after,
.entry:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
    clear: both;
    content: " ";
    display: table;
}

/* Typographical Elements
--------------------------------------------- */
	
	/*============= font  notes ======================
	Comfortaa:400,700| unreadable as text, titles only
	Lato:300,300italic,400,400italic,700,700italic
	===================*/


body {
    background: #fdfdfd;
    color: #47484a;
    /* San serif wide Trebuchet-based */
    font-family: 'Lato', ‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitstream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition:    all 0.1s ease-in-out;
    -ms-transition:     all 0.1s ease-in-out;
    -o-transition:      all 0.1s ease-in-out;
    transition:         all 0.1s ease-in-out;
}

::-moz-selection {
    background-color: #8192b3;
    color: #fdfdfd;
}

::selection {
    background-color: #8192b3;
    color: #fdfdfd;
}

a {
    text-decoration: none;
}

a img {
    margin-bottom: -4px;
}
.pagelink {
  display: block;
  margin-top: 20px;
  text-transform: uppercase;
}

p {
    margin: 0 0 24px;
    padding: 0;
}

strong {
    font-weight: 700;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}


/* blockquotes */
.entry-content blockquote, .entry-content blockquote .wp-block-quote {
  border-left: 3px solid #efeff1;
  margin: 0 0 20px;
  padding-left: 20px;

}
.wp-block-quote.is-style-large {  
  margin: 0 0 20px;
  padding: 20px 0 20px 35px;
}

/* pullquote */
/* consider aligning center*/
.wp-block-pullquote, .wp-block-pullquote cite, .wp-block-pullquote.is-style-solid-color blockquote, .wp-block-pullquote blockquote p {
    text-align:center !important; 
}
.entry-content .wp-block-pullquote blockquote {
        border-left: none;
        padding-left:7%;
        padding-right: 7%;
}
.wp-block-pullquote.is-style-solid-color {
    margin-bottom: 30px;
}
.wp-block-pullquote.is-style-solid-color blockquote {
    padding-left: 0;
    border-left: none;
}
/* cite */
cite {
        display:block;
        margin-bottom: 20px;
        text-align: right;
}
cite:before {
        content: "-- ";
}
/* blockquote - sidebar */
.sidebar blockquote, .testimonials-widget blockquote {
  background: transparent url("images/blockquote-25.png") no-repeat scroll 0 20px;
  border: medium none;
  margin: 0;
  padding: 10px 0 30px 40px;
}
.home-testimonial h4 {
  display: none;
}
.type-testimonials-widget.status-publish.entry {
  margin-bottom: 0;
}
/* perfect quote - overwrite the pq stylesheet */
#sidebar ul.perfect-quotes li, ul.perfect-quotes li {
  background: rgba(0, 0, 0, 0) url("images/blockquote-25.png") no-repeat 0 20px !important;
  margin: 0 !important;
   padding: 10px 0 0 40px !important;
}
/* add space above cite - overwrite the pq stylesheet  */
#sidebar ul.perfect-quotes span, ul.perfect-quotes span {
  margin-top: 20px !important;
}
/* / blockquotes */

.entry-content code {
    background-color: #8192b3;
    color: #ddd;
}

cite {
    font-style: normal;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #47484a;
    font-family: 'Lato', ‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitstream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif;
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}

h1 {
    font-size: 32px;
}
.top h1 {
	text-shadow: 5px 5px 10px #333, -5px -5px 10px #333;
}

h2 {
    font-size: 24px;
}

h3, h3.gform_title {
    font-size: 20px !important;
}

h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

h5 {
    font-size: 16px;
    font-family: 'Lato', ‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitstream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif;
}

h6 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
/* Protection styles
======================================================*/
/* deny other weights */
h1 strong, h2 strong, h3 strong, h5 strong {font-weight: 400 !important;}
/* deny italic */
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {font-style:normal !important;}
/* deny color*/
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #47484a !important;} 
/* deny underline */
p span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, li span, blockquote span {text-decoration: none !important;}
/* deny alignment (within the content area only)*/
.entry-content p, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content ol, .entry-content blockquote { text-align: left !important;}
/* / Prevention styles */

/* clear images. Do not clear lists, list styles have been adjusted to accept floated images */
.entry-content h2, .entry-content h3, .entry-content blockquote {
	clear: both;
}

/* / clear styles */

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}

img {
    height: auto;
}

.featured-content img,
.gallery img {
    width: auto; /* IE8 */
}
.video iframe, .video object, .video embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*  deloschg #12 - std video */
.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 0 28px;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}
.gallery img {
	border: 1px solid #ddd;
	height: auto;
	padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
	border: 1px solid #999;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 3px #eee inset;
    color: #444;
    font-family: 'Lato', ‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitstream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif;
    font-size: 16px;
    padding: 10px;
    margin: 0 5px 5px 0;
    /*width: 100%;*/
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
    width: auto;
}

input:focus,
textarea:focus {
    border: 1px solid #535556;
    outline: none;
}

::-moz-placeholder {
    color: #535556;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #535556;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button,
a.wp-block-button__link {
    border: none;
    border-radius: 5px !important;
    box-shadow: none;
    cursor: pointer;
    padding: 10px 20px;
    width: auto;
    text-transform: uppercase;
	color: #fff !important;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover,
a.wp-block-button__link:hover {
    border: none;
    text-decoration: none;
}

.button {
    border-radius: 5px !important;
    display: inline-block;
    font-weight: 400;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
    display: none;
}

.home-cta a.button {
    display: inline-block;
    margin-top: -30px;
    text-align: center;
}

/* ===== 3)  correct input button size without using important
this may need altered ============ */
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 18px; /* match to standard button size. May have to make important */
}

/* block button has no margin bottom. We used to have to add a button to a paragraph to get it. If necessary add it under .button */
/*== remove for digital pro ===*/
.wp-block-button {
    margin-bottom: 30px !important;
}

/* When a theme's anchor has underline, it can show up on the button as well.
 add this under the a, button, input styles */
.wp-block-button a.wp-block-button__link {
    text-decoration: none;
}
/* ## Tables
-------------- NOTE: .wp-block-table {overflow-x: auto;} is found in the WordPress Block style ---------- */
/* ============== wp-block-table all =====================*/
table {
        background-color: transparent;
        border-collapse: collapse;
        border-spacing: 0;
        max-width: 100vw;
        /*width: 100%;*/;
        border-left: 1px solid #eee;
   -webkit-overflow-scrolling: touch;
   /* line-height seems too large */
   line-height: 1.525;
   margin-bottom: 0; /*margin is added to the parent figure */
}

tbody {
        border-bottom: 1px solid #eee;
        vertical-align: top;
}

td, th {
        text-align: left;
        padding: 0.618em;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #eee !important;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #eee !important;
        word-wrap: normal;
        vertical-align: top;
        word-break: normal !important;
}
th {
        background-color: #eee;
        color: #444;
        font-weight: 700;
        /*line-height: 1.1; add if necessary*/
}

/* keeps columns equal. Only applies when selected. */
.wp-block-table.has-fixed-layout {
    table-layout: fixed;
    width: 100%;
}
/* we remove the margin-bottom from the table and add it here 
to the figure where the class is. Otherwise we have a gap between them. */
.wp-block-table {        
    margin-bottom: 40px;
}
 /* Reverse Polish method of making the odd stripe even. Add the stripe color to the
 table and the table bg here.*/
 .wp-block-table {
         background-color: #ffffff;
 }
 .wp-block-table.is-style-stripes {
         background-color: #f8f8f8 !important;
 }
 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #fff !important;
}
/* center text in a cell */
td.center {
   text-align:center;
}
/* / center text in a cell */

/* ============== / table all =====================*/


/* Site Containers
--------------------------------------------- */

.site-container {
    margin: 0 auto;
    width: 100%;
}

.hello-pro-landing .site-inner {
    width: 800px;
    margin: 0 auto 0;
}

.site-inner {
    background-color: #fdfdfd;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    width: 1140px;
}

.hello-pro-home .site-inner {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.hello-pro-home .site-inner {
    overflow: visible;
}

.wrap {
    max-width: 1140px;
    margin: 0 auto 0;
}

/* Content
--------------------------------------------- */

.content {
    float: right;
    width: 800px;
    padding: 40px 60px 10px;
}

.content-sidebar .content {
    float: left;
}

.full-width-content .content {
    width: 100%;
}

.hello-pro-home .content {
    padding: 0;
}

.hello-pro-portfolio .content {
    padding: 40px 30px 0;
}

/* Primary Sidebar
--------------------------------------------- */

.sidebar-primary {
    margin-top: 20px;
    margin-bottom: 30px;
    float: right;
    width: 340px;
}

/*.sidebar-primary .widget {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.sidebar-primary .widget:first-child{
    margin-top: 0px !important;
    padding-top: 0px !important;
    border-top: none !important;
}

.sidebar-primary .widget:last-child{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}*/

.sidebar-content .sidebar-primary {
    float: left;
}

.sidebar-primary .widget .widget-title {
  background: #29324f;
  color: #fdfdfd;
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
  margin-left: -55px;
  margin-right: -20px;
  padding: 8px 8px 8px 30px;
  text-align: left;
}

/* Column Classes
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
    float: left;
    margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
    width: 48.717948717948715%;
}

.one-third,
.two-sixths {
    width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
    width: 65.81196581196582%;
}

.one-fourth {
    width: 23.076923076923077%;
}

.three-fourths {
    width: 74.35897435897436%;
}

.one-sixth {
    width: 14.52991452991453%;
}

.five-sixths {
    width: 82.90598290598291%;
}

.first {
    clear: both;
    margin-left: 0;
}

.clear-line {
	clear: both;
	margin-bottom: 30px;
}

/* Avatars and Images
--------------------------------------------- */

.avatar {
    float: left;
}

.alignleft .avatar {
    margin-right: 14px;
}

.alignright .avatar {
    margin-left: 14px;
}

.search-form {
    overflow: hidden;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

.search-form input[type="search"] {
    background: #fdfdfd url(images/icon-search.png) no-repeat right;
    background-size: 36px 16px;
    color: #888;
    font-size: 10px;
    margin-bottom: 10px;
    padding: 16px;
    text-transform: uppercase;
    width: 100%;
}

a.aligncenter img {
    display: block;
    margin: 0 auto;
}

img.centered,
.aligncenter {
    display: block;
    margin: 0 auto 24px;
}

a.alignnone img,
img.alignnone {
    margin-bottom: 12px;
}

.alignleft {
    float: left;
    text-align: left;
}

.alignright {
    float: right;
    text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
    max-width: 100%;
}

a.alignnone {
    display: inline-block;
}

a.alignleft img,
img.alignleft,
.wp-caption.alignleft {
    margin: 0 24px 12px 0;
}

a.alignright img,
img.alignright,
.wp-caption.alignright {
    margin: 0 0 24px 24px;
}

.entry-content .wp-caption-text {
    font-size: 15px;
    margin: 0;
    text-align: center;
}

.gallery-caption,
.entry-content .gallery-caption {
    margin: 0 0 10px;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
    color: #777;
    font-size: 12px;
    margin: -40px -20px 0;
    padding: 20px;
}

.hello-pro-home .breadcrumb {
    margin: 0;
}

.archive-description,
.author-box {
    margin-bottom: 30px;
    padding: 15px 15px 30px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.archive-description {
    padding: 16px 20px;
}

.author-box-title {
    font-size: 16px;
    margin-bottom: 4px;
}

.author-box p {
    font-size: 16px;
    margin: 0;
}

.author-box .avatar {
    margin-right: 24px;
}

/* Titles
--------------------------------------------- */

.entry-title {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 20px;
}

.entry-title a,
.sidebar .widget-title a {
 text-decoration: none;
}

.entry-title a:hover,
.footer-widgets .entry-title a:hover {
    text-decoration: none;
}

.archive-title,
.widget-title,
.hello-pro-portfolio .entry-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer-widgets .entry-title,
.sidebar .entry-title {
    font-size: 16px;
}

.hello-pro-home .home-cta .widget-title {
    font-size: 24px;
    margin-bottom: 6px;
    text-transform: none;
}

/* Widgets
--------------------------------------------- */

.featured-content .entry {
    margin-bottom: 12px;
    padding: 0;
}

.featured-content .entry-title {
    /*font-size: 18px;*/
    font-size: 26px;
}

.hello-pro-home .featured-content .entry {
    margin-bottom: 36px;
}

/* Jetpack
--------------------------------------------- */

img#wpstats {
    display: none;
}

/* WP-MobiSim
--------------------------------------------- */

/* iPAD */
#wpms-ipadportrait-regular div {
    width: 770px !important;
    height: 1132px !important;
    padding: 110px 0 0 0 !important;
    margin: 0 auto;
}

#wpms-ipadportrait-regular iframe {
    width: 770px !important;
    height: 1022px !important;
}

/* iPHONE 5 */
#wpms-iphone5portrait-regular div {
    width: 324px !important;
    height: 681px !important;
    padding: 117px 0 0 4px !important;
    margin: 0 auto !important;
}

/* GALAXY 3 */
#wpms-samsung-galaxy3portrait-regular div {
    width: 346px !important;
    height: 687px !important;
    padding: 74px 0 0 0 !important;
    margin: 0 auto !important;
}

/*
Site Header
------------------------------ */

.hello-pro-home .site-header {
    margin: 0 auto;
    min-height: 100px;
    width: 100%;
}

.site-header {
    background-color: #fdfdfd;
    margin: 0 auto;
    min-height: 100px;
    width: 100%;
}

/* Title Area
--------------------------------------------- */

.title-area {
    font-weight: 700;
    float: left;
    overflow: hidden;
    width: 320px;
}

.site-title {
    display:block;
    font-size: 40px;
    line-height: normal;
    margin: 10px 0px 5px 0px;
    border-bottom: 1px solid #535556;
}

.site-title a {
    display: inline-block;
    text-decoration: none;
    transition: all .25s ease;
}

.site-title a,
.site-title a:hover {
    text-decoration: none;
}

.site-description {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    padding-top: 3px;
    color:#535556;
}

.sticky .site-title,
.sticky .site-title a {
    font-size:28px;
    border-bottom: none;
}

.sticky .site-title {
    margin: 15px 0px 5px 0px;
}

.sticky .site-description {
    display:none;
}

.site-title a.has-image .site-title-name,
.site-title a.has-image .tagline,
.site-title a.has-image .site-description{
    display:none;
}

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
    width: 100%;
}

/* Logo, hide text */

.header-image .site-description {
    display: none;
    text-indent: -5355569px;
}

.header-image .site-title a {
    display: block;
    text-indent: -5355569px;
}

.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
    float: left;
    margin: 5px 0px;
    max-width: 320px;
    min-height: 110px;
    padding: 0;
    width: 100%;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
    float: right;
    width: 820px;
}

.site-header .widget-area .widget-title {
    font-size: 16px;
    margin-bottom: 2px;
    text-align: right;
    text-transform: uppercase;
}

.site-header .widget {
    padding: 28px 0 0;
}

.site-header .search-form {
    float: right;
    margin-top: 24px;
    width: 50%;
}

/*
Site Navigation
------------------------------- */

.genesis-nav-menu {
    clear: both;
    color: #8192b3;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.genesis-nav-menu .menu-item {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
}

.genesis-nav-menu a {
    color: #8192b3;
    display: block;
    padding: 16px 20px;
    position: relative;
}

.genesis-nav-menu li:hover,
.genesis-nav-menu a:hover {
    background-color: #fdfdfd;
    color: #666;
    text-decoration: none;
}

.genesis-nav-menu .current-menu-item > a {
    color: #7fa2a3;
}

.genesis-nav-menu .sub-menu {
    left: -5355569px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition:    opacity .4s ease-in-out;
    -ms-transition:     opacity .4s ease-in-out;
    -o-transition:      opacity .4s ease-in-out;
    transition:         opacity .4s ease-in-out;
    width: 148px;
    z-index: 535556;
}

.genesis-nav-menu .sub-menu a {
    background-color: #fdfdfd;
    border: 1px solid #f5f5f5;
    border-top: none;
    color: #666;
    font-size: 12px;
    padding: 10px 18px;
    position: relative;
    width: 148px;
}

.genesis-nav-menu .sub-menu a:hover {
    background-color: #f5f5f5;
    color: #8192b3;
}

.genesis-nav-menu .sub-menu .sub-menu {
    margin: -40px 0 0 147px;
}

.genesis-nav-menu .menu-item:hover {
    position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}

.genesis-nav-menu > .first > a {
    padding-left: 0;
}

.genesis-nav-menu > .last > a {
    padding-right: 0;
}

.genesis-nav-menu > .right {
    display: inline-block;
    float: right;
    list-style-type: none;
    padding: 16px 20px;
}

.genesis-nav-menu > .right > a {
    display: inline;
    padding: 0;
}

.genesis-nav-menu > .search {
    padding: 0;
}

.genesis-nav-menu .search-form {
    width: 100%;
}

/* Site Header Navigation
--------------------------------------------- */

.site-header .widget_nav_menu {
    padding: 0;
}

.site-header .genesis-nav-menu {
    float: right;
    width: auto;
}

.site-header .genesis-nav-menu a {
    padding: 38px 18px 40px;
}

.site-header .sub-menu {
    border-top: 1px solid #eee;
}

.site-header .genesis-nav-menu .sub-menu a {
    padding: 10px 18px;
}

.site-header .sub-menu .sub-menu {
    margin-top: -40px;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary .genesis-nav-menu li:hover,
.nav-secondary .genesis-nav-menu a:hover,
.nav-secondary .genesis-nav-menu li.current-menu-item a:hover {
    background-color: transparent;
    color: #666;
}

.nav-secondary .genesis-nav-menu .current-menu-item > a {
    background-color: transparent;
    color: #7fa2a3;
}

/* Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
    background-color: #f2f2f2;
    cursor: pointer;
    display: none;
}

.responsive-menu-icon::before {
    content: "\f333";
    display: block;
    font: normal 20px/1 'dashicons';
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}

/* Home Page
--------------------------------------------- */

.top {
    width: 100%;
    padding: 30px 0px 0px 0px;
    margin: 0;
    position:relative;
}

.home-welcome {
    float: left;
    width: 55%;
    margin: 0;
    padding: 0;
}

.highlight {
    display: table;
    margin-bottom: 10px;
    font-family: 'Comfortaa', 'Lato', ‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitstream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif !important;
    font-size: 20px;
    padding: 12px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: normal;
    margin-bottom: 26px;    
    background-color: #b00010;
    color: #fdfdfd;
}
.highlight-paragraph {
	background: rgba(61,77, 109, .5);
	padding: 20px;
	margin-bottom: 26px;
	border-radius: 5px 50px / 0 50px;
	text-shadow: 5px 5px 10px #333, -5px -5px 10px #333;
	box-shadow: 5px 5px 10px #333;
}

.home-welcome h1 {
    font-size: 46px;
    font-weight: 300;
}

.home-headline h1,
.home-headline h2,
.home-headline h3,
.home-headline h4,
.home-headline h5,
.home-headline h6,
.home-headline p,
.home-headline{
    font-weight: 300;
    color:#fdfdfd;
}

.home-headline h1,
.home-headline p{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.home-headline b,
.home-headline strong{
    font-weight: 700;
}

.home-image {
    float: left;
    width: 45%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.home-image .textwidget {
    text-align: center;
}

.top .wrap .home-image .textwidget img{
    opacity:0;
    margin-right: -30px;
    transition: all 1s ease;
}

.top .wrap .home-image .textwidget.show img {
    opacity:1;
    margin-right: 0px;
}

.home-features {
    clear: both;
    padding: 40px 0px;
}

.home-features .widget,
.home-portfolio .featured-content .widget,
.home-portfolio .featured-content article {
    float: left;
    padding: 0 2.8%;
    width: 33.33333333%;
}

.home-features .widget:nth-of-type(3n+1),
.home-portfolio .widget:nth-of-type(3n+1) {
    clear: left;
}

.hello-pro-home .home-cta {
    float: left;
    padding: 0px 0px;
    width: 100%
}

.hello-pro-home .home-cta h1,
.hello-pro-home .home-cta h2,
.hello-pro-home .home-cta h3,
.hello-pro-home .home-cta h4{
    font-family: 'Comfortaa', 'Lato', ‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitstream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif;
    color: #8192b3;
    font-weight: 400 !important;
}
.hello-pro-home .home-cta p {
	color: #8192b3;
}

.hello-pro-home .home-cta input {
    display: inline-block;
}

.hello-pro-home .home-cta .optin {
    font-family: 'Comfortaa', 'Lato', ‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitstream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    float: left;
    margin-right: 4%;
    display: inline-block;
    width: 48%;
    text-align: center;
    font-weight: 400;
}

.hello-pro-home .home-cta #mc_embed_signup {
    width: 48%;
    float: left;
}

.hello-pro-home .home-cta .mc-field-group {
    display: inline-block;
    width: 33%;
    float: left;
    padding: 0 10px 0 0;
}

.hello-pro-home .home-headline {
    width: 100%;
    float: left;
    clear: both;
}

.hello-pro-home .home-cta .widget,
.hello-pro-home .home-headline .widget {
    width:100%;
    margin: 0 auto 0;
    padding: 30px 0px;
}

.hello-pro-home .home-headline .widget{
    text-align: center;
}

.bottom {
    width: 100%;
    margin: 0px;
    padding: 40px 0px;
    clear: both;
    background-attachment: fixed !important;
}

.hello-pro-home .home-portfolio {
    color: #8192b3;
    width:100%;
    margin: 0 auto 0;
    padding: 0px;
}

.home-portfolio img {
    border: 1px solid #535556;
    padding: 5px;
}

/* Portfolio
--------------------------------------------- */

.hello-pro-portfolio .portfolio {
    float: left;
    padding: 0 30px 30px;
    width: 33.33333333%;
}

.hello-pro-portfolio .portfolio:nth-of-type(3n+1) {
    clear: left;
}

.single-portfolio .content {
    text-align: center;
}

.portfolio-featured-image img {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #535556;
    padding: 5px;
}

/* Entries
--------------------------------------------- */

.entry {
    margin-bottom: 40px;
}

.hello-pro-portfolio .entry,
.single-portfolio .entry {
    margin-bottom: 20px;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
    margin-bottom: 26px;
}

/* ================== entry-content lists ======================
 lists are also styled to wrap around floated images 

NOTE: remove ol and ul from protection styles */

.entry-content ol,
.entry-content ul {
    margin-left: 2%;/* change to 0 at 500 */
/*may require padding:0; as well */
}
.entry-content ol li, .entry-content ul li {
 /* left may have to be equal to padding right to keep content—especially links—from running uout of the container */
  left: 2%;
  padding-right: 2%;
  position: relative;
}
.entry-content ol li li,
.entry-content ul li li         {
    margin-left: 40px;
}
.entry-content ul li, .sidebar ul li, .entry-content ol li, .sidebar ol li {
  line-height: 1.5; /* make this about .1 or .2 less than the global line-height */
  margin-bottom: 0.9rem;
}
.entry-content ol ol, .entry-content ul ul, .entry-content ul ol, .entry-content ol ul {
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: -2%;
}
.entry-content ol > li {
    list-style-type: decimal;
}
.entry-content ul > li {
    list-style-type: disc;
}

/* -- gallery li corrections --*/
.entry-content ul.blocks-gallery-grid, .entry-content ol.blocks-gallery-grid {
    margin-left: 0;
}
.entry-content ul li.blocks-gallery-item, .entry-content ol li.blocks-gallery-item {
    left: 0;
    padding-right: 0;
}

/* ==================/ entry-content lists ======================*/
.content .entry-header .entry-meta {
    clear: both;
    color: #535556;
    font-size: 12px;
    line-height: 2;
    margin: 0 0 25px 0px;
    overflow: hidden;
    padding-left: 0px;
    text-transform: uppercase;
    border-top: 1px solid #ccc;
}

.content > article:first-child .entry-header .entry-meta{
    border-top: none !important;
}

.content .entry-header .entry-meta a {
    font-weight: 700;
}

.content .entry-header .entry-meta .entry-comments-link {
    float: right;
    font-size: 11px;
    padding: 0 10px;
    text-transform: uppercase;
    width:  200px;
    text-align: center;
}

.content .entry-header .entry-meta .entry-comments-link a {
    color: #fdfdfd;
    padding-left: 10px;
}

.entry-footer .entry-tags {
    margin-left: 4px;
    padding-left: 10px;
}


/* After Entry
--------------------------------------------- */

.after-entry {
    background-color: #f5f5f5;
    margin-bottom: 30px;
    padding: 30px;
    text-align: center;
}

.after-entry .widget {
    margin-bottom: 30px;
}

.entry-footer .entry-meta {
    font-size: 14px;
    margin: 0;
    padding-top: 5px;
}

.after-entry .widget:last-child,
.after-entry p:last-child {
    margin: 0;
}

.after-entry li {
    list-style-type: none;
}

/* Pagination
--------------------------------------------- */

.archive-pagination {
    font-size: 16px;
    padding: 30px 0;
}

.archive-pagination li {
    display: inline;
}

.archive-pagination li a {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 4px;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
    text-decoration: none;
}

/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
    font-size: 16px;
    margin-bottom: 40px;
    overflow: hidden;
}

.entry-comments .comment-author {
    font-weight: 700;
    margin: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%
}

.comment-respond label {
    display: block;
    margin-right: 12px;
}

.comment-list li,
.ping-list li {
    list-style-type: none;
    margin: 30px;
    overflow: hidden;
}

.comment-list li.depth-1,
.ping-list li.depth-1 {
    margin: 30px 0;
}

.comment-list li li {
    margin-right: -1px;
}

.comment {
    border-right: none;
}

.comment-header,
.ping-list .comment-meta {
    background-color: #eee;
    color: #8192b3;
    float: left;
    font-weight: 700;
    padding: 30px;
    width: 100%;
}

.comment-list cite,
.ping-list cite,
.says {
    display: inline-block;
}

.comment-header .comment-meta a,
.comment-metadata a {
    font-size: 12px;
    font-weight: 300;
    color: #8192b3;
}

.comment-content {
    clear: both;
    padding: 48px;
}

.comment-content p,
.comment-header p.comment-meta {
    margin: 0;
}

.comment .avatar {
    margin-right: 10px;
}

.alt,
.even {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}

.comment-reply {
    font-size: 16px;
    padding: 0 48px 48px;
}

.entry-pings .reply {
    display: none;
}

.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px;
}

/* Widgets
------------------------------------------------------ */

.widget {
    word-wrap: break-word;
}

.widget li {
    list-style-type: none;
    margin-bottom: 6px;
    margin-top: 6px;
    text-align: left;
}

.widget ol > li {
    background-image: none;
    list-style-position: inside;
    list-style-type: decimal;
    padding-left: 20px;
    text-indent: -20px;
}

.widget ul > li {
    text-indent: 0;
}

.widget ul > li {
    list-style-position: outside;
    padding: 0 0 0 16px;
}

.widget ol > li:last-child,
.widget ul > li:last-child {
    margin-bottom: 0;
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar td,
.widget_calendar th {
    text-align: center;
}

.widget_calendar caption {
    font-size: 12px;
    font-style: italic;
    padding: 2px 6px 0 0;
    text-align: right;
}

/* Sidebars
---------------------------------- */

.sidebar {
    display: inline;
    font-size: 16px;
}

.sidebar p {
    margin-bottom: 16px;
}

.sidebar p:last-child,
.sidebar ul {
    margin-bottom: 0;
}

.sidebar li,
.sidebar .more-from-category a {
    background: url(images/icon-li.png) no-repeat 0 7px;
    background-size: 8px 8px;
    margin-bottom: 6px;
    padding: 0 0 6px 16px;
}

.sidebar .more-from-category {
    padding-top: 6px;
}

.sidebar .widget {
    margin-bottom: 0;
    padding:45px;
    word-wrap: break-word;
}

.sidebar .widget:last-child {
    margin-bottom: 0 !important;
}

.sidebar .search-form {
    width: 100%;
}

/*
Footer Widgets
-------------------------------------- */

.footer-widgets {
    clear: both;
    font-size: 16px;
}

.footer-widgets .wrap {
    overflow: hidden;
    padding: 60px 30px 30px;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
    padding: 0 2.8%;
    width: 33.33333333%;
}

.footer-widgets-1,
.footer-widgets-2 {
    float: left;
}

.footer-widgets-3 {
    float: right;
}

.footer-widgets-1 .textwidget{
    text-align: center;
}

.footer-widgets .widget {
    margin-bottom: 30px;
    word-wrap: break-word;
}

.footer-widgets li {
    background: url(images/icon-li-footer.png) no-repeat 0 7px;
    background-size: 8px 8px;
}

.footer-widgets .search-form {
    width: 100%;
}

/*
Site Footer
----------------------------------------- */

.site-footer {
    color: #fdfdfd;
    font-size: 12px;
    padding: 20px 0;
    text-align: center;
}

.site-footer a {
    color: #8192b3;
}

.site-footer p {
    margin: 0;
}


/* Theme Colors
--------------------------- */

/*********** GRAY (Default Styles) ***********/

a,
.entry-title a:hover,
.footer-widgets .entry-title a:hover{
    color: #3d4d6d; 
}

a:hover{
    color: #b00010; 
}

.genesis-nav-menu a {
    color: #8192b3;
}

.genesis-nav-menu .current-menu-item > a {
    color: #b00010;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a:hover{
    color: #3d4d6d;
}

.enews-widget input[type="submit"],
.content .entry-header .entry-meta .entry-comments-link,
.archive-pagination li a,
 a.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
 a.wp-block-button__link {
    background-color: #b00010;
    color: #fdfdfd;
}

.archive-pagination li a:hover,
.archive-pagination li.active a,
a:hover.button,
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
 a.wp-block-button__link:hover
{
    background-color: #585151;  
    color: #fdfdfd;
}

.top {
    background:#3d4d6d url('images/bg-placeholder-home-01.jpg') center center no-repeat;
    background-size: cover;
    width: 100%;
    padding: 30px 0px 0px 0px;
    margin: 0;
    color: #fdfdfd;
}

.top h1,
.top h2,
.top h3,
.top h4,
.top h5,
.top h6{
    color: #fdfdfd;
    font-weight: 300;
}

.home-cta {
    background-color: #cfd9ec;
    color: #fdfdfd;
    float: left;
    padding: 0px 0px;
    width: 100%
}

.home-headline {
    background-color: #3d4d6d;
    width: 100%;
    float: left;
    clear: both;
}

.home-image .green,
.home-image .orange {
    display: none;
}

.home-cta .optin{
    color:#8192b3;  // darker blue-gray
}

.bottom {
    /*background: #efeff1 url(images/bg-bottom-photo.png) center center no-repeat;
    background-size: cover;*/
    width: 100%;
    margin: 0px;
    padding: 40px 0px;
    clear: both;
}

.home-testimonial {
    /*background: #b00010;*/
    width:100%;
    margin: 0 auto 0;
    padding: 40px;
    clear: both;
    max-width: 660px;
}

.home-testimonial h1,
.home-testimonial h2,
.home-testimonial h3,
.home-testimonial h4,
.home-testimonial h5,
.home-testimonial h6,
.home-testimonial p{
    color: #fdfdfd;
}

.site-footer {
    background: #7685a0;
}

.footer-widgets {
    background-color: #3d4d6d;
    clear: both;
    font-size: 16px;
}

.footer-widgets .widget-title,
.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6,
.footer-widgets p,
.footer-widgets {
    color:#fdfdfd;
}

.home-headline h1 {
    color: #fdfdfd;
}

.content {
    background: #fdfdfd;
}

.site-inner {
    background: none;
}

.site-header {
    border-bottom: 5px solid #3d4d6d;
}

.hello-pro-home .site-header {
    border-bottom: none;
}

.sidebar-primary {
  background: #efeff1 none repeat scroll 0 0;
}

.sidebar-primary .widget {
    border-bottom: 1px solid #bbbdbe;
}
.sidebar-primary .widget:last-child {
        border-bottom: none;
} 

.sidebar-primary .widget p.color {
    color:#3d4d6d;
    color: #fdfdfd;
}

/*.sidebar-primary .widget input[type="submit"], 
.sidebar-primary .widget .button {
    background-color:#3d4d6d;
}

.sidebar-primary .widget input[type="submit"]:hover, 
.sidebar-primary .widget .button:hover {
    background-color:#b00010;
}*/

.content-sidebar-wrap .content .entry-content img, .avatar {
    border: 1px solid rgba(68, 69, 70, 0.1);
    padding: 3px;
}

.footer-widgets a,
.site-footer a{
    color: #fdfdfd;
}

.footer-widgets a:hover,
.site-footer a:hover{
    color: #b00010;
}

/* -------------------- delos social media background color for transparent ----------------*/
.hello-pro-green #delos-social-media.transparent a:hover { background-color: #b00010;}
/* -------------------- / delos social media background color for transparent ----------------*/

/* ====================== About the relationship between theme colors in the Customizer and these style names ==========
	THEME COLOR = style name
	DEFAULT = default (above)
	DEFAULT DARK = hello-pro-green
	PURPLE = hello-pro orange
	GREEN = hello-pro-purple
	*/

/*********** GREEN **********
 DEFAULT DARK aka hello-pro-green */


.home.hello-pro-green .top {
    background:#fdfdfd url('images/bg-placeholder-home-02.jpg') center center no-repeat;
    background-size: cover;
    width: 100%;
    padding: 30px 0px 0px 0px;
    margin: 0;
    color: #fdfdfd;
}
.hello-pro-green .home-cta {
    background-color: #3d4d6d;
    float: left;
    padding: 0px 0px;
    width: 100%
}
.hello-pro-green .home-cta a {
  color: #fdfdfd;
}

.hello-pro-green .home-cta a:hover {
  color: #b00010;
}
.hello-pro-green .home-headline {
  background-color: #b00010;
}
.hello-pro-green .home-headline .button {
  background-color: #3d4d6d;
}
.hello-pro-green .home-headline .button:hover {
  background-color: #7685a0;
}
.hello-pro-green .highlight-paragraph {
   /* the rgb value of the Base Dark color */
background: rgba(61, 77, 109, .5);
}

.hello-pro-green .sidebar-primary {
  background: #f1f2f3 none repeat scroll 0 0;
}


/*********** ORANGE **********
	hello-pro-orange aka PURPLE */

.hello-pro-orange .site-title a{
    color:#8192b3;
}

.hello-pro-orange .site-title a:hover{
    color:#e4b66d;
}

.hello-pro-orange a,
.hello-pro-orange .entry-title a:hover,
.hello-pro-orange .footer-widgets .entry-title a:hover{
    color: #8192b3;
}

.hello-pro-orange .genesis-nav-menu a {
    color: #8192b3;
}

.hello-pro-orange a:hover,
.hello-pro-orange .genesis-nav-menu .current-menu-item > a:hover,
.hello-pro-orange .genesis-nav-menu .current-menu-item > a  {
    color: #e4b66d;
}

.hello-pro-orange .top h1,
.hello-pro-orange .top h2,
.hello-pro-orange .top h3,
.hello-pro-orange .top h4,
.hello-pro-orange .top h5,
.hello-pro-orange .top h6,
.hello-pro-orange .top p,
.hello-pro-orange .top{
    color: #fdfdfd;
}

.hello-pro-orange .enews-widget input[type="submit"],
.hello-pro-orange .content .entry-header .entry-meta .entry-comments-link,
.hello-pro-orange .archive-pagination li a,
.hello-pro-orange a.button,
.hello-pro-orange button,
.hello-pro-orange input[type="button"],
.hello-pro-orange input[type="reset"],
.hello-pro-orange input[type="submit"],
a.wp-block-button__link {
    background-color: #f8be62; 
    color: #47484a;
}

.hello-pro-orange .archive-pagination li a:hover,
.hello-pro-orange .archive-pagination li.active a,
.hello-pro-orange a:hover.button,
.hello-pro-orange button:hover,
.hello-pro-orange input:hover[type="button"],
.hello-pro-orange input:hover[type="reset"],
.hello-pro-orange input:hover[type="submit"]{
    background-color: #585151;
    color: #fdfdfd;
}
.hello-pro-orange .highlight {
  background-color: #424874;
  color: #fdfdfd;
}
.hello-pro-orange .home-welcome i.logo-brandid:before{
    color:#8192b3;
}

.hello-pro-orange .top {
	
	background: url(images/bg-gray-header-diamonds-right.jpg) center center;
    /*background: url(images/bg-placeholder-home-03.jpg) center center; bed photo */
        background-size: cover;
    width: 100%;
    padding: 30px 0px 0px 0px;
    margin: 0;
}

.hello-pro-orange .home-cta {
    background-color: cfd9ec;
    float: left;
    padding: 0px 0px;
    width: 100%
}

.hello-pro-orange .home-cta h1,
.hello-pro-orange .home-cta h2,
.hello-pro-orange .home-cta h3,
.hello-pro-orange .home-cta h4,
.hello-pro-orange .home-cta h5,
.hello-pro-orange .home-cta h6,
.hello-pro-orange .home-cta p,
.hello-pro-orange .home-cta{
    color: #fdfdfd;
}


.hello-pro-orange .home-headline {
    background-color: #8192b3;
    width: 100%;
    float: left;
    clear: both;
}

.hello-pro-orange .home-headline h1,
.hello-pro-orange .home-headline h2,
.hello-pro-orange .home-headline h3,
.hello-pro-orange .home-headline h4,
.hello-pro-orange .home-headline h5,
.hello-pro-orange .home-headline h6,
.hello-pro-orange .home-headline p,
.hello-pro-orange .home-headline{
    color: #fdfdfd;
}


.hello-pro-orange .home-testimonial {
    max-width:700px;
    margin: 0 auto;
    padding: 40px;
    clear: both;
}

.hello-pro-orange .home-testimonial h4 {
    color: #fdfdfd;
}

.hello-pro-orange .site-header {
    background: #fdfdfd;
    margin: 0 auto;
    min-height: 100px;
    width: 100%;
    border-bottom: 5px solid #8192b3;
}

.home.hello-pro-orange .site-header{
    border-bottom: none;
}


.hello-pro-orange .sidebar-primary .widget .widget-title {
  background-color: #424874;
  color: #fdfdfd;
  margin-left: -55px;
  padding-left: 30px;
}

.hello-pro-orange .sidebar-primary .widget p.color{
    color:#f17817;
}

.hello-pro-orange .site-footer {
    background:#cfd9ec;
    color: #8192b3;
}

.hello-pro-orange .footer-widgets {
    background-color: #8192b3;
    color: #fdfdfd;
    clear: both;
    font-size: 16px;
}

/* This style uses the rgb value of the Base Dark color of this theme.
Connie's background has been returned to the pattern. Therefore I had to remove the box around the .top paragraph 
.hello-pro-orange .highlight-paragraph {
background: rgba(129, 146, 179, .8);
} */
.hello-pro-orange .highlight-paragraph {
  background: none;
  box-shadow:none;
  margin-bottom: 26px;
  padding: 20px;
  text-shadow: none;
}

/* -------------------- delos social media background color for transparent ----------------*/
.hello-pro-orange #delos-social-media.transparent a:hover { background-color: #e4b66d;}
/* -------------------- / delos social media background color for transparent ----------------*/
.hello-pro-orange .sidebar-primary {
  background: #f1f2f3 none repeat scroll 0 0;
}

/*********** PURPLE **********
	hello-pro-purple aka GREEN*/

.hello-pro-purple .site-title a{
    color:#7fa2a3;
}
.hello-pro-purple h1 {
  color: #5d576b;
}

.hello-pro-purple .site-title a:hover{
    color:#21436e;
}

.hello-pro-purple .entry-title a:hover,
.hello-pro-purple .footer-widgets .entry-title a:hover {
    color:#7fa2a3;
}
.hello-pro-purple a {
    color:#21436e;
}

.hello-pro-purple .genesis-nav-menu a {
    color: #7fa2a3;
}

.hello-pro-purple a:hover,
.hello-pro-purple .genesis-nav-menu .current-menu-item > a:hover,
.hello-pro-purple .genesis-nav-menu .current-menu-item > a {
    color: #21436e;
}


.hello-pro-purple .enews-widget input[type="submit"],
.hello-pro-purple .content .entry-header .entry-meta .entry-comments-link,
.hello-pro-purple .archive-pagination li a,
.hello-pro-purple a.button,
.hello-pro-purple button,
.hello-pro-purple input[type="button"],
.hello-pro-purple input[type="reset"],
.hello-pro-purple input[type="submit"],
.hello-pro-purple a.wp-block-button__link {
    background-color: #e56612;
    color: #fdfdfd;
}

.hello-pro-purple .archive-pagination li a:hover,
.hello-pro-purple .archive-pagination li.active a,
.hello-pro-purple a:hover.button,
.hello-pro-purple button:hover,
.hello-pro-purple input:hover[type="button"],
.hello-pro-purple input:hover[type="reset"],
.hello-pro-purple input:hover[type="submit"]{
    background-color: #5d576b;
    color: #fdfdfd;
}

.hello-pro-purple .highlight {
    background-color: #5d576b;
}

.hello-pro-purple .home-welcome i.logo-brandid:before{
    color:#fdfdfd;
}

.hello-pro-purple .top {
    background:#fdfdfd url('images/bg-placeholder-home-04.jpg') center center no-repeat;
    background-size: cover;
    width: 100%;
    padding: 30px 0px 0px 0px;
    margin: 0;
    color: #fdfdfd;
}

.hello-pro-purple .top h1 {
    color: #fdfdfd;
}

.hello-pro-purple .home-cta {
    background: #aec6c7;
    float: left;
    padding: 0px 0px;
    width: 100%
}

.hello-pro-purple .home-cta h1,
.hello-pro-purple .home-cta h2,
.hello-pro-purple .home-cta h3,
.hello-pro-purple .home-cta h4,
.hello-pro-purple .home-cta h5,
.hello-pro-purple .home-cta h6,
.hello-pro-purple .home-cta p,
.hello-pro-purple .home-cta{
    color: #fdfdfd;
}

.hello-pro-purple .home-headline {
    background-color: #7fa2a3;
    width: 100%;
    float: left;
    clear: both;
}

.hello-pro-purple .home-image .green,
.hello-pro-purple .home-image .orange {
    display: none;
}

.hello-pro-purple .home-testimonial {
    max-width:700px;
    margin: 0 auto;
    padding: 40px;
    clear: both;
}

.hello-pro-purple .home-testimonial h4 {
    color: #fdfdfd;
}

.hello-pro-purple .site-footer {
    background:#aec6c7;
    color: #444;
}

.hello-pro-purple .footer-widgets {
    background-color: #7fa2a3;
    color: #fdfdfd;
    clear: both;
    font-size: 16px;
}

.hello-pro-purple .site-footer a,
.hello-pro-purple .footer-widgets a{
    color:#fdfdfd;
}

.hello-pro-purple .site-footer a:hover,
.hello-pro-purple .footer-widgets a:hover{
    color: #7fa2a3;
}

.hello-pro-purple .home-headline h1 {
    color: #fdfdfd;
}

.hello-pro-purple .content {
    background: #fdfdfd;
}

.hello-pro-purple .site-inner {
    background: none;
}

.hello-pro-purple .site-header {
    background: #fdfdfd;
    margin: 0 auto;
    min-height: 100px;
    width: 100%;
    border-bottom: 5px solid #7fa2a3;
}

.home.hello-pro-purple .site-header{
    border-bottom: none;
}


.hello-pro-purple .sidebar-primary .widget{
}

.hello-pro-purple .sidebar-primary .widget .widget-title {
  background-color: #5d576b;
  color: #fdfdfd;
  margin-left: -55px;
  padding-left: 30px;
}

.hello-pro-purple .sidebar-primary .widget p.color{
    color:#940592;
}

.hello-pro-purple .highlight-paragraph {
   /* the rgb value of the Base Dark color */
background: rgba(127, 162, 162, .6);
}

/* -------------------- delos social media background color for transparent ----------------*/
.hello-pro-purple #delos-social-media.transparent a { background-color: #aec6c7;}
.hello-pro-purple #delos-social-media.transparent a:hover { background-color: transparent;}
/* -------------------- / delos social media background color for transparent ----------------*/
.hello-pro-purple .sidebar-primary {
  background: #f1f2f3 none repeat scroll 0 0;
}

/*
Sticky Nav
------------------------------------------------------------------------------- */

.site-header.sticky {
    z-index:1;
    min-height: 66px;
    position: fixed;
    top: -300px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.sticky{
    transition: top .35s ease .1s;
}

.site-header.active{
    top: 0px;
}

.site-header.admin-loggedin.active{
    top:32px;
}

.site-header.sticky .site-title .site-title-name {
    font-size: 34px;
}

.site-header.sticky .site-title .tagline{
    display: none;
}

.site-header.sticky .genesis-nav-menu a{
    padding: 20px 18px;
}

.site-header.sticky .genesis-nav-menu > li:hover,
.site-header.sticky .genesis-nav-menu > li > a:hover {
     background-color: transparent; 
}
/* -------------------- delos social media background color for transparent ----------------*/
#delos-social-media.transparent a:hover { background-color: #b00010;}
/* -------------------- / delos social media background color for transparent ----------------*/

/* from digital pro */
hr, hr.wp-block-separator {
        border: 0;
        border-collapse: collapse;
        border-bottom: 1px solid #ddd;
        clear: left;
        margin: 0 0 40px;
        padding-top: 20px;
        /* narrow and center */
        width: 60%;
        margin-left: 20%;
}

.gform_confirmation_message {
	margin-bottom: 26px;
	margin-bottom: 2.6rem;
	padding: 10px;
	padding: 1rem;
	border:1px solid #efeff1;
}
/* turn off bullets on sidebar form */
.sidebar .gform_wrapper form li, .sidebar .gform_wrapper li {
  list-style: outside none none !important;
  margin-left: 0 !important;
  overflow: visible;
  background: none;
  padding-left: 0;
}

/* IDX showcase box cnanges */
.IDX-showcaseContainer {
  background: #efeff1 !important;
}
.IDX-showcaseAddress.IDX-showcaseAddressElement {
	margin-top: 15px !important;
}
.IDX-showcaseContainer {
  border: 1px solid #cfd1d2 !important;
  box-shadow: 1px 1px 1px rgba(22, 22, 22, 0.2) !important;
}
.home-portfolio img {
  border: none !important;
}

 /* ========= gutenberg styles - alignwide and alignfull=============*/
/* Alignwide
        To alignwide for the default size in older themes, nest the styles in the appropriate                            body container class, then adjust the width
        ====== else do not nest ======= */
.content-sidebar .entry-content .alignwide, .content-sidebar .entry-content .alignfull {
    margin-left: calc( -800px / 2 + 100% / 2 );
    margin-right: calc( -800px / 2 + 100% / 2 );
    max-width: 800px;
}
/* Alignfull
        To alignfull for the default size in older themes, nest the styles in the appropriate                            body container class, then adjust the width
        ====== else do not nest ======= */
.full-width-content .entry-content .alignfull { 
margin-left : calc( -100vw / 2 + 100% / 2 ); 
margin-right : calc( -100vw / 2 + 100% / 2 ); 
max-width : 100vw; 
}
/* numeric-based calc for alignwide. 
        === This must revert to the 100vw calc of alignfull at media ===
   add alignfull here to override it on older themes
         adjust the width number for each theme or site */
.full-width-content .entry-content .alignwide, .full-width-content .entry-content .alignfull { 
margin-left: calc( -1140px / 2 + 100% / 2 );
margin-right: calc( -1140px / 2 + 100% / 2 );
max-width: 1140px;
}
/* ============ / alignwide and alignfull =====*/
/*
Media Queries
------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

    .search-form input[type="search"] {
        background-image: url(images/icon-search@2x.png);
    }

    .content .entry-header .entry-meta .entry-comments-link a {
        background-image: url(images/icon-comments@2x.png)
    }

    .sidebar li {
        background-image: url(images/icon-li@2x.png);
    }

    .footer-widgets li {
        background-image: url(images/icon-li-footer@2x.png);
    }

    .content #genesis-responsive-slider .flex-direction-nav li a {
        background-image: url(images/icon-direction-nav@2x.png);
    }

    .content #genesis-responsive-slider .flex-control-nav li a {
        background-image: url(images/icon-control-nav@2x.png);
    }

    .genesis-nav-menu > .rss > a {
        background-image: url(images/icon-rss@2x.png);
    }

    .genesis-nav-menu > .twitter > a {
        background-image: url(images/icon-twitter-nav@2x.png);
    }

} /* / media 1.5 */

@media only screen and (max-width: 1200px) {
    
    .site-header.sticky .genesis-nav-menu a{
        padding: 20px 12px;
    }
	
	.site-inner,
    .wrap{
        max-width: 960px;
    }
    
    .hello-pro-home .site-inner{
        max-width: 100%;
    }

    .site-header .widget-area {
        width: 700px;
    }

    .content {
        width: 660px;
    }

    .sidebar-primary {
        width: 300px;
    }

    .title-area {
        width: 260px;
    }

    .breadcrumb {
        /*margin: -30px -40px 30px;*/
        margin: -30px -20px 0;
    }

    .content {
        padding: 30px 40px 10px;
    }

    .site-header .genesis-nav-menu a {
        padding: 38px 12px 40px;
    }

    .content #genesis-responsive-slider .flex-control-nav,
    .content #genesis-responsive-slider .flex-direction-nav li a,
    .content #genesis-responsive-slider .flex-direction-nav li a.prev {
        display: none;
    }
.content-sidebar .entry-content .alignwide, .content-sidebar .entry-content .alignfull {
    margin-left: calc( -660px / 2 + 100% / 2 );
    max-width: 660px;
}
.full-width-content .entry-content .alignwide, .full-width-content .entry-content .alignfull { 
margin-left: calc( -960px / 2 + 100% / 2 );
margin-right: calc( -960px / 2 + 100% / 2 );
max-width: 960px;
}
} /* / media 1200 */

@media only screen and (max-width: 1023px) {

    .site-inner,
    .wrap {
        max-width: 768px;
    }
    
    .hello-pro-home .site-inner{
        max-width: 100%;
    }

    .content,
    .sidebar-primary,
    .sidebar-secondary,
    .site-header .widget-area,
    .title-area,
    .wrap {
        width: 100%;
    }
    
    .header-image .title-area,
    .header-image .site-title,
    .header-image .site-title a {
        float: none;
        margin: 0 auto;
    }
    
    .title-area p {
    display: block;
    text-align: center;
    margin: 0 auto 0;
    width: 70%;
    }
    
    .genesis-nav-menu li,
    .site-header ul.genesis-nav-menu,
    .site-header .search-form {
        float: none;
    }

    .genesis-nav-menu,
    .site-header .search-form,
    .site-header hgroup,
    .site-title {
        text-align: center;
    }

    .genesis-nav-menu a,
    .genesis-nav-menu > .first > a,
    .genesis-nav-menu > .last > a,
    .site-header .genesis-nav-menu a {
        padding: 16px;
    }

    .site-header .search-form {
        margin: 16px auto ;
    }

    .genesis-nav-menu li.right {
        display: none;
    }

    .content #genesis-responsive-slider .slide-excerpt {
        display: none;
    }
    
    .top .home-welcome,
    .top .home-image{
        height:450px;
    }
    
    .home-welcome {
        padding-bottom: 40px;
    }
    
    .home-welcome h1 {
        font-size: 38px;
    }
    
    .home-image .textwidget img{
        position: absolute;
        bottom: 0;
        right: 0;
    }
    
    .hello-pro-home .home-headline .widget{
        padding-left:30px;
        padding-right:30px;
    }

    .comment-list li.depth-1,
    .ping-list li.depth-1 {
        margin: 30px 0;
    }
    
    .site-header.sticky .genesis-nav-menu a{
        padding: 16px;
    }
.content-sidebar .entry-content .alignwide, .content-sidebar .entry-content .alignfull {
    margin-left: calc( -768px / 2 + 100% / 2 );
    margin-right: calc( -768px / 2 + 100% / 2 );
    max-width: 768px;
}
.full-width-content .entry-content .alignwide, .full-width-content .entry-content .alignfull { 
margin-left: calc( -768px / 2 + 100% / 2 );
margin-right: calc( -768px / 2 + 100% / 2 );
max-width: 768px;
}
} /* / media 1023 */

@media only screen and (max-width: 800px) {

    
    .site-inner,
    .wrap {
        max-width: 630px;
    }
    
    .hello-pro-home .site-inner{
        max-width: 100%;
    }
    

    .five-sixths,
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .four-sixths,
    .home-middle .widget,
    .home-top .widget,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .hello-pro-portfolio .portfolio,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        margin: 0;
        width: 100%;
    }

    .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
    .genesis-nav-menu.responsive-menu {
        display: none;
    }

    .genesis-nav-menu.responsive-menu .menu-item,
    .responsive-menu-icon {
        display: block;
    }

    .genesis-nav-menu.responsive-menu .menu-item:hover {
        position: static;
    }

    .genesis-nav-menu.responsive-menu li a,
    .genesis-nav-menu.responsive-menu li a:hover {
        border: none;
        display: block;
        line-height: 1;
        padding: 16px;
        text-transform: none;
    }

    .genesis-nav-menu.responsive-menu .menu-item-has-children {
        cursor: pointer;
    }

    .genesis-nav-menu.responsive-menu .menu-item-has-children > a {
        margin-right: 60px;
    }

    .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
        content: "\f140";
        float: right;
        font: normal 20px/1 'dashicons';
        height: 20px;
        padding: 12px 20px;
        right: 0;
        text-align: right;
        z-index: 5355569;
    }

    .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
        content: "\f142";
    }

    .genesis-nav-menu.responsive-menu .sub-menu {
        background-color: #f7f7f7;
        border: none;
        left: auto;
        opacity: 1;
        padding-left: 20px;
        position: relative;
        width: 100%;
        z-index: 99;
    }

    .genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
        margin: 0;
    }

    .genesis-nav-menu.responsive-menu .sub-menu li a,
    .genesis-nav-menu.responsive-menu .sub-menu li a:hover {
        padding: 12px 16px;
        position: relative;
        text-transform: none;
        width: 100%;
    }

    .genesis-nav-menu.responsive-menu .current-menu-item > a,
    .genesis-nav-menu.responsive-menu .sub-menu a {
        background: none;
        color: #666;
    }

    .genesis-nav-menu.responsive-menu .sub-menu a:hover,
    .genesis-nav-menu.responsive-menu a:hover,
    .genesis-nav-menu.responsive-menu li:hover {
        background: none;
        color: #111;
    }

    .home-middle,
    .home-top,
    .hello-pro-portfolio .portfolio {
        text-align: center;
    }
    
    .home-welcome {
        width: 50%;
        padding-left: 20px;
    }

    .hello-pro-portfolio .portfolio {
        padding: 0 0 30px;
    }

    .home-cta .button.alignright {
        float: none;
        margin: 16px 0 0;
    }

    .footer-widgets-1 {
        margin: 0;
    }

    .nav-secondary .genesis-nav-menu > .first > a,
    .nav-secondary .genesis-nav-menu > .last > a,
    .nav-secondary .genesis-nav-menu a {
        font-size: 12px;
        padding: 12px;
    }
    input, select, textarea {
  width: 100%;
}
#social-media-list li {
  float: none;
}
/* overwrite the alignwide widths on BOTH a CONTENT-SIDEBAR and FULL-WIDTH-CONTENT theme */
.content-sidebar .entry-content .alignwide, .content-sidebar .entry-content .alignfull,
.full-width-content .entry-content .alignwide, .full-width-content .entry-content .alignfull { 
margin-left : calc( -630px / 2 + 100% / 2 ); 
margin-right : calc( -630px / 2 + 100% / 2 ); 
max-width : 630px; 
}
.full-width-content .entry-content .alignwide, .full-width-content .entry-content .alignfull { 
margin-left: calc( -100% / 2 + 100% / 2 );
margin-right: calc( -100% / 2 + 100% / 2 );
max-width: 100%;
}
} /* 
} /* / media 800 */

@media only screen and (max-width:768px){
    
    .site-inner,
    .wrap{
        width:90%;
    }
   
    .top .home-welcome,
    .top .home-image{
        width: 100%;
        float:none;
        text-align:center;
    }
    
    .top .home-welcome{
        padding: 0 30px 50px 30px;
    }
    
    .home-image .textwidget img{
        position: relative;
    }
    
    .hello-pro-home .home-cta .optin,
    .hello-pro-home .home-cta #mc_embed_signup{
        display:block;
        margin-right: 0%;
        width: 100%;
        float: none;
        text-align: center;
    }
    
    .hello-pro-home .home-cta #mc_embed_signup_scroll {
        width: 90%;
        display: inline-block;
    }
    
    .hello-pro-home .home-cta input[type="submit"] {
        width: 33%;
    }
    
    .home-features.widget-area .widget{
        width:100%;
        float: none;
        margin-bottom: 30px;
    }
    
    .home-features.widget-area .widget:last-child{
        margin-bottom: 0px;
    }
    
    .home-features.widget-area .textwidget{
        text-align: center;
    }
    
    .home .home-welcome .highlight{
        display:block;
        text-align:center;
    }
    
    .home-portfolio .widget {
        /*width: 50%;*/
    }
    
    .home-portfolio .widget:nth-of-type(3n+1) {
        clear: none;
    }
    
    .footer-widgets .widget .textwidget {
        text-align: center;
    }

/* resize the IDX showcase  */
.IDX-showcaseRow
.home-portfolio .widget, .IDX-showcaseCell {
  height: auto !important;
  margin: 0 0 3px !important;
  min-width: 100% !important;
}
/* realign delos-social-media */
#delos-social-media {
  display:inline-block;
}
/*remove home welcome highlight paragraph box radius and shadow. Expand width */
.top .wrap {
	width: 100%
}
.home-welcome h1, .highlight {
	padding-left: 20px;
	padding-right: 20px;
}
.highlight-paragraph {
  -moz-border-radius: 0;
  border-radius:0;
  box-shadow: none;
  }
    
} /* / media 768 */

@media only screen and (max-width:720px){
.content-sidebar .entry-content .alignwide, .content-sidebar .entry-content .alignfull { 
margin-left : calc( -100% / 2 + 100% / 2 ); 
margin-right : calc( -100% / 2 + 100% / 2 ); 
max-width : 100%; 
}
} /* / media 720 */


@media only screen and (max-width: 500px) {
    
    .entry-title {
        font-size: 24px;
    }

    .content .entry-header .entry-meta .entry-comments-link {
        display: none;
    }
.content {
  padding: 30px 10px 10px;
}
.breadcrumb {
  margin: -30px -20px 0;
}
/* name_first, name_last name in form -----------------------------------------------*/ 
div.ginput_container_name span {  padding-right: 0 !important;} 
.name_first, .name_last { width: 100% !important;}

.top .home-welcome {
  padding: 0 0 50px;
}
.entry-content a.alignleft img, .entry-content img.alignleft, .entry-content .wp-caption.alignleft,
.entry-content a.alignright img, .entry-content img.alignright, .entry-content .wp-caption.alignright {
  display: block;
  float: none;
  margin: 0 auto 15px;
}
/* ========Center image and captions at phone width Block Editor version
formerly called < 480 ======== */
.wp-block-image figure.alignleft, .wp-block-image figure.alignright {
  display: table !important;
  float: none !important;
  margin: 0 auto .5em !important;
}
/* removes the margin the block adds */
.wp-block-image figcaption {
    margin-bottom: 0 !important;
}
/* ===/ center image ===*/
} /* / media 500 */

@media only screen and (max-width:480px){
    
    .hello-pro-home .home-cta .mc-field-group,
    .hello-pro-home .home-cta input[type="submit"]{
        width: 100%;
        display: block;
        float: none;
        padding-right: 0;
    }
    
    .hello-pro-home .home-cta .mc-field-group{
        margin-bottom: 10px;
    }
    
    .home-portfolio .widget {
        width: 100%;
    }
    
  .site-header.sticky {
  	display:none;
  }
    
} /* / media 480 */

@media only screen and (max-width: 270px) {

    .header-image .site-title a {
        background-size: contain !important;
    }

    .site-title {
        font-size: 26px;
    }

} /* / media 270 */