/*
	Theme Name: Communauté des Communes du Sauveterrois
	Author: Champ de Pub
	Author URI: http://www.champdepub.com/
	Description: Site réalisé pour la CCS par # CHAMP de PUB
	Version: 1.0
*/

/*********************
		GRID
*********************/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}.row:after,.clearfix:after{clear:both}.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.grid{margin:0 auto;max-width:960px;width:100%}.wfull{width:100%;max-width:100%}.w320{max-width:320px}.w640{max-width:640px}.w960{max-width:960px}.row{width:100%}.row .row{width:auto;margin:0 -20px}.c1{width:8.33%}.c2{width:16.66%}.c3{width:25%}.c4{width:33.33%}.c5{width:41.66%}.c6{width:50%}.c7{width:58.33%}.c8{width:66.66%}.c9{width:75%}.c10{width:83.33%}.c11{width:91.66%}.c12{width:100%}.c1,.c10,.c11,.c12,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9{min-height:1px;float:left;position:relative}.s1{margin-left:8.33%}.s2{margin-left:16.66%}.s3{margin-left:25%}.s4{margin-left:33.33%}.s5{margin-left:41.66%}.s6{margin-left:50%}.s7{margin-left:58.33%}.s8{margin-left:66.66%}.s9{margin-left:75%}.s10{margin-left:83.33%}.s11{margin-left:91.66%}.end{float:right!important}

/* perso */
.w1280{ max-width: 1280px;}
.w1170{ max-width: 1170px;}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{padding-left: 20px; padding-right: 20px;}
.npleft{ padding-left: 0;}
.npright{ padding-right: 0;}
.mobile_only{ display: none;}

/*********************
	   SKELETON 
*********************/
html{ height: 100%;}

body{ height: 100%; /*background: #b3071b;*/ /*background: #f2f6df;*/ background: url('images/bg-campagne.jpg') repeat}

#web{ position: relative; min-height: 100%; overflow: hidden; padding: 0 0 100px 0;}

#topbar{ background: #e6e6e6; height: 20px;}
#topbar-inside{ width:100%; float: left; position: relative;}

#header{ background: #fff; height: 110px;}

#header-inside{ width:100%; float: left; position: relative;}

#logo{ z-index: 99999999; position: relative;}
#bandeau{ width: 100%; height: 70px; background: #e3ebb0; position: absolute; top: 49px; left: 0; z-index: 99999999; margin-left: -100%;}

#mail{ position: absolute; top: 0; right: 0; z-index: 9999999999;}

#contact{ position: absolute; right: 0; z-index: 999999999;}

#show-nav{ display: none;}

#wrapper{}

#wrapper-inside{ width: 100%; float: left; padding: 20px 0 0 0; position: relative;}

#content{ padding-bottom: 40px;}

#breadcrumb{ width: 100%; float: left; padding :0 20px 10px 20px;} /* Installer le plugin Breadcrumb NavXT */

#header-title{ width: 100%; float: left;}

article{ width: 100%; float: left; margin: 0 0 20px 0; padding: 0 0 20px 0;}
/*body.category article{ border-bottom: 1px solid #b3071b;}*/
div.thumb-left{ float: left; margin: 0 20px 10px 0;}

#nav-below{ width: 100%; float: left;}

#sidebar{}
#sticker{ width: 369px; float: left;}
#bandeau-left{ width: 177px; height: 98px; background: transparent url('images/bandeau-left.png'); position: absolute; top: 0; left: 0; z-index: 99999999;}
#ligne-left{ width: 100%; height: 70px; background: #e3ebb0; position: absolute; top: 0; left: 0; z-index: 99999999;}

#second-nav{ background: #b3071b; position: relative; z-index: 999999999;}

#more-actus{ width: 100%; float: left; margin-bottom: 20px;}

#footer{ position: absolute; bottom: 0; height: 100px; background: #b3071b;}

#mini-logo{ background: #b3071b; height: 70px; position: relative; z-index: 999999999;}
#mini-logo:before{
  top: -30px;
  left: 50%;
  margin-left: -15px;
  z-index: 10;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: inherit;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  content: '';
  pointer-events: none;
  background:#b3071b url('images/logo.png') no-repeat center center;
}


/*********************
	 TEXT & LINKS
*********************/
img.map, map area{ outline: none;}
body{ font-family: 'Lato', sans-serif; color: #000; font-size: 62.5%; text-align: justify; line-height: 1.4;}

#web{ font-size: 1.4em;}

a{ color: #b3071b; text-decoration: underline;}
a:hover{ color: #FF233D;}

#totop{ background:rgba(0, 0, 0, 0.8); display:none; position:fixed; bottom:0; right:0; z-index: 999999999;}

h1, h2, h3, h4, h5, h6{}

h1{ font-family: 'Droid Serif', serif; font-size: 1.8em; margin: 0 0 20px 0; color: #fff; background: #b3071b; padding: 5px 20px; text-align: center;}
h2{ font-size: 1.6em; margin: 0 0 15px 0;}
h3{ font-size: 1.2em; margin: 0 0 5px 0;}
h4{ font-size: 1.4em; margin: 0 0 5px 0;}

h1.search-title{ background: none; text-align: left; color: #b3071b; padding: 0; border-bottom: 2px solid #b3071b;}

h1#site-title{ float: left; width: 100%; }

h2{ color: #b3071b; border-bottom: 1px dotted #b3071b; padding-bottom: 5px;}
h2 a{ text-decoration: none;}

article h2{ margin-top: 30px;}
article h2:first-child{ margin-top: 0;}

p{ margin: 0 0 10px 0;}

#breadcrumb{ font-size: 0.9em; font-style: italic;}
#breadcrumb a{ text-decoration: none;}

p.edit-link{ margin: 40px 0 0 0;}

div.read-more{ width: 100%; float: left; margin-top: 30px; font-size: 0.8em; text-align: right;}
p.read-more{ text-align: right; margin-top: 30px;}
div.read-more a, p.read-more a{ padding: 10px; background: #b3071b; color: #fff; text-decoration: none;}
div.read-more a:hover, p.read-more a:hover{ background: #FF233D;}

a.post-edit-link{ background: #b3071b; color: #fff; padding: 10px 20px; text-decoration: none;}
a.post-edit-link:hover{ background: #FF233D;}

#more-actus a{ display: inline-block; float: right; background: #b3071b; padding: 10px 20px; color: #fff; text-decoration: none;}
#more-actus a:hover{ color: #000;}

#sidebar{ text-align: left;}

#mini-logo h6{ text-align: center; color: #fff; font-size: 1em; text-transform: uppercase; margin: 0; padding: 30px 0 0 0; font-weight: normal;}

#footer{ font-size: 0.8em; color: #fff; text-align: center;}
#footer p{ margin: 70px 0 0 0;}
#footer a{ color: #fff; text-decoration: none;}
#footer a:hover{ color: #e5eab0;}


/*********************
	 	IMAGES
*********************/
img{border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto}

/* structure */
#logo img{ float: left; position: absolute; margin: 10px 0 0 -175px; padding: 0; width: 532px; max-width: none; top: 0;}
#mail a{ position: relative; display: block;}

#mail-move{ position: relative; top: 0; transition: 0.4s;}
#mail-move:hover{ top: -5px; transition: 0.4s;}

/* category */
img.attachment-thumbnail{ float: left; margin: 0 20px 20px 0;}
div.thumb-left img.attachment-thumbnail{ margin: 0;}

/* comments */
.commentlist img{ margin: auto; display: inline}

/* wordpress */
img.alignleft{ float: left; margin: 0 20px 20px 0;}
img.alignright{ float: right; margin: 0 0 20px 20px;}
img.aligncenter{ float: none; margin: 20px auto;}

#sidebar img.alignleft{ float: left; margin: 0 20px 0 0;}
#sidebar img.alignright{ float: right; margin: 0 0 0 20px;}

body.category article img{ float: left; margin-right: 20px;}


/*********************
	  NAVIGATION 
*********************/
/* niveau 1 */
#nav{ font-size: 0.9em; text-align: center; padding: 40px 0.83% 0 0.83%; z-index: 9999999;}
#nav ul{ width: 100%; float: left; margin: 0; padding: 0; list-style-type: none; /*text-transform: uppercase;*/}
#nav li{ font-weight: bold; width: 16.66%; margin:0.83% 0; float: left; position: relative; background: #fff; height: 45px; line-height: 45px;}
#nav a{ text-decoration: none; color: #000; vertical-align: middle; display: inline-block; line-height: normal; padding:0 5px;}
#nav a:hover{ color: #fff;}
#nav li.current-menu-item, #nav li.current-menu-parent, #nav li.current-post-ancestor, #nav li.current-category-ancestor, #nav li.current-menu-ancestor{ background: #afc90a;}
#nav li.current-menu-item > a, #nav li.current-menu-parent > a, #nav li.current-post-ancestor > a, #nav li.current-category-ancestor > a, #nav li.current-menu-ancestor > a{ color: #fff;}
#nav li.current-menu-item li, #nav li.current-menu-parent li, #nav li.current-post-ancestor li, #nav li.current-menu-ancestor li{ border-bottom: none;}

/* niveau 2 */
#nav li ul{ display: none; font-size: 1em;}
#nav li:hover{ background: #afc90a;}
#nav li:hover > a{ color: #fff;}
#nav li:hover > ul{ display: block;}
#nav li ul{ position: absolute; padding: 0; margin: 0; z-index: 1000; text-transform: none;}
#nav li:last-child ul{ margin-left: -100%;}
#nav li ul li{ background: #b2c91c; font-family: 'Lato', sans-serif; font-weight: normal; padding: 0; width: 200%; margin: 0; border-top: 1px solid #000; height: auto; line-height: 1.4;}
#nav li ul li.menu-parent-item:before{ content: ">"; color: #000; position: absolute; right: 0; font-weight: bold; padding-right: 5px; top: 50%; margin-top: -8px;}
#nav li ul li:first-child{ border-top: none;}
#nav li li:hover{ border-bottom: none;}
#nav li ul li a{ color: #000; display: block; vertical-align: none; text-align: left; padding: 10px;}
#nav li ul li a:hover{ color: #fff;}
#nav li ul li:first-child{ padding-left: 0;}
#nav li li.current-menu-item, #nav li li.current-menu-parent, #nav li li.current-post-ancestor, #nav li li.current-category-ancestor{ border-bottom: none;}
#nav ul li.current-menu-item ul li a, #nav ul li.current-menu-parent ul li a, #nav ul li.current-post-ancestor ul li a{ color: #000;}
#nav ul li.current-menu-item ul li a:hover, #nav ul li.current-menu-parent ul li a:hover, #nav ul li.current-post-ancestor ul li a:hover{ color: #fff;}
#nav ul li ul li.current-menu-item > a, #nav ul li ul li.current-menu-parent > a, #nav ul li ul li.current-post-ancestor > a{ color: #fff;}
#nav ul ul ul, #nav ul ul li:last-child ul{ left: 100%; top: 0; margin-left: 0;}
#nav ul ul ul li{ border-left: 1px solid #66020e; width: 100%;}

#accessibilite ul{ float: right; list-style-type: none; padding: 0 50px 0 0; margin: 0; font-size: 0.9em; line-height: 1; text-transform: lowercase;}
#accessibilite li{ float: left; position: relative; padding-left: 15px; margin-left: 5px; height: 20px; line-height: 20px;}
#accessibilite li:before{ content: ">"; position: absolute; left: 0;}
#accessibilite a{ color: #000; text-decoration: none;}
#accessibilite a:hover{ color: #000; text-decoration: underline;}

#nav-bottom{ font-size: 1em; padding-top: 20px;}
#nav-bottom ul{ width: 100%; margin: 0; padding: 0; float: left; list-style-type: none; text-align: center; text-transform: uppercase; font-weight: bold; text-align: center;}
#nav-bottom li{ width: 16.66%; float: left; padding-top: 120px;}
#nav-bottom ul li:nth-child(1){ background: transparent url('images/icons/vivre.png') no-repeat center top;}
#nav-bottom ul li:nth-child(2){ background: transparent url('images/icons/cdc.png') no-repeat center top;}
#nav-bottom ul li:nth-child(3){ background: transparent url('images/icons/divertir.png') no-repeat center top;}
#nav-bottom ul li:nth-child(4){ background: transparent url('images/icons/entreprendre.png') no-repeat center top;}
#nav-bottom ul li:nth-child(5){ background: transparent url('images/icons/decouverte.png') no-repeat center top;}
#nav-bottom ul li:nth-child(6){ background: transparent url('images/icons/manifestations.png') no-repeat center top;}
#nav-bottom a{ display: block; text-decoration: none; color: #fff; padding: 0 0 20px 0;}
#nav-bottom ul li a:hover{ cursor: default;}
/*#nav-bottom a:hover, #nav-bottom li.current-menu-item a, #nav-bottom li.current-menu-parent a, #nav-bottom li.current-post-ancestor a{ color: #fff;}*/
#nav-bottom ul ul{ width: 100%; text-align: left; font-weight: normal; text-transform: none;}
#nav-bottom ul ul li{ width: 100%; float: left; margin: 0; padding: 2px 0 2px 10px;}
#nav-bottom ul ul li:nth-child(n){ background: none;}
#nav-bottom ul ul li a{ padding: 0; color: #e09e9f; font-size: 0.9em; cursor: pointer;}
#nav-bottom ul ul li a:hover{ color: #fff; cursor: pointer;}
#nav-bottom ul ul ul{}
/*#nav-bottom ul ul ul ul{ display: none;}*/

#contact ul{ list-style-type: none; margin: 0; padding: 5px 60px 0 0; color: #72bf44;}
#contact ul li{ float: left; padding: 5px 10px;}
#contact ul li span{ float: left; height: 21px; line-height: 21px; padding-left: 25px;}
#contact a{ text-decoration: none; color: #72bf44;}
#contact a:hover{ text-decoration: underline;}
span.tel{ background: transparent url('images/icons/tel.png') no-repeat left center;}
span.fax{ background: transparent url('images/icons/fax.png') no-repeat left center;}
span.mail{ background: transparent url('images/icons/mail.png') no-repeat left center;}

/*********************
	  SIDEBAR 
*********************/
#sidebar{ color: #999;}
#sidebar h3{ color: #808080; margin: 0 0 10px 0; text-transform: uppercase; font-size: 1em;}
#sidebar h3 a{ text-decoration: none; color: #808080;}
#sidebar h3 a:hover{ color: #72bf44;}
ul#widgets-list{ width: 100%; float: left; margin: 0 0 80px 0; padding: 20px 20px 40px 20px; list-style-type: none; background: #fff;}
#widgets-list h2{ font-family: 'Droid Serif', serif; padding: 5px 0;}
ul#widgets-list li{ width: 100%; padding-bottom: 20px; margin: 0; position: relative; float: left;}
ul#widgets-list li.title-sidebar{ margin: 0; padding: 0; border: none;}
ul#widgets-list li:last-child{ width: 350px; height: 70px; position: absolute; bottom: 45px; border: none; background: #e3ebb0; padding:5px 10px; text-transform: uppercase;}
ul#widgets-list li ul{ list-style-type: none; margin: 0; padding: 0;}
ul#widgets-list li ul li{ width: 100%; margin: 0 0 10px 0; border: none;}
#sidebar a{ color: #72bf44; text-decoration: none;}


/*********************
	  	FORM 
*********************/
input, textarea{ font-family: 'Lato', sans-serif; outline: none; }

/* contact form 7 // plugin à installer */
form.wpcf7-form{}
form.wpcf7-form input, form.wpcf7-form textarea{ width: 50%; border: 1px solid #3d3f3f; padding: 10px; background: #b0c90a; color: #fff;}
form.wpcf7-form input:focus, form.wpcf7-form textarea:focus{ border-color: #b3071b;}
form.wpcf7-form input[type="submit"]{ width: auto; padding: 10px; border: none; background: #b3071b; color: #fff;}
form.wpcf7-form input[type="submit"]:hover{ cursor:pointer; background:#FF233D;}

/* search */
#searchform input[type="search"]{ width: 100%; border: 1px solid #3d3f3f; padding: 20px 50px; background: #5c7814 url('images/loupe.png') no-repeat right; /*background: #14b08d url('images/search.png') no-repeat right;*/ color: #fff; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
#searchform input[type="search"]:focus{ border-color: #3d3f3f;}

/* comments */
form#commentform{}
textarea#comment{ width: 100%; padding: 5px; border: 1px solid #CCC;}
textarea#comment:focus{ border-color:#b3071b;}
#commentform input[type="submit"]{ padding: 5px 10px; border:none; background:#000; color:#fff;}
#commentform input[type="submit"]:hover{ cursor:pointer; color: #b3071b;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

/*********************
	  COMMENTS
*********************/
ol.commentlist{ padding :0 0 0 20px;}
.comment-body{ border-bottom: 1px dotted #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0;}


.live-edit-button{ display: none!important; left: 20px!important; right: auto!important; padding: 0 20px!important; height: 45px!important; line-height: 45px!important; text-decoration: none!important; border-radius: 0!important; font-weight: bold!important; background: #859615!important; color: #fff!important; border: none!important; box-shadow: none!important}
.live-edit-button:hover{ background: #b2c91c!important;}


/*********************
	  HOME SLIDER
*********************/
#slider{
    background-color: #fff;
    width:740px;
    height:360px;
    margin:0px auto;
    position:relative;
    color:#fff;
    /*letter-spacing:-1px;*/
    overflow:hidden;
    /*margin-bottom: 20px;*/
}
img.bg{
    position:absolute;
    top:0px;
    left:0px;
}
#slider ul{
    list-style:none;
    position:absolute;
    right:0px;
    top:0px;
    margin: 0;
    z-index:999999;
    padding: 0;
    height: 370px;
    background: #b3071b;
}
#slider ul li{
    display:block;
    float:left;
    clear:both;
    width:240px;
    text-align: left;
}
#slider ul li a{
    width:240px;
    float:right;
    clear:both;
    padding-left:20px;
    padding-right: 10px;
    text-decoration:none;
    display:block;
    height:60px;
    line-height:60px;
    background-color:#e5eab0;
    margin: 0;
    color:#000;
    font-size:0.9em;
    text-transform: none;
    text-align: center;
}
#slider ul li a:before{
  position: absolute;
  content: ">";
  left: 5px;
}
#slider ul li a span{
  width: 100%;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  text-align: left;
}
#slider ul li a:hover{
}
#slider ul li a.active{ background-color: #afc90a; color:#fff;}
#slider ul li a.inactive{ background-color: #e5eab0; color:#000;}
#slider .heading{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    background: rgba(0, 0, 0, 0.7);
}
#slider h2{
    font-weight:normal;
    font-size:2em;
    padding:0 20px;
    height:60px;
    line-height:60px;
    border: none;
    margin: 0;
    color: #fff;
}
#slider .description{
    width:500px;
    height:80px;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:10px 20px;
    background: rgba(0, 0, 0, 0.7);
    font-size: 0.9em;
}
#slider .description p{
    text-transform:none;
    letter-spacing:normal;
    line-height: 1.2;
}
a.more{
    text-decoration:none;
    float: right;
    color: #fff;
    padding: 5px 10px;
    background: #b3071b;
}
a.more:hover{
	background: #FF233D;
}
#slider img{ width: 500px; height: auto; float: left;}



/*********************
   CARTE INTERACTIVE
*********************/
.map{ width: 740px; height: 447px; margin-bottom: 40px; margin-top: 40px; background: url('images/carte-interactive-entiere.png') left top no-repeat; position: relative;}
.map .overlay{ width: 740px; height: 447px; background: url('images/carte-interactive-entiere.png') 740px top no-repeat; z-index: 1; position: absolute; top: 0; left: 0;}
.map img{ position: absolute; top: 0; left: 0; z-index: 2;}
.map .tooltip{ position: fixed; border-radius: 5px; color: #fff; background: #000; padding: 5px 10px; display: inline; top: 0; left: 0; z-index: 3;}
#communes-content{ width: 100%; float: left; min-height: 700px; padding: 9px 20px 20px 20px; background: #fff;}
#communes-content article{ width: 100%; float: left;}
#communes-content article.hidden{ display: none;}
#communes-content article.shown{ display: none;}
#communes-content p{ width: 100%; float: left;}
#communes-content img{ float: left;}


/*********************
		COOKIES
*********************/
.cookieBannerContainer{ font-size: 14px!important; opacity: 0.9!important; z-index: 10000000000!important;}
.cookieBannerRemove{ padding: 0 10px!important;}

/*********************
	 MEDIA QUERIES 
*********************/

/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:1366px){
	#web{ font-size: 1.2em;}
	#totop img{ width: 75px; height: auto;}
	#nav{ padding-top: 45px;}
	#nav li{ height: 40px; line-height: 40px;}
}

@media only screen and (max-width:1279px){
  #slider{ width:100%;}
  #slider img{ width: 60%;}
  #sticker{ width: 100%;}
}
@media only screen and (max-width:1024px){
  .mobile_only{ display: block;}
  #bandeau, #logo{ display: none;}
  #logo-mobile{ margin-top: 20px;}
  #mail{ right: 10px;}
}

@media only screen and (max-width:960px){
	.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width: 100%;margin-bottom: 20px}
	.row .row > div:last-child{margin-bottom: 0!important}
	#wpadminbar{ display: none;}
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px){
	#web{font-size: 1.2em}
	.row{margin-bottom: 0!important}
	.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{ width: 100%; margin-right: 0; margin-left: 0; margin-bottom: 20px; padding-left:20px;padding-right:20px;}
	#web{ font-size: 1em;}
  #header{ height: auto;}
	#nav{ display: none;}
  #logo-mobile{ margin-top: 40px;}
	#logo img{ float: none; margin: 10px auto;}
	#show-nav{ display: block; text-align: center; color: #fff;}
	#show-nav p{ margin: 0; padding: 10px; cursor: pointer; color: #000;}
  #nav{ padding: 0 20px;}
	#nav ul, #nav ul li ul, #nav ul li ul li ul{ width: 100%; float: left; border-top: 1px solid #fff; position: relative; left: 0;}
	#nav ul li, #nav li ul li{ width: 100%; padding: 10px 0; text-align: center;}
  /*#nav a{ padding: 0; display: block;}*/
  #nav-bottom li{ width: 33.33%; display: inline-block; height: 500px;}
  #nav-bottom li li{ height: auto;}

	#footer{ font-size: 0.5em; text-align: center;}
}

@media handheld, only screen and (max-width: 640px){
  #nav-bottom li{ width: 100%; height: auto;}
}