@charset "UTF-8";
/*
Theme Name: viva-bella
Author: Round Pixel Studio
Template: twentyfifteen
Version: 1.0
*/


/* Global
-------------------------------*/

@font-face {
    font-family: 'Montserrat-Light';
    src: url('/wp-content/themes/viva-bella/assets/fonts/montserrat-light-webfont.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/viva-bella/assets/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/viva-bella/assets/fonts/montserrat-light-webfont.woff2') format('woff2'),
        url('/wp-content/themes/viva-bella/assets/fonts/montserrat-light-webfont.woff') format('woff'),
        url('/wp-content/themes/viva-bella/assets/fonts/montserrat-light-webfont.ttf')  format('truetype'),
        url('/wp-content/themes/viva-bella/assets/fonts/montserrat-light-webfont.svg#svgFontName') format('svg');
}

@font-face {
    font-family: 'Aphrodite Pro';
    src: url('/wp-content/themes/viva-bella/assets/fonts/uvf_aphrodite_pro-webfont.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/themes/viva-bella/assets/fonts/uvf_aphrodite_pro-webfont.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/viva-bella/assets/fonts/uvf_aphrodite_pro-webfont.woff2') format('woff2'),
        url('/wp-content/themes/viva-bella/assets/fonts/uvf_aphrodite_pro-webfont.woff') format('woff'),
        url('/wp-content/themes/viva-bella/assets/fonts/uvf_aphrodite_pro-webfont.ttf')  format('truetype'),
        url('/wp-content/themes/viva-bella/assets/fonts/uvf_aphrodite_pro-webfont.svg#svgFontName') format('svg');
}

html, body { height: 100%; }

body { 
    color: #58595b;
    font-size: 12px;
    background-color: #ffffff;
    font-family: 'Montserrat-Light', Helvetica, Arial, sans-serif;
    font-weight:normal;
    line-height:150%;
}

a, li,
a:visited,
a:active, a:hover {
    color: inherit;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    outline: none;
    text-decoration: none;
}

a:hover {
    opacity: 0.75; 
    text-decoration: none;
}

.link a, .link a:visited,
.link a:active, .link a:hover {
    text-decoration: underline;
}

p {
    max-width:685px; margin:0 auto;
}

section {
    padding:45px 30px;
    background-position:top center;
    background-size: cover;
    background-repeat:no-repeat;
}

small {
    font-size:10px;
    text-transform:uppercase;
    color:#a5a5a5;
}

ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}


.mfp-bg { opacity: 0.95; }

.mfp-arrow::before,
.mfp-arrow::after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a
{
    border: 0 !important;
}

button.mfp-arrow.mfp-arrow-left,
button.slick-prev
{
    background: url('/wp-content/themes/viva-bella/assets/img/arrow-left.png') center no-repeat;
}

button.mfp-arrow.mfp-arrow-right,
button.slick-next
{
    background: url('/wp-content/themes/viva-bella/assets/img/arrow-right.png') center no-repeat;
}


button.slick-next,
button.slick-prev
{
    position: absolute;
    text-indent: -5000px;
    top: 13%;	
}

button.slick-next
{
    right: 0;
}

button.slick-prev
{
    left: 0;
}

@media only screen and (max-width: 889px)
{
    button.slick-next,
    button.slick-prev
    {
        display: none !important;
    }
}


/* Universal Class Styles
-------------------------------*/

.wrap {max-width:900px; width:90%; margin:0 auto;}

.row {margin:45px auto;}

.hide {display:none;}

/* Buttons and Forms
-------------------------------*/

.postfix {
    border:none!important;
}

a.button.postfix, .button {
    background-color:#8dc63f;
    text-align:center;
    color:#fff!important;
    font-family:'Montserrat', Helvetica, Arial, sans-serif;
    text-transform:uppercase;
}

a.button.postfix {
    padding:0px;
}

a.button.postfix img {
    height:22px;
    margin:auto;
}

a.button.postfix:hover, a.button.postfix:active, a.button.postfix:visited, .button:hover, .button:active, .button:visited {
    background:#8dc53e;
}

::-webkit-input-placeholder {
    color:#434343;
    text-transform:uppercase;
    font-family:'Montserrat', Helvetica, Arial, sans-serif;
    font-size:12px;
}

:-moz-placeholder { /* Firefox 18- */
    color:#434343;
    text-transform:uppercase; 
    font-family:'Montserrat', Helvetica, Arial, sans-serif;
    font-size:12px;
}

::-moz-placeholder {  /* Firefox 19+ */
    color:#434343;
    text-transform:uppercase; 
    font-family:'Montserrat', Helvetica, Arial, sans-serif;
    font-size:12px;
}

:-ms-input-placeholder {  
    color:#434343;
    text-transform:uppercase;
    font-family:'Montserrat', Helvetica, Arial, sans-serif;
    font-size:12px;
}

.light-button {  
    display:inline-block;
    width:180px;
    margin:24px 12px!important;
    background: none;
    border: 1px solid #fff;
    padding: 8px;
    font-weight: 400;
    border-radius: 1px;
    text-transform:uppercase;
    font-size:12px;
}


/* Typography
-------------------------------*/

h1, h2, h3,
h4, h5, h6 {
    font-weight: 700;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    color:#58595b;
    text-transform:uppercase;
}

h1 { 
    font-size: 46px;
    text-transform:uppercase;
    color:#ffffff;
    margin:30px auto;
}

h2 {
    font-size:40px;
    margin-bottom:45px;
}

h3 {
    font-size:16px;
    margin-bottom:15px;
}

p { 
    font-family: 'Montserrat-Light', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

ul li {
    font-family: 'Montserrat-Light', Helvetica, Arial, sans-serif;
    font-size: 14px;
}


/* Lists
-------------------------------*/

ul.inline-list {
    margin: 0px;
}

ul.inline-list li {
    float: none;
    display: inline-block;
    margin: 0px;
    padding:0px;
}

.gallery-list li {
    padding-bottom:20px;
}

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

header { 
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    font-weight: 400;
    color:#fff;
}

header .row {
}

#wedding-corporate-menu, nav {
    display:inline-block;
    text-transform:uppercase;
    text-align:center;
}

#wedding-corporate-menu {
    position:relative;
    top:-14px;
    vertical-align:text-top;
    padding-right:16px;
}

#wedding-corporate-menu li a {
    display:block;
    font-size:12px;
    padding:4px;
    margin:8px;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
    transition:none;
}

#wedding-corporate-menu .hidden {
    display:block;
    background:rgba(255,255,255,.9);
    color:#58595b;
    font-weight:700;
    border-radius:2px;
}

.tiny-arrow {
    position:absolute;
    top:0;
    right:0;
    padding:18px 8px;
    cursor:pointer;
    margin-left:3px; 
}

header ul li {
    text-shadow:0px 0px 30px #3d3d3d;
}

nav .inline-list {
    width: auto;
    margin: 0;
    padding: 24px 0px;
    overflow: visible;
}

nav .inline-list li {
    margin:0px 12px;
    text-align: center;
    text-transform:uppercase;
    font-size:12px;
}

#menu-toggle {
    display:none;
    width:18px;
    margin-left:30px;
}

/* Section-Specific Styles
-------------------------------*/

.hero {
    padding:150px 0px;
    color:#fff;
    background-color:#222;
    background-size:cover;
    background-repeat:no-repeat;
}

.hero h1, .hero p {
    text-shadow:0px 0px 30px #3d3d3d;
}

.hero p {
    font-size:16px;
    max-width:700px;
    line-height:180%;
}

.approach ul h3:after {
    content:"";
    display:block;
    width:50px;
    margin:15px auto;
    height:3px;
    background:#8dc53e;
    border-radius:1px;
}

.approach ul li {
    padding:0px 30px;
}

.approach ul li img {
    margin-bottom:30px;
}

.approach ul li p {
    max-width:240px;
    margin:0 auto;
}

.slideshow {
    position:relative;
}

.slideshow .row {
    max-width:90%;
    margin:0px auto;
}

.slideshow .clearing-thumbs {
    position:relative;
    overflow-x:hidden;
    white-space: nowrap;
    width:90%;
    margin:0 auto;
}

.slideshow .clearing-thumbs li {
    padding: 0 10px;
    width:19.5%;
}

.slideshow .th,
.team-gallery .th
{
    box-shadow:2px 2px 2px rgba(0,0,0,0.2);
    width:90%;
    margin:0 auto;
    max-height: 200px;
    background-size: cover;
    background-position: center;
    min-height: 200px;
    display: block;
    width: 100%;
}

.clearing-thumbs {
    position:relative;
}

.services h2 {
    margin-bottom:0px;
}

.service-categories li {
    display:inline-block;
    width:220px;
    padding:6px!important;
    background:#fff;
    border:1px solid #58595b;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight:400;
    font-size:12px;
    text-transform:uppercase;
    margin:12px!important;
}

.services-list {
    text-align:left;
    padding:15px;
    list-style-type:disc;
}

.services-list li {
    margin:15px 0px;
}

.services .toggle {
    cursor:pointer;
}

.services .toggle:hover,
.services .toggle.active
{
    color: #FFFFFF;
    background: #8DC63F;
    border-color: #4D8600;
}

.testimonials {
    color:#fff;
}

.testimonials img {
    margin:15px auto;
}

.testimonials p:first-child {
    margin-bottom:45px;
}

.testimonials p {
    margin:15px auto;
}

.testimonials .quote-title {
    text-transform:uppercase;
}

/* Page-Specific Styles
-------------------------------*/

/*Splash-------------------------------------------------------------------------------------------*/

.splash-content {
    background-position:center;
    background-attachment:fixed;
    min-height:100%;
    padding-top:80px;
    color:#fff;
}

.page-id-6 h1 {
    font-size:36px;
    text-shadow:0px 0px 30px #3d3d3d;
}

.page-id-6 p {
    margin-bottom:30px;
    text-shadow:0px 0px 30px #3d3d3d;
	max-width: 688px;
}

.page-id-6 .row {
    margin:15px auto;
}

.splash-content .light-button {
    background:rgba(255,255,255,0.2);
}


/*Weddings-----------------------------------------------------------------------------*/

.page-id-479 .hero {
    padding-top:460px;
}

.page-id-479 .slideshow {
    background-image:url("/wp-content/themes/viva-bella/assets/img/weddings/wedding-slideshow-background.jpg");
}

.page-id-479 .testimonials {
    background-image:url("/wp-content/themes/viva-bella/assets/img/weddings/wedding-testimonial-background.jpg");
}

.page-id-479 h1, .page-id-479 h2 {
    font-family: 'Aphrodite Pro', Helvetica, Arial, sans-serif;
    font-weight:normal;
    text-transform:lowercase;
}

.page-id-479 h2 {
    color:#543278;
}

.page-id-479 .testimonials .quote-name {
    font-family: 'Aphrodite Pro', Helvetica, Arial, sans-serif;
    font-size:24px;
}

.page-id-479 .testimonials .quote-title {
    font-weight:700;
}

.page-id-477 li:last-child .divider,
.page-id-479 li:last-child .divider {
    display: none;
}

.featured .row {
    max-width:none;
}

.featured ul li img {
    display:inline-block;
    margin:10px;
    max-width:140px;
}

.page-id-477 .featured ul li img {
    display:inline-block;
    margin:10px;
    max-width:140px;
}

.divider {
    max-width:15px;
}

/*Corporate-----------------------------------------------------------------------------*/

.page-id-477 .hero {
    padding-top:300px;
      padding-bottom: 200px;
}

.page-id-477 .approach ul {
    padding:0px;
}

.page-id-477 .slideshow {
    background-image:url("/wp-content/themes/viva-bella/assets/img/corporate/corporate-slideshow-background.jpg");
}

.page-id-477 .service-categories {
    position:relative;
    top:-10px;
}

.detail-header {
    color:#fff;
    background:#434343;
    border-left:4px solid #8dc63f;
    border-bottom:1px solid #f1f2f2;
    padding:6px 12px;
    font-family:'Montserrat-light', Helvetica, Arial, sans-serif;
    cursor:pointer;
    margin:0px!important;
}

.detail-header.active {
    background:#8dc63f;
}

.detail-block {
    display:none;
    background:#f1f2f2;
    padding:30px;
}

.detail-block p {
    font-family:'Montserrat', Helvetica, Arial, sans-serif;
    font-weight:700;
    margin-bottom:18px;
}


.detail-block ul {
    padding:39px;
    display:inline-block;
    max-width: 48%;
    vertical-align: top;
}

.detail-block ul li {
    margin-bottom:12px;
}

.detail-block ul.ccs  {
    padding: 13px 39px 39px 39px;
    display:inline-block;
    max-width: 100%;
    vertical-align: top;
}

.detail-block .bullet  {
    list-style-type: disc;
}

.page-id-477 .testimonials {
    background-image:url("/wp-content/themes/viva-bella/assets/img/corporate/corporate-testimonial-background.jpg");
}

.page-id-477 .testimonials .quote-name {
    margin:0px auto;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-size:24px;
    text-transform:uppercase;
    font-weight:700;
}

.page-id-477 .testimonials .quote-title {
    margin:0px auto;
    font-family: 'Montserrat-Light', Helvetica, Arial, sans-serif;
}

ul.services-detail.events-detail > p,
ul.services-detail.communication-detail > p {
    padding-bottom: 30px;
}

/*Blog*/


.post {
    /*     border:1px solid #e2e2e2; */
}

.post {
    margin-bottom: 30px;
}


.blog-text {
    margin:30px;
}

.blog-img {
    max-width: none;
    text-align: center;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.blog-text p {
    margin:15px auto;
    max-width: none;
}

.post .button {
    color:#fff!important;
    background:#bebebe;
    text-transform:uppercase;
    font-size:12px;
    margin-top:30px;
}

.post .button:hover {
    background:#8dc63f;
}

.entry-content {
    padding: 25px;	
}

.entry-content small {
    display: block;
    text-align: center;
    width: 100%;		
}

aside.small-12.columns {
    border:1px solid #e2e2e2;
    padding:30px;
}

#secondary ul li {
    margin-bottom:12px;
}

#secondary h2 {
    font-size: 18px;
}

.widget_search input {
    background:#ececec;
}

.widget_categories {
    margin-bottom:30px;
}

.entry-content img {
    padding: 15px;
    display: block;
    margin: 0 auto;
}

.blog-content nav {
    display: block;
    text-align: left;
    background: #5F6062;
}

.blog-content nav ul {
    padding: 0;

}

.blog-content nav ul li
{
    margin: 0;
}

.blog-content nav > .columns {
    color: #EEEEEE;
}

.blog-content nav .columns a {
    display: inline-block;
    padding: 10px 8px;
}

.blog-content nav .columns a:hover,
.blog-content nav .columns a:focus,
.blog-content nav .columns a:active,
.blog-content nav .current-menu-item a

{
    background: transparent linear-gradient(#F9F9F9, #E5E5E5) repeat scroll 0% 0%;
    color: #373737;
}


.blog-content nav form input
{
    height: 28px;
    margin: 6px 0 0 0;
    border-radius: 2px;
    box-shadow: none;
    border: 0;
    outline: 0;
    padding: 3px 9px;
    font-size: 12px;
    line-height: 1;
}

.view-more
{
    color: #FFFFFF !important;
    width: 90%;
    background: #5F6062;
    display: block;
    color: rgb(255, 255, 255);
    padding: 10px;
    text-align: center;
    margin: 10px auto;
}


.blog-content .row {
    margin: 0 auto;
}



.blog section.blog-content,
.single section.blog-content,
.archive section.blog-content,
.search section.blog-content{
    padding: 0px 30px 45px 30px;
}

{
    padding: 0px 30px 45px 30px;
}

.entry-content p {
    margin: 15px auto;
    max-width: none;
}


/*About and Contact*/

.page-id-27 h2, .contact h2 {
    margin-bottom:15px;
    font-size:28px;
}

.about-info p, .contact-info p, .team-members p {
    line-height:200%;
}

.about-info h2 span, .contact-info h2 span {
    font-family:'Aphrodite Pro', Helvetica, arial, sans-serif;
    color:#8dc53e;
    text-transform:lowercase;
    font-weight:normal;
    font-size:38px;
}

.team-gallery {
    background: url('/wp-content/themes/viva-bella/assets/img/about/team-gallery-background.jpg');
}

.page-id-472 .hero {
    padding:150px 0px;
}

.group-photo {
    padding:0px;
    margin:0px;
}

.group-photo img {
    width:100%;
}

.team-members ul {
    margin-top:45px;
}

.team-members ul li {
    max-width:300px;
    margin:0 auto;
    padding:15px;
}

.team-members ul li a,
.team-members ul li img
{ max-width: 100%; } 

.team-members > div.row > div > ul > li:nth-child(1),
.team-members > div.row > div > ul > li:nth-child(2) { 
    max-width: 50%;
    width: 50%;
    float: left;
}

.team-members > div.row > div > ul > li:nth-child(1) {  padding-left: 175px; }
.team-members > div.row > div > ul > li:nth-child(2) {  padding-right: 175px; }


@media only screen and (max-width: 997px)
{
    .team-members > div.row > div > ul > li:nth-child(1),
    .team-members > div.row > div > ul > li:nth-child(2)
    { 
        max-width:300px;
        margin:0 auto;
        padding:15px;
        float: none;
        width: auto;
    }

    .team-members ul li
    {
        max-width: 100% !important;
    }
}


.team-members ul li,
.team-members ul li a
{
    transition: opacity 0.3s ease;
}

.team-members ul li h3 {
    margin-bottom:0px;
}


.reveal-modal {
    padding:30px;
    max-width:930px;
    border:none;
}

.reveal-modal-bg {
    background:transparent;
}

.reveal-modal h4 {
    color:#8dc53e;
    font-size:36px;
    margin-bottom:3px;
}

.reveal-modal p {
    max-width:none;
    margin-top:30px;
}

.modal-title {
    margin-top:100px;
}

.modal-title h5 {
    text-transform: none;
    font-size:18px;
    font-family:'Montserrat-Light', Helvetica, arial, sans-serif;
}

.contact-info p {
    margin-bottom:30px;
}

.contact-info p span {
    font-family: 'Montserrat', Helvetica, arial, sans-serif;
}

.contact-info p a {
    color:#8dc53e;
}

.contact-form {
    background:#efefef;
}

.contact-form h3 {
    padding-bottom:6px;
    margin-bottom:18px;
    border-bottom: 1px solid #8dc53e;
    font-size:14px;
}

.contact-form label p {
    margin-bottom:6px;
    max-width:none;
}

.contact-form input[type="text"] {
    background:#efefef;
}

.contact-form select {
    background:#efefef;
    background-image:url('/wp-content/themes/viva-bella/assets/img/tiny-arrow-dark.png');
    background-position:96% 50%;
    background-repeat:no-repeat;
}

.more {
    padding:0px 22px!important;
}

.more textarea {
    height:160px;
    background:#efefef;
}

.contact-form .button {
    width:275px;
    padding:10px;
    margin:auto;
    font-size:12px;
}

/*Gallery*/

.galleries {
    background:#efefef;
}

.galleries h2 {
    font-size:16px;
    margin-bottom: 5px;
}

.galleries .seen {
    font-weight: 700;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    padding-top: 30px;
    padding-bottom: 15px;

}

.galleries p {
    max-width: none;
}

.galleries .asseen img {
    padding-bottom:20px;
    padding: 0px 20px 15px 0;
    max-width: 180px
}

.seen { display: inline-block; }

.galleries ul li {
    float:none;
    display:inline-block;
    box-shadow:5px 5px 10px rgba(0,0,0,0.2);
    max-width:250px;
    margin:15px;
    padding:0px;
    vertical-align: top;
}

.galleries h3 {
    margin:0px;
    padding:24px;
    background:#fff;
    font-size:12px;
    color:#929292;
    min-height: 80px;
}

.galleries .social li {
    box-shadow:none;
    margin:0px 2%!important;
}

.galleries .social li a {
    background:#8dc53e;
}

.gallery-thumb {
    height: 150px;
    background-size: cover;
    background-position: center;
    min-width:250px;
}

.gallery .gallery-thumb {
    margin-bottom: 25px;
}

#nobg .galleries {
    background: #fff;
}

/* Plugin Styling
-------------------------------*/

.orbit-timer {
    opacity:0;
}

.orbit-prev {
    content:url('/wp-content/themes/viva-bella/assets/img/arrow-left.png');
    width:25px!important;
    height:40px!important;
    margin-top:-6px!important;
}

.orbit-next {
    content:url('/wp-content/themes/viva-bella/assets/img/arrow-right.png');
    width:25px!important;
    height:40px!important;
    margin-top:-6px!important;
}

.orbit-prev:hover, .orbit-next:hover {
    background:none!important;
}

.arrow-left {
    position:absolute;
    top:50%;
    left:2%;
    margin-top:-10px;
    cursor:pointer;
}

.arrow-right {
    position:absolute;
    top:50%;
    right:2%;
    margin-top:-10px;
    cursor:pointer;
}


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

footer { 
    padding:30px;
    background-color:#434343;
    background-image:url("/wp-content/themes/viva-bella/assets/img/footer-background.jpg");
    bottom: 0;
    width: 100%;
    color:#fff;
}

footer .address {
    height:90px;
    margin:auto;
    padding:12px 0px;
    font-style: normal;
    margin: 0;
}

footer .address span {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight:700;
}

footer .copyright {
    color:#939393;
    text-transform:uppercase;
    margin-top:30px;
    font-size:12px;
}

.copyright {
    color:#939393;
    text-tranform:uppercase;
    margin-top:30px;
}

.email label {
    text-transform:uppercase;
    color:#fff;
    margin-bottom:6px;
    font-size:12px;
}

footer .social {
    text-align:right;
}

.social li {
    margin:3px!important;
}

.social li a {
    display:block;
    width:40px;
    height:40px;
    border-radius:50%;
    background:#868686;
    padding:8px 10px;
}

.social li a:hover {
    background:#8dc63f;
}


/**
* Vimeo Video
*/
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out; 
    -moz-transition: all 0.15s ease-out; 
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out; 
    -moz-transition: all 0.15s ease-out; 
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


/* Media Queries
-------------------------------*/

@media only screen 
    and (max-width:1060px) {
        .slideshow .clearing-thumbs li {
            width:25%;
        }
    }

@media only screen 
    and (max-width:860px) {
        .approach ul li {
            width:100%;
            float:none;
            display:inline-block;
            margin-bottom:30px;
        }

        .approach ul li:last-child {
            margin-bottom:0px;
        }

        .all-posts, .sorting {
            width:100%;
        }
    }

@media only screen
    and (max-width:800px) {
        .form-column {
            width:100%;
            margin-bottom:30px;
        }
    }

.hero span.overlay { display: none; } 

@media only screen
    and (max-width:832px) {
        #menu-toggle {
            display:inline-block;
        }
        nav {
            display:none;
        }
        nav ul li {
            display:block;
        }
			.hero { position: relative; padding: 125px 0px 50px 0; } 
			.page-id-477 .hero,
			.page-id-472 .hero { padding: 125px 0px 50px 0; }
			.page-id-479 .hero { padding-top: 125px; padding-bottom: 50px; } 
			.hero .wrap { 
				position: inherit; 
				z-index: 500;
			}
			.hero span.overlay {
				display: block;
				background-color: rgba(51, 51, 51, 0.5);
				position: absolute;
				top: 0;
				bottom: 0;
				width: 100%;
				z-index: 1;
			}
    }

@media only screen 
    and (max-width:680px) {
        .slideshow .clearing-thumbs {
            width:100%;
        }
        .slideshow .clearing-thumbs li {
            width:33.33333333333333333%;
        }
    }

@media only screen 
    and (max-width:640px) {
        .menu-container {
            position:absolute;
            top:0;
            right:0;
            margin:12px;
        }
        nav ul li {
            display:block!important;
            text-align:right!important;
            margin:6px 0px!important;
        }
        .address, .social {
            width:100%;
            text-align:center;
        }
        .email {
            margin-top:60px!important;
        }
        .social {
            margin-top:30px!important;
        }
    }

@media only screen 
    and (max-width:512px) {
        h1 {
            font-size:36px;
        }
        .slideshow .clearing-thumbs li {
            width:50%;
        }
    }

@media only screen 
    and (max-width:500px) {
        .clearing-thumbs li {
            width:100%;
        }

        .featured li {
            width:100%;
        }

        .divider {
            display:none!important;
        }
    }


@media only screen 
    and (max-width:600px) {
        .page-id-477 .detail-block ul {
            padding: 0px;
            max-width: 100%;
        }
    }




.orbit-container .orbit-prev, .orbit-container .orbit-next {
    top: 20%
}


.page-template-page-speaker-training .hero h1{
    font-size: 36px;
    text-transform: none;
    font-weight: 100;
    font-style: italic;
}

.event-info .heading span{
    color: #99C44E;
}

.event-info .heading span:before{
    color: #99C44E;
    margin-top: 25px;
    content: url('/wp-content/themes/viva-bella/assets/img/stroke-left.png');
}

.event-info .heading span:after{
    color: #99C44E;
    margin-top: 25px;
    content: url('/wp-content/themes/viva-bella/assets/img/stroke.png');
}

.event-info .button{
	margin: 15px 5px;
}

.clear-button{
    text-transform: uppercase;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid #58595B;
    padding: 10px 20px;
    width: 195px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.clear-button:hover{
    text-transform: uppercase;
    font-size: 14px;
    background-color: #99C44E;
    border: 1px solid #99C44E;
    color: white;
    padding: 10px 20px;
}

ul li span{
	text-transform: uppercase;
}

.event-info ul li span {
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

#event-rsvp{
	background-color: #F1F1F1;
}

.event-pricing h1, h2, h3, h4, h5, h6{
	margin-bottom: 0.2rem;
}

.event-pricing p{
	padding: 0px 10px;
}

.event-pricing{
	display: inline-flex;
}

.event-pricing .columns{
	border-right: 1px solid black;
	padding: 10px;
}
.event-pricing .columns:last-child{
	border-right: none;
	padding: 10px;
}

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

	.event-info span:before{
	    display: none;
	}
	
	.event-info span:after{
	    display: none;
	}
        
}



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

	.event-pricing{
		display: block;
	}
	
	.event-pricing .columns{
		border-right: none;
		margin-top: 10px;
	}

        
}