/*--------------------------------------------------------------
ONVA THEME - CUSTOM CSS
----------------------------------------------------------------

TABLE OF CONTENTS
----------------------------------------------------------------
1. Base Styles
   1.1 Body & Typography
   1.2 Headings
   1.3 Links
   1.4 Lists
   1.5 Forms

2. Layout
   2.1 Site Container
   2.2 Content Area

3. Header & Navigation
   3.1 Site Header
   3.2 Site Title
   3.3 Primary Navigation
   3.4 Submenu
   3.5 Responsive Menu

4. Front Page Sections
   4.1 Common (image-section, solid-section)
   4.2 Front-page-1
   4.3 Front-page-2
   4.4 Front-page-3
   4.5 Front-page-4
   4.6 Front-page-5
   4.7 Front-page-6
   4.8 Front-page-7

5. Inner Page Sections
   5.1 Common
   5.2 Individual sections

6. Page Templates
   6.1 Theme Page
   6.2 Grey Page
   6.3 White Page

7. Components
   7.1 Buttons
   7.2 Widgets
   7.3 Dashicons
   7.4 Bandeaux
   7.5 Hexagon BG
   7.6 Pricing Table
   7.7 Contact Form

8. Footer

9. Media Queries (by breakpoint)
   9.1 max-width: 1200px
   9.2 max-width: 1023px
   9.3 max-width: 960px
   9.4 max-width: 800px
   9.5 max-width: 750px
   9.6 max-width: 600px
   9.7 max-width: 420px

--------------------------------------------------------------*/


/*--------------------------------------------------------------
1. BASE STYLES
--------------------------------------------------------------*/

/* 1.1 Body & Typography
--------------------------------------------- */
body {
    background-color: #fff;
    color: #464f5e;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

body .text-center {
    text-align: center;
}

/* 1.2 Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
    line-height: 1.3;
    margin: 0 0 20px;
}

h4 {
    font-weight: 400;
}

.solid-section h2,
.solid-section h3,
.solid-section h4 {
    color: #73a3ad !important;
}

.solid-section h3 {
    text-transform: uppercase;
}

/* 1.3 Links
--------------------------------------------- */
a:hover {
    color: #464f5e;
}

/* 1.4 Lists
--------------------------------------------- */
ul {
    list-style-image: content "\f147";
}

/* 1.5 Forms
--------------------------------------------- */
.inner-page input:focus,
.inner-page textarea:focus {
    border: 1px solid #22a1c4;
    outline: none;
}


/*--------------------------------------------------------------
2. LAYOUT
--------------------------------------------------------------*/

/* 2.1 Site Container
--------------------------------------------- */
.inner-page .site-container .site-inner {
    margin-top: 0;
    max-width: 100%;
}

/* 2.2 Content Area
--------------------------------------------- */
.full-width-content .content {
    padding: 0 15px 50px;
    width: 100%;
}

.full-width-content.inner-page .content {
    padding: 0;
}


/*--------------------------------------------------------------
3. HEADER & NAVIGATION
--------------------------------------------------------------*/

/* 3.1 Site Header
--------------------------------------------- */
.site-header {
    background-color: #73a3ad;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.site-header.dark {
    background-color: #73a3ad;
}

.featured-section .site-header {
    background-color: #464f5e;
}

.featured-section .site-header > .wrap {
    border-bottom: 1px solid transparent;
}

.front-page .site-header.dark {
    background-color: #fff;
}

/* 3.2 Site Title
--------------------------------------------- */
.site-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.22em;
    font-weight: 400;
}

.front-page .site-title a,
.inner-page .site-title a,
.front-page .site-title a:hover,
.inner-page .site-title a:hover,
.dark .site-title a:hover {
    color: #fff !important;
}

.front-page .dark .site-title a,
.inner-page .dark .site-title a,
.front-page .dark .site-title a:hover,
.inner-page .dark .site-title a:hover {
    color: #c55451 !important;
}

/* 3.3 Primary Navigation
--------------------------------------------- */
.genesis-nav-menu a {
    font-weight: 400;
}

.front-page .site-header .genesis-nav-menu a,
.inner-page .site-header .genesis-nav-menu a {
    color: #fff;
}

.site-header.dark .genesis-nav-menu a {
    padding: 20px 15px;
    color: #fff;
}

.front-page .site-header.dark .genesis-nav-menu a {
    padding: 20px 15px;
    color: #c55451;
}

/* 3.4 Submenu
--------------------------------------------- */
.genesis-nav-menu .sub-menu a {
    background-color: #73a3ad;
}

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu li.current-menu-item > a {
    background-color: #73a3ad;
    border-bottom: 2px solid;
    border-color: #fff;
}

.front-page .genesis-nav-menu .sub-menu a,
.inner-page .genesis-nav-menu .sub-menu a {
    background-color: #464f5e;
}

.front-page .genesis-nav-menu .sub-menu a:hover,
.front-page .genesis-nav-menu .sub-menu li.current-menu-item > a,
.inner-page .genesis-nav-menu .sub-menu a:hover,
.inner-page .genesis-nav-menu .sub-menu li.current-menu-item > a {
    background-color: #464f5e;
    border-bottom: 2px solid;
    border-color: #fff;
}

.front-page .dark .genesis-nav-menu .sub-menu a,
.inner-page .dark .genesis-nav-menu .sub-menu a {
    background-color: #fff;
}

.front-page .dark .genesis-nav-menu .sub-menu a:hover,
.front-page .dark .genesis-nav-menu .sub-menu li.current-menu-item > a,
.inner-page .dark .genesis-nav-menu .sub-menu a:hover,
.inner-page .dark .genesis-nav-menu .sub-menu li.current-menu-item > a {
    background-color: #fff;
    border-bottom: 2px solid;
    border-color: #c55451;
}

.front-page .dark .genesis-nav-menu li.current-menu-item > a:hover,
.front-page .dark .genesis-nav-menu > li > a:hover {
    border-color: #c55451;
}

.inner-page .genesis-nav-menu li.current-menu-item > a {
    border-bottom: 2px solid transparent;
}

.inner-page .genesis-nav-menu li.current-menu-item > a:hover {
    border-color: #fff;
}

/* 3.5 Responsive Menu
--------------------------------------------- */
.responsive-menu-icon::before {
    position: fixed;
    top: 16px;
    right: 12px;
    z-index: 9999;
}

.front-page .dark .responsive-menu-icon::before,
.front-page .dark .genesis-nav-menu.responsive-menu .current-menu-item > a,
.front-page .dark .genesis-nav-menu.responsive-menu .sub-menu li a,
.front-page .dark .genesis-nav-menu.responsive-menu .sub-menu li a:hover,
.front-page .dark .genesis-nav-menu.responsive-menu .sub-menu,
.front-page .dark .genesis-nav-menu.responsive-menu > .menu-item-has-children:before,
.front-page .dark .genesis-nav-menu.responsive-menu > li:hover > a,
.front-page .dark .genesis-nav-menu.responsive-menu a:hover {
    color: #c55451;
}


/*--------------------------------------------------------------
4. FRONT PAGE SECTIONS
--------------------------------------------------------------*/

/* 4.1 Common (image-section, solid-section)
--------------------------------------------- */

/* Video background support */
.front-page-1,
.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6,
.front-page-7,
.inner-page-1,
.inner-page-2,
.inner-page-3,
.inner-page-4,
.inner-page-5,
.inner-page-6,
.inner-page-7 {
    position: relative;
    overflow: hidden;
}

.section-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover;
    z-index: 0;
}

.image-section,
.solid-section {
    position: relative;
    z-index: 1;
}

.image-section {
    background: -moz-linear-gradient(top, rgba(115,163,173,0.2) 0%, rgba(115,163,173,0.3) 30%, rgba(115,163,173,0.8) 80%, rgba(115,163,173,0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,163,173,0)), color-stop(30%,rgba(115,163,173,0.3)), color-stop(80%,rgba(115,163,173,0.8)), color-stop(100%,rgba(115,163,173,1)));
    background: -webkit-linear-gradient(top, rgba(115,163,173,0) 0%,rgba(115,163,173,0.3) 30%,rgba(115,163,173,0.8) 80%,rgba(115,163,173,0.9) 100%);
    background: -o-linear-gradient(top, rgba(115,163,173,0.2) 0%,rgba(115,163,173,0.5) 30%,rgba(115,163,173,0.8) 80%,rgba(115,163,173,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(115,163,173,0.2) 0%,rgba(115,163,173,0.5) 30%,rgba(115,163,173,0.8) 80%,rgba(115,163,173,0.9) 100%);
    background: linear-gradient(to bottom, rgba(115,163,173,0.2) 0%,rgba(115,163,173,0.5) 30%,rgba(115,163,173,0.8) 80%,rgba(115,163,173,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a672a4ae', endColorstr='#0072a4ae',GradientType=0 );
}

.image-section,
.image-section a {
    color: #464f5e;
    font-size: 1.5em;
}

.image-section a:hover {
    color: #c55451;
}

/* 4.2 Front-page-1
--------------------------------------------- */
.front-page-1 .image-section {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.4) 80%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(80%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.4) 80%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.4) 80%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.4) 80%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.4) 80%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 );
}

.front-page-1 .dashicons,
.inner-page-1 .dashicons {
    font-size: 1.11em;
    height: 20px;
    margin-bottom: 0px;
    width: 20px;
}

.front-page-1 .logo,
.inner-page-1 .logo {
    margin-top: 2em;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
}

.front-page-1 .logo img,
.inner-page .logo img {
    width: 66%;
    height: 66%;
    margin: 0 8px 0 0;
}

.front-page-1 h1 {
    font-size: 1.3em !important;
    font-weight: 400;
    color: #c55451;
}

.front-page-1 h2 {
    font-family: 'Poiret One', sans-serif;
    color: #464f5e;
    font-size: 1.3em !important;
    font-weight: 300;
    line-height: 1.2;
}

.front-page-1 .bandeau-vert h2,
.front-page-1 .bandeau-vert a,
.front-page-1 .bandeau-vert-60 h2,
.front-page-1 .bandeau-vert-60 a,
.front-page-1 .bandeau-vert-70 h2,
.front-page-1 .bandeau-vert-70 a,
.front-page-1 .bandeau-vert-80 h2,
.front-page-1 .bandeau-vert-80 a {
    color: #fff !important;
}

.front-page-1 .bandeau-vert a:hover,
.front-page-1 .bandeau-vert-80 a:hover,
.front-page-1 .bandeau-vert-70 a:hover,
.front-page-1 .bandeau-vert-60 a:hover {
    color: #464f5e !important;
}

.front-page-1 h3 {
    font-family: 'Poiret One', sans-serif;
    color: #c55451;
    font-size: 1.8em !important;
    font-weight: 300;
    line-height: 1.2;
}

/* 4.3 Front-page-2
--------------------------------------------- */
.front-page-2 h2 {
    color: #c55451 !important;
}
.front-page-2 h3 {
    color: #73a3ad !important;
    padding: 1.5em 0;
}

/* 4.4 Front-page-3
--------------------------------------------- */
.front-page-3 .flexible-widgets .wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.front-page-3 .widget:first-child {
    width: 100%;
    float: none;
}

.front-page-3 .widget:not(:first-child) {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background-color: #c55451;
}

.front-page-3 .widget:not(:first-child) .widget-wrap {
    padding: 30px 10px 10px 10px;
    flex: 1;
}

.front-page-3 h2 {
    padding-top: 50px;
    margin: -30px 0 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 3em !important;
    font-weight: 400 !important;
}

.front-page-3 h3 {
    padding-top: 50px;
    margin: -30px 0 0 0;
    text-transform: none;
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
}

.front-page-3 .image-section h4 {
    color: #fff !important;
    font-weight: 600 !important;
}

.front-page-3 .flexible-widgets.widget-halves h2,
.front-page-3 .flexible-widgets.widget-thirds h2,
.front-page-3 .flexible-widgets.widget-fourths h2 {
    font-family: 'Poiret One', sans-serif;
    color: #fff;
    font-size: 2em;
    font-weight: 400;
}

.front-page-3 .image-section {
    color: #fff !important;
    font-size: 1.2em !important;
}

.front-page-3 p {
    padding-top: 5px !important;
}

/* 4.5 Front-page-4
--------------------------------------------- */
.front-page-4 .flexible-widgets .wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.front-page-4 .widget:first-child {
    width: 100%;
    float: none;
}

.front-page-4 .widget:not(:first-child) {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background-color: #464f5e;
}

.front-page-4 .widget:not(:first-child) .widget-wrap {
    padding: 30px 10px 10px 10px;
    flex: 1;
}

.front-page-4 .solid-section .widget p {
    color: #f3f3f3;
}

.front-page-4 h1 {
    color: #c55451 !important;
    font-weight: 400 !important;
}

.front-page-4 h2 {
    font-family: 'Poiret One', sans-serif;
    font-size: 1.6em;
    font-weight: 400;
    color: #73a3ad !important;
    text-transform: none !important;
}

.front-page-4 h3 {
    font-family: 'Poiret One', sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    color: #73a3ad !important;
    text-transform: none !important;
}

.front-page-4 .solid-section p {
    text-align: center;
}

/* 4.6 Front-page-5
--------------------------------------------- */
.front-page-5 h1 {
    color: #fff;
    font-family: 'Poiret One', sans-serif;
    font-size: 3em;
    font-weight: 400;
    line-height: 1;
}

.front-page-5 h2 {
    color: #fff;
    padding-top: 35px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.94em;
    line-height: 1;
    text-transform: uppercase;
}

.front-page-5 h3 {
    padding-top: 20px;
    font-family: 'Poiret One', sans-serif;
    font-size: 2.78em;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
}

.front-page-5 h4 {
    color: #fff;
    font-size: 0.95em;
    font-weight: 200;
    margin-top: -0.8em;
}

.front-page-5 p {
    color: #fff;
    font-size: 1em;
    font-weight: 200;
}

/* 4.7 Front-page-6
--------------------------------------------- */
.front-page-6 a {
    color: #464f5e !important;
    font-size: 1.6em !important;
    font-weight: 200 !important;
}

.front-page-6 a:hover {
    color: #c55451 !important;
}

.front-page-6 p {
    color: #73a3ad;
    font-weight: 200;
    font-size: 1em;
}

.front-page-6 h2 {
    font-size: 2.78em !important;
    text-transform: uppercase;
    color: #c55451 !important;
}

.front-page-6 h4 {
    font-size: 1em !important;
    font-weight: 200;
    color: #c55451 !important;
    padding-top: 20px;
}

.bottom-image {
    margin-bottom: 0;
    margin-top: 60px;
}

.bottom-image img {
    margin-bottom: -6em;
    padding-left: 10px;
    width: 85%;
}

/* 4.8 Front-page-7
--------------------------------------------- */
.front-page-7 h1 {
    color: #fff;
}
.front-page-7 h4 {
    padding-top: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    line-height: 1.2;
    font-weight: 200;
    color: #fff;
    padding: 20px 0 0;
}

.front-page-7 .widget {
    background: #73a3ad !important;
    padding: 10px;
}

.front-page-7 .menu {
    padding-top: 80px;
    padding-bottom: 94px;
}

.front-page-7 button,
.front-page-7 input[type="button"],
.front-page-7 input[type="reset"],
.front-page-7 input[type="submit"],
.front-page-7 .button,
.front-page-7 .widget .button {
    background-color: #f3f3f3;
    border: 2px solid #f3f3f3;
    color: #464f5e;
}

.front-page-7 .image-section input:hover[type="submit"] {
    background-color: #464f5e;
    border: 2px solid #464f5e;
    color: #f3f3f3;
}


/*--------------------------------------------------------------
5. INNER PAGE SECTIONS
--------------------------------------------------------------*/

/* 5.1 Common
--------------------------------------------- */
.inner-page-2,
.inner-page-4,
.inner-page-6 {
    border-top: 54px solid transparent;
    margin-top: -54px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: relative;
    z-index: 9;
}

.inner-page-1,
.inner-page-3,
.inner-page-5,
.inner-page-7 {
    background-attachment: fixed;
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.inner-page .field-wrap:last-child {
    margin-bottom: 0;
}

/* 5.2 Individual sections
--------------------------------------------- */
.inner-page-1 {
    position: relative;
}

.inner-page-1 .image-section {
    padding-top: 75px;
}

.secondary-nav .inner-page-1 .image-section {
    padding-top: 150px;
}

.inner-page-2.solid-section h2 {
    font-size: 2.67em;
}

.inner-page-4 .solid-section {
    background-color: #f3f3f3;
}


/*--------------------------------------------------------------
6. PAGE TEMPLATES
--------------------------------------------------------------*/

/* 6.1 Theme Page
--------------------------------------------- */
.theme-page .site-container,
.theme-page .site-container .site-inner,
.theme-page .content {
    background-color: #464f5e;
    color: #f3f3f3;
}

.theme-page .theme-screenshot {
    position: absolute;
    right: 0;
    z-index: 1;
}

/* Laptop screen design */
.theme-page .screenshot-laptop {
    overflow: hidden;
    position: relative;
}

.theme-page .screenshot-laptop .laptop-screen {
    background-color: #464f5e;
    border: 1px solid #73a3ad;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0 50px;
    padding: 15px;
}

.theme-page .screenshot-laptop .img {
    border: 1px solid #73a3ad;
    max-height: 300px;
    overflow: hidden;
}

.theme-page .screenshot-laptop .laptop-base-top {
    background-color: #464f5e;
    border: 1px solid #73a3ad;
    height: 20px;
}

.theme-page .screenshot-laptop .laptop-base-bottom {
    background-color: #464f5e;
    border: 1px solid #73a3ad;
    border-top: none;
    border-bottom-left-radius: 30px 10px;
    border-bottom-right-radius: 30px 10px;
    height: 10px;
}

.theme-page .screenshot-laptop .laptop-base-open {
    border: 1px solid #73a3ad;
    border-top: none;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    margin: 0 auto;
    height: 9px;
    width: 90px;
}

/* Mobile screen design */
.theme-page .screenshot-mobile {
    position: absolute;
    left: 30px;
    bottom: 0px;
    width: 160px;
}

.theme-page .screenshot-mobile .mobile-screen {
    background-color: #464f5e;
    border: 1px solid #73a3ad;
    border-radius: 10px;
    padding: 6px;
}

.theme-page .screenshot-mobile .mobile-screen-top {
    margin: 8px auto 14px;
    width: 30%;
}

.theme-page .screenshot-mobile .mobile-camera {
    border: 1px solid #73a3ad;
    border-radius: 50%;
    float: left;
    height: 6px;
    width: 6px;
}

.theme-page .screenshot-mobile .mobile-speaker {
    border: 1px solid #73a3ad;
    border-radius: 6px;
    margin-left: 16px;
    height: 6px;
}

.theme-page .screenshot-mobile .img {
    border: 1px solid #73a3ad;
    clear: both;
    overflow: hidden;
    height: 230px;
}

.theme-page .screenshot-mobile .mobile-home-button {
    border: 1px solid #73a3ad;
    border-radius: 50%;
    margin: 10px auto 4px;
    height: 16px;
    width: 16px;
}

/* Theme page elements */
.theme-page .features-list {
    line-height: 1.6;
}

.theme-page .entry-header::after {
    border-bottom: 1px solid #f3f3f3;
}

.theme-page .theme-features {
    float: none;
    padding-left: 0;
}

.theme-page .button {
    width: 100%;
    background-color: transparent;
    border: 1px solid #73a3ad;
    color: #fff;
    text-align: center;
}

.theme-page .button:hover,
.theme-page input[type="button"],
.theme-page input[type="reset"],
.theme-page input[type="submit"] {
    background-color: #c55451;
    border: 1px solid #c55451;
}

.theme-page .button.get-started {
    width: 100%;
    background-color: #73a3ad;
    border: 1px solid #73a3ad;
    color: #fff;
    text-align: center;
}

.theme-page .button.get-started:hover {
    background-color: #c55451;
    border: 1px solid #c55451;
}

.theme-page .img {
    border: 1px solid #73a3ad;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    overflow: hidden;
}

.theme-page .theme-title,
.theme-page .theme-title a {
    background-color: #73a3ad;
    color: #f3f3f3;
    text-align: center;
    font-size: 1em;
    padding: 0.5em 0;
    margin: -22px 0 25px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.theme-page .center {
    vertical-align: middle;
}

/* 6.2 Grey Page
--------------------------------------------- */
.grey-page .body,
.grey-page .site-container,
.grey-page .site-container .site-inner,
.grey-page .content {
    background-color: #464f5e;
    color: #f3f3f3;
}

.grey-page .content li {
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin: 0 0 10px 0;
    background: #c55451;
    color: #f3f3f3;
    text-transform: uppercase;
    line-height: inherit;
    text-align: center;
    border-radius: 8px;
}

.grey-page h2,
.grey-page h3,
.grey-page h5 {
    text-align: center;
}

.grey-page h2 {
    color: #73a3ad;
    font-weight: 400;
}

.grey-page .entry-header::after {
    border-bottom: 0px solid #fff;
    content: "";
    display: block;
    width: 25%;
}

.grey-page .content .entry-header::before {
    content: url(images/161103_grey_page_top_graphic.png);
    width: 100%;
    display: block;
    margin: 0 auto -7px;
}

.grey-page .entry-title {
    border: 1px solid #73a3ad;
    border-radius: 10px;
    padding: 0 6px 10px;
    margin: 0;
}

.grey-page a.button {
    text-align: center;
    font-weight: 200;
}

.grey-page a:hover {
    color: #f3f3f3;
}

.grey-page a.button-transparent {
    text-align: center;
    color: #f3f3f3;
    border: 1px solid #73a3ad;
    background-color: #4f596a;
    display: block;
    margin-bottom: -10px;
    padding: 5px 10px;
    border-radius: 5px;
}

.grey-page a.button-transparent:hover {
    text-align: center;
    color: #c55451;
    border: 1px solid #c55451;
    background-color: #4f596a;
    display: block;
}

.grey-page .small {
    font-size: 0.95em;
    line-height: 1.2;
    color: #f3f3f3;
    border: 1px solid #73a3ad;
    background-color: #73a3ad;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* 6.3 White Page
--------------------------------------------- */
.white-page .body,
.white-page .site-container,
.white-page .site-container .site-inner,
.white-page .content {
    background-color: #fff;
    color: #464f5e;
}

.white-page .content li {
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin: 0 0 10px 0;
    background: #c55451;
    color: #f3f3f3;
    text-transform: uppercase;
    line-height: inherit;
    text-align: center;
    border-radius: 8px;
}

.white-page h2,
.white-page h3,
.white-page h5 {
    text-align: center;
}

.white-page h2 {
    color: #4f596a;
    font-weight: 400;
}

.white-page .entry-header::after {
    border-bottom: 0px solid #fff;
    content: "";
    display: block;
    width: 25%;
}

.white-page .content .entry-header::before {
    content: url(images/white_page_top_graphic.png);
    width: 100%;
    display: block;
    margin: 0 auto -7px;
}

.white-page .entry-title {
    border: 1px solid #c55451;
    border-radius: 10px;
    padding: 0 6px 10px;
    margin: 0;
    background-color: #fff;
    color: #c55451;
}

.white-page a.button {
    text-align: center;
    font-weight: 200;
}

.white-page a:hover {
    color: #f3f3f3;
}

.white-page a.button-transparent {
    text-align: center;
    color: #f3f3f3;
    border: 1px solid #73a3ad;
    background-color: #4f596a;
    display: block;
    margin-bottom: -10px;
    padding: 5px 10px;
    border-radius: 5px;
}

.white-page a.button-transparent:hover {
    text-align: center;
    color: #c55451;
    border: 1px solid #c55451;
    background-color: #4f596a;
    display: block;
}

.white-page .small {
    font-size: 0.95em;
    line-height: 1.2;
    color: #f3f3f3;
    border: 1px solid #73a3ad;
    background-color: #73a3ad;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}


/*--------------------------------------------------------------
7. COMPONENTS
--------------------------------------------------------------*/

/* 7.1 Buttons
--------------------------------------------- */
.widget .button.clear {
    background-color: transparent;
    border: 2px solid #73a3ad;
    color: #73a3ad;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button.clear:hover,
.button:hover,
.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .widget .button,
.widget .button:hover,
.widget .button.clear:hover {
    background-color: #c55451;
    border: 2px solid #c55451;
    color: #fff;
}

/* 7.2 Widgets
--------------------------------------------- */
.enews-widget {
    background: #73a3ad !important;
    padding: 10px;
}

/* 7.3 Dashicons
--------------------------------------------- */
.inner-page .dashicons {
    font-size: 2.22em;
    height: 40px;
    margin-bottom: 20px;
    width: 40px;
}

.front-page .solid-section .dashicons {
    color: #c55451 !important;
}

.front-page .image-section .dashicons {
    color: #fff !important;
}

/* 7.4 Bandeaux
--------------------------------------------- */
.bandeau-blanc {
    background-image: url("images/fondblanc.png");
    padding: 30px 3000px 15px 3000px;
    margin: 40px -3000px 0 -3000px;
}

.bandeau-vert-60 {
    background-image: url("images/fondvert-60.png");
    padding: 30px 3000px 15px 3000px;
    margin: 40px -3000px 0 -3000px;
}

.bandeau-vert-70 {
    background-image: url("images/fondvert-70.png");
    padding: 30px 3000px 15px 3000px;
    margin: 40px -3000px 0 -3000px;
}

.bandeau-vert-80 {
    background-image: url("images/fondvert-80.png");
    padding: 30px 3000px 15px 3000px;
    margin: 40px -3000px 0 -3000px;
}

.bandeau-vert {
    background-image: url("images/fondvert.png");
    padding: 30px 3000px 15px 3000px;
    margin: 40px -3000px 0 -3000px;
}

.bandeau-gris {
    background-image: url("images/fondgris.png");
    padding: 20px 3000px 30px 3000px;
    margin: 0 -3000px 0 -3000px;
}

.bandeau-vert-plein {
    text-align: center;
    font-size: 1.67em;
    font-weight: 400;
    color: #73a3ad;
}

.pricing-table-green {
    background-color: #73a3ad;
    padding: 20px 3000px 30px 3000px;
    margin: 0 -3000px 0 -3000px;
}

.green {
    background-color: #73a3ad;
}

/* 7.5 Hexagon BG
--------------------------------------------- */
.hexagon-bg {
    display: inline-block;
    vertical-align: top;
    width: 250px;
    height: 250px;
    margin-right: 0;
    background-repeat: no-repeat;
}

.hexagon-bg-blue {
    background-image: url("images/hexagon-bg-blue.png");
}

.hexagon-bg-green {
    background-image: url("images/hexagon-bg-green.png");
}

.hexagon-bg-red {
    background-image: url("images/hexagon-bg-red.png");
}

.hexagon-bg-red-blanc {
    background-image: url("images/hexagon-bg-red-blanc.png");
}

.hexagon-bg-yellow {
    background-image: url("images/hexagon-bg-yellow.png");
}

.hexagon-bg-purple {
    background-image: url("images/hexagon-bg-purple.png");
}

.hexagon-bg img {
    vertical-align: center;
    margin-top: 52px;
    margin-right: 15px;
    width: 150px;
    height: 128px;
}

.hexagon-bg p {
    padding: 5px 40px 0 20px;
}

.hexagon-bg .dashicons {
    font-size: 2.5em;
    padding: 40px 55px 10px 0;
}

/* 7.6 Pricing Table
--------------------------------------------- */
.fond-gris {
    background-color: #464f5e;
    padding: 0 3000px 0 3000px;
    margin: 0 -3000px 0 -3000px;
    color: #f3f3f3;
}

.amount {
    color: #ddd;
    font-size: 2.11em;
    text-align: center;
}

.pricing-table {
    line-height: 1;
}

.pricing-table h4 {
    background: none repeat scroll 0 0 #73a3ad;
    border: 1px solid #73a3ad;
    color: #464f5e;
    padding: 20px 0 30px;
    text-align: center !important;
    text-transform: uppercase;
}

.description {
    margin: 0 20px 0 20px;
    text-transform: lowercase !important;
    font-size: 1em;
}

.pricing-table .one-third {
    background-color: #fff;
    margin: 20px 5px;
    padding: 40px;
    width: 32.33%;
}

.pricing-table .one-third:nth-child(3n+1),
.pricing-table .one-third:nth-child(3n+2),
.pricing-table .one-third:nth-child(3n) {
    border: 1px solid #73a3ad;
}

.pricing-table .one-half {
    background-color: #fff;
    margin: 20px 5px;
    padding: 40px;
}

.pricing-table .one-half:nth-child(2n+1),
.pricing-table .one-half:nth-child(2n+2),
.pricing-table .one-half:nth-child(2n) {
    border: 1px solid #73a3ad;
}

.pricing-table .one-third ul {
    margin: 0;
}

.pricing-table ul li {
    border-bottom: 1px solid #ddd;
    color: #464f5e;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    line-height: 1.2;
    list-style-type: none;
}

.pricing-table a.button {
    background-color: #73a3ad;
    border: 3px solid #fff;
    color: #464f5e;
    display: block;
    text-align: center;
    font-weight: 400;
}

.pricing-table a.button:hover {
    background-color: #c55451;
    border: 3px solid #fff;
    color: #fff;
}

/* 7.7 Contact Form
--------------------------------------------- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
    background-color: #f3f3f3;
    color: #464f5e;
    height: 20px;
}

.wpcf7 textarea {
    background-color: #f3f3f3;
    color: #464f5e;
    height: 80px;
}

.front-page-7 .wpcf7 button,
.front-page-7 .wpcf7 input[type="button"],
.front-page-7 .wpcf7 input[type="reset"],
.front-page-7 .wpcf7 input[type="submit"],
.front-page-7 .wpcf7 .widget .button {
    width: 100%;
    font-size: 1em;
}


/*--------------------------------------------------------------
8. FOOTER
--------------------------------------------------------------*/
.site-footer {
    background-color: #73a3ad;
    padding: 20px;
    text-align: center;
}

.site-footer a {
    color: #464f5e;
}

.site-footer a:hover {
    color: #c55451;
}


/*--------------------------------------------------------------
9. MEDIA QUERIES
--------------------------------------------------------------*/

/* 9.1 max-width: 1200px
--------------------------------------------- */
@media only screen and (max-width: 1200px) {
    .inner-page-1,
    .inner-page-3,
    .inner-page-5,
    .inner-page-7 {
        background-attachment: scroll;
    }
}

/* 9.2 max-width: 1140px
--------------------------------------------- */
@media only screen and (max-width: 1140px) {
    .pricing-table .one-third {
        width: 32%;
    }

    .pricing-table .one-half {
        width: 49%;
    }
}

/* 9.3 max-width: 1023px
--------------------------------------------- */
@media only screen and (max-width: 1023px) {
    .front-page .site-header,
    .inner-page .site-header {
        background-color: #464f5e;
    }

    .entry-title {
        padding-top: 10px;
    }

    .inner-page .site-inner {
        max-width: none;
        margin-top: 0;
    }

    .inner-page .site-header > .wrap {
        border: none;
    }
}

/* 9.4 max-width: 960px
--------------------------------------------- */
@media only screen and (max-width: 960px) {
    .hexagon-bg {
        background-size: 90%;
    }

    .theme-page .theme-screenshot {
        position: relative !important;
        right: auto !important;
    }

    .theme-page .button {
        margin-top: 2em;
    }

    .theme-page .button.get-started {
        margin-top: 1em;
    }

    .theme-page .theme-features {
        padding-top: 2em;
    }

    .theme-page h1 {
        font-size: 1.4em;
        margin-bottom: -1em;
    }
}

/* 9.5 max-width: 800px
--------------------------------------------- */
@media only screen and (max-width: 800px) {
    .front-page .dark .genesis-nav-menu.responsive-menu li.current-menu-item > a,
    .front-page .dark .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
    .front-page .dark .genesis-nav-menu.responsive-menu li a,
    .front-page .dark .genesis-nav-menu.responsive-menu li a:hover,
    .genesis-nav-menu a,
    .site-header.dark .genesis-nav-menu a {
        padding: 10px 0;
    }

    .pricing-table .one-third,
    .pricing-table .one-half {
        width: 100%;
    }

    .inner-page .site-inner {
        padding: 0;
    }

    .inner-page-2,
    .inner-page-3,
    .inner-page-4,
    .inner-page-5,
    .inner-page-6,
    .inner-page-7 {
        border-top: 0;
        margin-top: 0;
    }
}

/* 9.6 max-width: 768px
--------------------------------------------- */
@media only screen and (max-width: 768px) {
    .hexagon-bg {
        background-size: 100%;
    }

    .grey-page .content .entry-header::before, .white-page .content .entry-header::before {
        content: "";
    }
}

/* 9.7 max-width: 750px
--------------------------------------------- */
@media only screen and (max-width: 750px) {
    .front-page-1 .logo img {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .front-page-1 h1 {
        font-size: 1.6em;
        letter-spacing: 1px;
    }

    .front-page-1 h2 {
        font-size: 1em;
    }

    .front-page-3 h1 {
        font-size: 1.8em;
    }

    .front-page-3 .flexible-widgets.widget-halves h2,
    .front-page-3 .flexible-widgets.widget-thirds h2,
    .front-page-3 .flexible-widgets.widget-fourths h2 {
        font-size: 1.5em;
    }

    .front-page-4 h1 {
        font-size: 1.44em;
    }

    .front-page-5 h1 {
        font-size: 3.06em;
    }

    .front-page-5 h2 {
        font-size: 1.67em;
    }

    .front-page-5 h3 {
        padding-top: 10px;
        font-size: 1.94em;
    }

    .front-page-6 h1 {
        font-size: 2.11em;
    }

    .front-page-6 h4 {
        padding-top: 0;
    }

    .bottom-image img {
        margin-bottom: -3.5em;
        padding-left: 10px;
        width: 100%;
    }
}

/* 9.8 max-width: 600px
--------------------------------------------- */
@media only screen and (max-width: 600px) {
    .theme-page .screenshot-laptop .laptop-screen {
        margin: 0 30px;
    }

    .theme-page .screenshot-laptop .img {
        max-height: 150px;
    }

    .theme-page .screenshot-mobile {
        width: 90px;
    }

    .theme-page .screenshot-mobile .mobile-screen-top {
        width: 40px;
    }

    .theme-page .screenshot-mobile .img {
        height: 120px;
    }

    .theme-page .theme-info .button {
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }
}

/* 9.9 max-width: 420px
--------------------------------------------- */
@media only screen and (max-width: 420px) {
    .pricing-table .one-third,
    .pricing-table .one-half {
        margin: 20px 0;
    }

    /* Front Page 1 */
    .front-page-1 h1 {
        font-size: 1.1em !important;
    }
    .front-page-1 h2 {
        font-size: 0.8em !important;
    }

    .front-page-1 h3 {
        font-size: 1em !important;
    }

    .front-page-1 a {
        font-size: 0.96em !important;
    }

    /* Front Page 2 */
    .front-page-2 h2 {
        font-size: 2em !important;
    }
    .front-page-2 h3 {
        font-size: 1.2em !important;
    }
    .front-page-2 .bottom-image img {
        visibility: hidden;
        margin-bottom: -6em;
    }
    /* Front Page 3 */
    .front-page-3 h2 {
        font-size: 2em;
    }

    .front-page-3 h3 {
        font-size: 1.2em;
    }

    .front-page-3 .flexible-widgets.widget-halves h2,
    .front-page-3 .flexible-widgets.widget-thirds h2,
    .front-page-3 .flexible-widgets.widget-fourths h2 {
        font-size: 1.6em;
    }

    .front-page-3 .image-section {
        font-size: 0.96em !important;
    }

    /* Front Page 4 */
    .front-page-4 h2 {
        font-size: 1.28em;
    }

    .front-page-4 h3 {
        font-size: 1.28em;
    }

    /* Front Page 5 */
    .front-page-5 h1 {
        font-size: 1.8em;
    }

    .front-page-5 h2 {
        font-size: 0.8em;
    }

    .front-page-5 h3 {
        font-size: 2em;
    }

    .front-page-5 h4 {
        font-size: 0.64em;
    }

    .front-page-5 p {
        font-size: 0.8em;
    }

    /* Front Page 6 */
    .front-page-6 a {
        font-size: 1.28em !important;
    }

    .front-page-6 p {
        font-size: 0.8em;
    }

    .front-page-6 h1 {
        font-size: 1.8em !important;
    }

    .front-page-6 h2 {
        font-size: 1.8em !important;
    }

    .front-page-6 h4 {
        font-size: 0.8em !important;
    }

    /* Front Page 7 */
    .front-page-7 h4 {
        font-size: 0.8em;
    }
}