/* DEFAULTS */

body{
    font-family: 'Avenir Next', Avenir, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6{
    color: #666666;
    font-family: 'Avenir Next', Avenir, helvetica, sans-serif;
}

h4{
    color: #222222;
    font-weight: bold;
}

h6 {
    text-transform: uppercase;
}

/* NAVIGATION */
.menu > li > a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1;
    white-space: nowrap;
}
.top-bar, .top-bar ul{
    background-color: #fff;
}

.menu a{
    color: #666;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
}

.menu-text img{
    max-width: 170px;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a{
	border: 1px solid transparent;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:hover{
    border: #ededed 1px solid;
}

.dropdown.menu>li.is-dropdown-submenu-parent.active>a:hover {
	border: #e53c2e 1px solid;
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu{
	border: none;
	background: #efefef;
	-webkit-box-shadow: 1px 2px 2px 0px #999;
	box-shadow: 1px 2px 2px 0px #999;
	top: 69%;
}

#shiftnav-toggle-main a{
	color: #1D1D20 !important;
}

#shiftnav-toggle-main a:before {
    content: "";
    background-image: url(https://parlo.io/wp-content/uploads/2016/10/parlo-logo-white.png);
    padding-right: 150px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
}

#shiftnav-toggle-main .shiftnav-main-toggle-content{
	padding: 8px 10px !important;
	text-align: left;
}

/* FOOTER */
.footer-center{
	padding-top:15px;	
}
.socialicons{
	letter-spacing: 21px;
	font-size: 40px;
	padding-top: 8px;
}

footer {
    border-top: 1px solid #dddddd;
    padding: 60px 0;
}

footer a{
    color: #666666;
}

footer h6 small{
    color: #666;
}

/* FOUNDATION OVERRIDES */
.orbit-slide .is-active, a, .orbit-slide {
	outline:0;
}
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
background-color: rgba(10, 10, 10, 0);
}
.orbit-bullets button {
    background-color: #fff;
    border:2px solid #E08A34;
}
.orbit-bullets button:hover {
    background-color: #E08A34;
}
.orbit-bullets button.is-active {
    background-color: #E08A34;
    border:2px solid #E08A34;
}
.orbit-previous img, .orbit-next img{
	width: 35px;
}
.orbit {
    position: relative;
	max-width: 575px;
    margin: 0px auto;
}
.orbit-container img{
  max-width:300px;
}
.orbit-bullets {
    position: relative;
    margin-top: 4px;
    margin-bottom: -30px;
    text-align: center;
}
video{
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;
}
.callout{
    border: none;
    border-radius: 0;
    background-color: #efefef;
    padding: 60px 0;
}

.button.secondary{
    background-color: transparent;
    border: 1px #333 solid;
}

.button.secondary:hover, .button.secondary:focus{
    background-color: #efefef;
}

.button {
    padding: 0.85em 2.5em;
	font-weight: bold;
	text-transform: uppercase;

}

.orbit-bullets button{
    width: 1rem;
    height: 1rem;
    margin: 0.1rem 0.4rem;
}

/* SITE-WIDE SELECTORS */

.page-title{
    background-color: #efefef;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}

.page-title h5{
    color: #666666;
    font-weight: bold;
    margin: 0;
}

.text-callout{
    padding: 30px 0 30px;
}

.product-slider{
    background-image: url('../img/gallery-shadow.png');
    background-repeat: repeat-x;
    background-position: center bottom;
    margin-bottom: 60px;
}

.seperator{
    background-color: #333333;
    height: 8px;
    margin: 10px auto;
    width: 100px;
}

.quick-spacing{
    margin-top: 40px;
    margin-bottom: 40px;
}

.uppercase {
	text-transform: uppercase;
}

.demo-callout {
    background-color: #ededed;
	padding: 40px 0;
}

.benefits-callout {
    padding-top: 20px;
}

.list-highlight ul {
  list-style: none;
  color:#000;
  padding: 0;
}

.list-highlight ul li {
    padding-left: 1.3em;
}

.list-highlight ul li:before {
    content: "\f058";
    color: #1aa84f;
    font-family: FontAwesome;
    font-size: 1.3em;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}

/* HOME PAGE */
.greyfullrow {
	background-color:#ECECEC;
	padding: 40px 20px;
}

.fullrowpadding{
	padding: 40px 20px;	
}

.eye {
	max-width: 90px;

}

.home-hero{
    background-size: cover;
    background-position: center center;
    padding: 60px 0;
}

.home-hero .hero-content {
	background-color: rgba(255, 255, 255, .7);
	margin-bottom: 1em;
	padding: 20px;
}

.home-hero h1 {
	color: #000;
	font-size: 28px !important;
	font-weight: bold;
	text-transform: uppercase;
}

.conversation div{
	text-align: center;
}

.conversation img{
	margin-bottom: 1em;
}

#page-home .demo-callout {
    background-color: #ededed;
}

#page-home .seperator{
    background-color: #E08A34;
}

#page-home #xchat-top{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#page-home #xchat-bottom{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* ABOUT PAGE */

#page-about .page-hero{
    background-size: cover;
    background-position: center center;
    padding: 60px 0;
}

#page-about .about-number-graphic{
    color: #fff;
    display: inline-block;
    font-size: 2em;
    font-weight: bold;
    padding: 20px;
    border: 5px solid #fff;
    border-radius: 50%;
}

/* PRODUCT SPECIFIC STYLES */

#page-parlo .page-hero{
	background-image: url('../img/gallery-shadow.png');
    background-repeat: repeat-x;
    background-position: center bottom;
    padding: 60px 0 0;
    margin-bottom: 60px;
}
.xchatrow{
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: 15% 50% !important;
}
.instagramrow{
    background-repeat: no-repeat;
    background-size: 180px;
	background-position: 15% 15% !important;
}
.xchat-text{
    color: #E08A34;
}

.xchat-button{
    background-color: #E08A34;
}

.xchat-button:hover, .xchat-button:focus{
    background-color: #f6b869;
}

#page-parlo .seperator{
    background-color: #E08A34;
}

#page-parlo .page-title{
    background-color: #E08A34;
}


#page-parlo .demo-callout{
    background-image: none;
    background-color: #E08A34;
}

#page-parlo .demo-callout h3{
    color: #ffffff;
}

#page-parlo .demo-callout .xchat-button{
    background-color: #ffffff;
    color: #E08A34;
    font-weight: bold;
}

#page-parlo .demo-callout .xchat-button:hover, #page-parlo .demo-callout .xchat-button:focus{
    background-color: #efefef;
}

#page-xpressbuy .page-title{
    background-color: #7acdcc;
}

#page-parlo .page-title h5, #page-xpressbuy .page-title h5{
    color: #fff;
}

#page-parlo .xchat-steps {
    background: #ececec;
    padding: 20px;
    min-height: 200px;
}

#page-parlo .xchat-steps img{
	margin-bottom: .5em;
}

#page-xpressbuy .demo-callout{
    background-image: none;
    background-color: #7acdcc;
}

#page-xpressbuy .demo-callout h3{
    color: #ffffff;
}

#page-xpressbuy .demo-callout .xchat-button{
    background-color: #ffffff;
    color: #7acdcc;
    font-weight: bold;
}

#page-xpressbuy .demo-callout .xchat-button:hover, #page-xpressbuy .demo-callout .xchat-button:focus{
    background-color: #efefef;
}

.xpressbuy-text{
    color: #7acdcc;
}

.xpressbuy-button{
    background-color: #7acdcc;
}

.xpressbuy-button:hover, .xpressbuy-button:focus{
    background-color: #98edec;
}

#page-xpressbuy  .seperator{
    background-color: #7acdcc;
}

/* ABOUT TEAM PAGE */
.team-each-block{
    padding: 2em 0 1em;
    border-bottom: 1px solid #ccc;
}

.team-each-block:last-child{
    border-bottom: none;
}

/* WORDPRESS OVERRIDES */

.widget-title{
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

#page-home #xchat-bottom{
    min-height: 245px;
    margin: 70px 0px;
}

@media screen and (max-width: 39.9375em) {
	.orbit-previous, .orbit-next, .orbit-previous, .orbit-next, .orbit-previous, .orbit-next {
		display:none;
	}

    #footer-logo{
        max-width: 40vw;
    }
}

@media screen and (max-width: 770px) {
	.top-bar{
		display:none;
	}
}

@media screen and (min-width: 40em) {

/*
	.conversation:hover {
	    -webkit-border-radius: 30px;
	    -moz-border-radius: 30px;
	    border-radius: 30px;
	    cursor: default;
	    background-color: #f6b869;
	    padding: 20px;
	      -webkit-transition: all .5s ease-in-out;
	      -moz-transition: all .5s ease-in-out;
	      -o-transition: all .5s ease-in-out;
	      transition: all .5s ease-in-out;
	}
*/
	.conversation {
	    -webkit-border-radius: 30px;
	    -moz-border-radius: 30px;
	    border-radius: 30px;
	    background-color: #F8F8F8;
	    padding: 20px;
	      -webkit-transition: all .5s ease-in-out;
	      -moz-transition: all .5s ease-in-out;
	      -o-transition: all .5s ease-in-out;
	      transition: all .5s ease-in-out;
	}
	.text-callout{
        padding: 60px 0 30px;
    }

    .demo-callout {
    	background-image: url('../img/demo-callout-bg.jpg');
    	background-size: cover;
    	background-position: left center;
    	padding: 80px 0;
    }

    .benefits-callout{
        padding-top: 40px;
    }

    #page-home .home-hero .hero-content{
	    margin-top: 200px;
    }

    #page-home #xchat-top{
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    #page-home #xchat-bottom{
        background-image: url('../img/homepage-xchat-btm.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        min-height: 245px;
        margin: 70px 0px;
    }

    #page-home .list-highlight{
	    margin-top: 60px;
    }

    #page-products .demo-content{
	    padding-top: 22px;
    }
}

@media screen and (min-width: 64em) {
    .benefits-callout{
        padding-top: 120px;
    }
    #page-products .demo-content{
	    padding-top: 92px;
    }
}