/*
Theme Name: Confit Child
Template: confit
*/


@import url("../confit/style.css");
/* =Custom CSS -------------------------------------------------------------- */



/* ----------------------- Common ----------------------- */
body.custom-background {
    background-size: initial !important;
}
#wrapper {
    max-width: 100% !important;
}


/* ----------------------- Navigation ----------------------- */
.main-small-navigation {
    border: none !important;
}
.menu-toggle {
    text-align: center !important;
}
.menu-toggle img {
    width: 40px !important;
}
.main-navigation a {
    font-weight: 600 !important;
}
.main-navigation a:hover, 
.main-navigation .current_page_item > a, 
.main-navigation .current_page_ancestor > a, 
.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a {
    color: #991520 !important;
}

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



/* ----------------------- Page Top ----------------------- */
#primary {
    margin-top: 30px !important;
}
.custom-page-title article {
    padding-bottom: 25px !important;
}
.custom-page-title .entry-title {
    border-left: 5px solid #991520 !important;
    color: #991520 !important;
}

/* ----------------------- Sections Page ----------------------- */
body.page-id-39 button {
    width: 180px !important;
}
body.page-id-76 .section {
    border-bottom: 2px solid #991520 !important;
}
body.page-id-76 .section.first {
    border-top: 2px solid #991520 !important;
}
body.page-id-76 .section:hover {
    background: #f2f2f2 !important;
}
body.page-id-76 .section .wpb_single_image {
    margin-bottom: 0 !important;
}
body.page-id-76 .section .vc_custom_heading {
    margin-bottom: 0 !important;
}
body.page-id-76 .section .wpb_text_column {
    margin-bottom: 0 !important;
}



/* ----------------------- Sign Up Page ----------------------- */
body.page-id-39 button {
    width: 180px !important;
    background: #991520 !important;
}
body.page-id-39 .row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
}
body.page-id-39 .column.left {
    width: 20% !important;
}
body.page-id-39 .column.center {
    width: 65% !important;
    padding: 0 10px !important;
}
body.page-id-39 .column.right {
    width: 15% !important;
}

body.page-id-39 input,
body.page-id-39 select {
    width: 100% !important;
}

body.page-id-39 button, 
body.page-id-39 input[type="button"], 
body.page-id-39 input[type="reset"], 
body.page-id-39 input[type="submit"] {
    text-transform: inherit !important;
    background-color: #991520 !important;
}
body.page-id-39 button:hover, 
body.page-id-39 input[type="button"]:hover, 
body.page-id-39 input[type="reset"]:hover, 
body.page-id-39 input[type="submit"]:hover {
    background-color: #E94F1D !important;
}


body.page-id-39 .get.picture,
body.page-id-39 .show.password,
body.page-id-39 .show.checkpassword{
    background-color: #991520 !important;
    border: none !important;
    border-radius: 2px !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    padding: 6px 18px !important;
    padding: 0.6rem 1.8rem !important;
    text-transform: inherit !important;
    vertical-align: top !important;
}
body.page-id-39 .get.picture:hover,
body.page-id-39 .show.password:hover,
body.page-id-39 .show.checkpassword:hover,
body.page-id-39 .get.picture:focus,
body.page-id-39 .show.password:focus,
body.page-id-39 .show.checkpassword:focus,
body.page-id-39 .get.picture:active,
body.page-id-39 .show.password:active,
body.page-id-39 .show.checkpassword:active {
    background-color: #E94F1D !important;
    box-shadow: inset 0 0 8px 2px rgba(0,0,0,0.2), 0 1px 0 0 rgba(0,0,0,0.2) !important;
}


/* ----------------------- Login Page ----------------------- */
body.page-id-47 .row.header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
}
body.page-id-47 .row.header .column.left {
    width: 30% !important;
}
body.page-id-47 .row.header .column.right {
    width: 70% !important;
}
body.page-id-47 .row.footer {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
}
body.page-id-47 .row.footer .column.left {
    width: 50% !important;
    text-align: center !important;
}
body.page-id-47 .row.footer .column.right {
    width: 50% !important;
    text-align: center !important;
}

body.page-id-47 button, 
body.page-id-47 input[type="button"], 
body.page-id-47 input[type="reset"], 
body.page-id-47 input[type="submit"] {
    width: 170px !important;
    text-transform: inherit !important;
    background-color: #991520 !important;
}
body.page-id-47 button:hover, 
body.page-id-47 input[type="button"]:hover, 
body.page-id-47 input[type="reset"]:hover, 
body.page-id-47 input[type="submit"]:hover {
    background-color: #E94F1D !important;
}


/* ----------------------- User Settings Page ----------------------- */
body.page-id-18 button {
    width: 180px !important;
    background: #991520 !important;
}
body.page-id-18 button:hover {
    background-color: #E94F1D !important;
}

/* ----------------------- Footer ----------------------- */
.site-footer .site-info {
    display: none !important;
}




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

/********** Desktop Query **********/
@media only screen and (min-width: 1023px) {

}
/********** Mobile Query **********/
@media only screen and (max-width: 1024px) {

}

/********** Media Query **********/
@media screen and (max-width : 320px){

}
@media screen and (min-width : 321px) and  (max-width: 480px){

}
@media screen and (min-width : 481px) and  (max-width: 640px){

}
@media screen and (min-width : 641px) and (max-width : 768px){

}
@media screen and (min-width : 769px) and (max-width : 1024px){

}
@media screen and (min-width : 1025px) and (max-width : 1224px){

}
@media screen and (min-width : 1225px){
    #primary {
        width: 77.779874% !important;
    }
}


/********** iphone **********/
/* iphone 3 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) {

}
/* iphone 4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 6, 6s */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { 

}
/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 

}
/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 

}


/********** ipad **********/
/* For general iPad layouts */
@media only screen and (device-width: 768px) {

}
/* For portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

}
/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

}

/********** ipad pro **********/
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

}