/*
Theme Name:     Marc Nyte
Theme URI:
Description:    Child theme of magnet"wp-content/themes/magnet/style.css"
Author:         Florian Perrier <contact@florianperrier.com>
Author URI:     https://www.florianperrier.com
Template:       magnet
Version:        2.0.4
*/

@import url("../magnet/style.css");

header {
    margin: 20px 0 25px;
}

.logo{
    margin: 0px 0px 20px 0px;
}

.header_right {
    float: right;
    margin: 40px 0px 25px 30px !important;
    text-align: right;
}

.flex-direction-nav .flex-next:hover {background-color: #e57123 !important;}
.flex-direction-nav .flex-prev:hover {background-color: #e57123 !important;}

#footer {
    margin-top: 25px;
}

#menu-footer-menu li {
    float: left;
}

#menu-footer-menu li a {
    text-transform: uppercase;
}

#menu-footer-menu li:not(:last-child):after {
    content: " - ";
}

/* home page */
#homepageLinks div a {
    display: block;
    height: 206px;
    width: 240px;
}

#homepageLinks .column1 #training {
    background: url(../../uploads/2013/07/marcnyte_home_rubrique_training_sprite.png) no-repeat;
    text-indent:-9999px;
}

#homepageLinks .column1 #training:hover {
    background: url(../../uploads/2013/07/marcnyte_home_rubrique_training_sprite.png) no-repeat -240px 0px;
}

#homepageLinks .column2 #physio {
    background: url(../../uploads/2013/07/marcnyte_home_rubrique_physio_sprite.png) no-repeat;
    text-indent:-9999px;
}

#homepageLinks .column2 #physio:hover {
    background: url(../../uploads/2013/07/marcnyte_home_rubrique_physio_sprite.png) no-repeat -240px 0px;
}

#homepageLinks .column3 #massage {
    background: url(../../uploads/2013/07/marcnyte_home_rubrique_massage_sprite.png) no-repeat ;
    text-indent:-9999px;
}

#homepageLinks .column3 #massage:hover {
    background: url(../../uploads/2013/07/marcnyte_home_rubrique_massage_sprite.png) no-repeat -240px 0px;
}

#homepageLinks .column4 #personalview {
    background: url(../../uploads/2013/07/marcnyte_home_rubrique_personalview_sprite.png) no-repeat;
    text-indent:-9999px;
}

#homepageLinks .column4 #personalview:hover {
	background: url(../../uploads/2013/07/marcnyte_home_rubrique_personalview_sprite.png) no-repeat -240px 0px;
}

@media only screen and (min-width: 793px) and (max-width:1100px) {
    #homepageLinks div a {
        margin: 10px auto;
    }
    #homepageLinks div {
        width: 50% !important;
    }
}

@media only screen and (max-width: 792px) {
    .header_right {
        margin: 40px auto 25px !important;
    }

    #homepageLinks div a {
        margin: 10px auto;
    }
}

@media only screen and (max-width:1100px) {
    form#contact-form input[type="text"]:nth-child(2n) {
	float: left !important;
    }
}