/*
Theme Name: Naked Wordpress
Theme URI: http://bckmn.com/naked-wordpress
Author: J Beckman
Author URI: http://bckmn.com
Description: A super bare theme for designers who don't know Wordpress PHP but want to build with Wordpress.
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
/* RESPONSIVE
-------------------------------------------------------------- */





/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
  #headermobile{display: block;}
  header, #menumobile, .menu-menu-footer-container, .menu-contact-help-container{display: none;}
  main{margin: 60px auto 0;}
  #menumobile{height: calc(100% - 60px); top: 60px;}
  a#logo_header_mobile{width: 100px;}
  #headermobile{padding: 10px 20px;}
  #btnmenu{width: 40px; height: 40px;}
  #top_footer{padding: 20px 0;}
  #who_is_riso{width: 100%;}
  a#logo_footer{width: 100px; margin: 0 calc(50% - 50px) 15px;}
  #who_is_riso p{display: none;}
  #contact_footer{width: 100%;}
  .phone_number_footer{margin: 0 18px; width: 126px;}
  .socials{width: 120px; margin: 4px auto 0;}
  a#back-to-top{width: 60px; font-size: 10px; line-height: 10px; right: 0; padding: 14px 6px 6px; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px;}
  a#back-to-top::before{width: 14px; height: 14px; left: calc(50% - 7px);}
  #cta_right{display: none;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
  #top_footer{padding: 30px 0;}
  #who_is_riso{width: 100px; margin: 0 20px 0 0;}
  a#logo_footer{width: 100px; margin: 0 auto;}
  #contact_footer{width: calc(100% - 120px);}
  .phone_number_footer{margin: 2px 47px 0 47px;}
  .socials{margin: 5px auto 0;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 600px) {
  .menu-menu-footer-container, .menu-contact-help-container{display: block;}
  #top_footer{padding: 40px 0;}
  #who_is_riso{width: 100px; margin: 0 auto;}
  .menu-menu-footer-container{width: calc(100% - 240px); padding: 0 30px;}
  ul#menu-menu-footer li{width: 50%; padding: 0 4px; margin: 0 auto 8px;}
  ul#menu-menu-footer li a, ul#menu-contact-help li a{font-size: 12px; line-height: 12px; padding: 0 0 4px;}
  #contact_footer{width: 140px;}
  .phone_number_footer{margin: 10px auto 20px; width: auto;}
  .socials{width: auto; margin: 0 auto;}
  a#back-to-top{padding: 16px 6px 6px;}
  a#back-to-top::before{width: 16px; height: 16px; left: calc(50% - 8px);}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  a#logo_header_mobile{width: 120px;}
  #headermobile{padding: 15px 30px;}
  main{margin: 78px auto 0;}
  #menumobile{height: calc(100% - 78px); top: 78px;}
  #btnmenu{width: 48px; height: 48px;}
  a#logo_footer{margin: 0 auto;}
  #top_footer{padding: 50px 0;}
  #who_is_riso{width: 100px;}
  .menu-menu-footer-container{width: calc(100% - 240px); padding: 0 30px;}
  ul#menu-menu-footer li{width: 33.3334%; padding: 0 6px; margin: 0 auto 12px;}
  ul#menu-menu-footer li a, ul#menu-contact-help li a{font-size: 14px; line-height: 14px; padding: 0 0 6px;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  #headermobile, #menumobile{display: none;}
  header{display: block;}
  main{margin: 0 auto 0;}
  #top_header{padding: 6px 0;}
  ul#menu-menu-top-header li a, #phone_number_header{font-size: 12px; line-height: 16px;}
  ul#menu-menu-top-header li#menu-item-2180{margin: 0 15px; padding: 0 15px;}
  ul#menu-menu-top-header li#menu-item-2181{margin: 0 15px 0 0; padding: 0 15px 0 0;}
  ul#menu-menu-top-header li#menu-item-2181 a{padding: 0 0 0 18px;}
  ul#menu-menu-top-header li#menu-item-2181 a::before{width: 14px; height: 14px; top: 2px;}
  #langues span{font-size: 12px; line-height: 16px; padding: 0 0 0 18px;}
  #langues span::before{width: 14px; height: 8px; top: 4px;}
  #langues{padding: 0 14px 0 0;}
  #langues::after{width: 8px; height: 8px; top: 4px;}
  #langues a{font-size: 12px; line-height: 16px; padding: 2px 4px 2px 22px; left: -4px; top: 17px;}
  #langues a.nlsite{top: 37px;}
  #langues a.besite{top: 57px;}
  #langues a::before{width: 14px; height: 8px; left: 4px; top: 7px;}
  #bottom_header{top: 30px; padding: 10px 0 0;}
  a#logo_header{width: 120px;}
  form#searchform{margin: 10px auto 0; width: 140px;}
  .menu-menu-principal-container{max-width: calc(100% - 320px); margin: 14px 30px 0;}
  ul#menu-menu-principal li a, ul#menu-menu-principal li.current-page-ancestor ul.sub-menu li a{font-size: 13px; line-height: 14px; padding: 0 0 2px;}
  ul#menu-menu-principal li{padding: 0 10px;}
  ul#menu-menu-principal li ul.sub-menu{top: -4px; padding: 30px 0 6px 0;}
  ul#menu-menu-principal li ul.sub-menu li{padding: 3px 6px 0; margin: 3px auto 0;}
  ul#menu-menu-principal li ul.sub-menu li a, ul#menu-menu-principal li.current-page-ancestor ul.sub-menu li a{font-size: 12px; line-height: 15px;}
  #top_footer{padding: 60px 0;}
  #who_is_riso{width: 400px;}
  .menu-menu-footer-container{width: calc(100% - 540px); padding: 0 40px;}
  ul#menu-menu-footer li{width: 50%;}
  a#logo_footer{width: 110px;}
  #who_is_riso p{font-size: 10px; line-height: 16px; margin: 16px auto 0; display: block;}
  a#back-to-top{font-size: 11px; line-height: 12px; right: 20px; padding: 18px 8px 6px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px;}
  a#back-to-top::before{width: 18px; height: 18px; left: calc(50% - 9px);}
  a#back-to-top:hover{padding: 14px 8px 6px}
  a#back-to-top:hover::before{top: -4px;}
  #cta_right{display: block;}
  #cta_right{width: 140px; top: 240px; padding: 10px; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px;}
  #cta_right span{font-size: 13px; line-height: 14px; margin: 0 auto 5px;}
  #cta_right a.button_rose{font-size: 11px; line-height: 12px; padding: 6px 10px; width: 120px; margin: 0 calc(50% - 60px);}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  #top_header{padding: 8px 0;}
  ul#menu-menu-top-header li a, #phone_number_header{font-size: 13px; line-height: 18px;}
  ul#menu-menu-top-header li#menu-item-2180{margin: 0 20px; padding: 0 20px;}
  ul#menu-menu-top-header li#menu-item-2181{margin: 0 20px 0 0; padding: 0 20px 0 0;}
  ul#menu-menu-top-header li#menu-item-2181 a{padding: 0 0 0 22px;}
  ul#menu-menu-top-header li#menu-item-2181 a::before{width: 16px; height: 16px; top: 1px;}
  #langues span{font-size: 13px; line-height: 18px; padding: 0 0 0 22px;}
  #langues span::before{width: 16px; height: 9px; top: 5px;}
  #langues{padding: 0 16px 0 0;}
  #langues::after{width: 9px; height: 9px; top: 5px;}
  #langues a{font-size: 13px; line-height: 18px; padding: 3px 5px 3px 27px; left: -5px; top: 18px;}
  #langues a.nlsite{top: 41px;}
  #langues a.besite{top: 64px;}
  #langues a::before{width: 16px; height: 9px; left: 5px; top: 8px;}
  #bottom_header{top: 36px; padding: 15px 0 0;}
  a#logo_header{width: 130px;}
  form#searchform{margin: 13px auto 0; width: 160px;}
  .menu-menu-principal-container{max-width: calc(100% - 370px); margin: 17px 40px 0;}
  ul#menu-menu-principal li a, ul#menu-menu-principal li.current-page-ancestor ul.sub-menu li a{font-size: 14px; line-height: 16px; padding: 0 0 3px;}
  ul#menu-menu-principal li{padding: 0 12px;}
  ul#menu-menu-principal li ul.sub-menu{top: -6px; padding: 36px 0 8px 0;}
  ul#menu-menu-principal li ul.sub-menu li{padding: 4px 8px 0; margin: 4px auto 0;}
  ul#menu-menu-principal li ul.sub-menu li a, ul#menu-menu-principal li.current-page-ancestor ul.sub-menu li a{font-size: 13px; line-height: 16px;}
  #top_footer{padding: 60px 0;}
  #who_is_riso{width: 440px;}
  .menu-menu-footer-container{width: calc(100% - 580px); padding: 0 60px;}
  ul#menu-menu-footer li{padding: 0 8px; margin: 0 auto 16px;}
  ul#menu-menu-footer li a, ul#menu-contact-help li a{font-size: 15px; line-height: 15px; padding: 0 0 7px;}
  a#logo_footer{width: 120px;}
  #who_is_riso p{font-size: 11px; line-height: 18px; margin: 18px auto 0;}
  #cta_right{width: 160px; top: 320px; padding: 12px;}
  #cta_right span{font-size: 14px; line-height: 16px; margin: 0 auto 8px;}
  #cta_right a.button_rose{font-size: 12px; line-height: 12px; padding: 7px 11px; width: 130px; margin: 0 calc(50% - 65px);}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {
  #top_header{padding: 10px 0;}
  ul#menu-menu-top-header li a, #phone_number_header{font-size: 14px; line-height: 20px;}
  ul#menu-menu-top-header li#menu-item-2180{margin: 0 25px; padding: 0 25px;}
  ul#menu-menu-top-header li#menu-item-2181{margin: 0 25px 0 0; padding: 0 25px 0 0;}
  ul#menu-menu-top-header li#menu-item-2181 a{padding: 0 0 0 24px;}
  ul#menu-menu-top-header li#menu-item-2181 a::before{width: 18px; height: 18px; top: 1px;}
  #langues span{font-size: 14px; line-height: 20px; padding: 0 0 0 24px;}
  #langues span::before{width: 18px; height: 10px; top: 5px;}
  #langues{padding: 0 18px 0 0;}
  #langues::after{width: 10px; height: 10px; top: 5px;}
  #langues a{font-size: 14px; line-height: 20px; padding: 4px 6px 4px 30px; left: -6px; top: 19px;}
  #langues a.nlsite{top: 43px;}
  #langues a.besite{top: 68px;}
  #langues a::before{width: 18px; height: 10px; left: 6px; top: 9px;}
  #bottom_header{top: 42px; padding: 20px 0 0;}
  a#logo_header{width: 150px;}
  form#searchform{margin: 16px auto 0; width: 180px;}
  .menu-menu-principal-container{max-width: calc(100% - 440px); margin: 20px 60px 0;}
  ul#menu-menu-principal li a, ul#menu-menu-principal li.current-page-ancestor ul.sub-menu li a{font-size: 15px; line-height: 18px; padding: 0 0 4px;}
  ul#menu-menu-principal li{padding: 0 20px;}
  ul#menu-menu-principal li ul.sub-menu{top: -8px; padding: 42px 0 10px 0;}
  ul#menu-menu-principal li ul.sub-menu li{padding: 5px 10px 0; margin: 5px auto 0;}
  ul#menu-menu-principal li ul.sub-menu li a, ul#menu-menu-principal li.current-page-ancestor ul.sub-menu li a{font-size: 14px; line-height: 17px;}
  #top_footer{padding: 70px 0;}
  #who_is_riso{width: 500px;}
  .menu-menu-footer-container{width: calc(100% - 640px); padding: 0 80px;}
  ul#menu-menu-footer li{width: 33.3334%; padding: 0 10px; margin: 0 auto 20px;}
  ul#menu-menu-footer li a, ul#menu-contact-help li a{font-size: 16px; line-height: 16px; padding: 0 0 8px;}
  a#logo_footer{width: 130px;}
  #who_is_riso p{font-size: 12px; line-height: 20px; margin: 20px auto 0;}
  a#back-to-top{width: 100px; font-size: 12px; line-height: 14px; right: 30px; padding: 20px 8px 6px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
  a#back-to-top::before{width: 20px; height: 20px; left: calc(50% - 10px);}
  a#back-to-top:hover{padding: 16px 8px 6px}
  a#back-to-top:hover::before{top: -6px;}
  #cta_right{width: 180px; top: 350px; padding: 15px; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px;}
  #cta_right span{font-size: 14px; line-height: 16px; margin: 0 auto 10px;}
  #cta_right a.button_rose{font-size: 13px; line-height: 14px; padding: 8px 12px; width: 140px; margin: 0 calc(50% - 70px);}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1800px) {
  #top_footer{padding: 80px 0;}
  .menu-menu-footer-container{padding: 0 100px;}
  a#logo_footer{width: 140px;}
  a#back-to-top{width: 120px; font-size: 13px; line-height: 15px; right: 50px; padding: 22px 10px 6px;}
  a#back-to-top::before{width: 22px; height: 22px; left: calc(50% - 11px);}
  a#back-to-top:hover{padding: 16px 10px 6px}
  a#back-to-top:hover::before{top: -6px;}
}