/*removes format credit*/
#using { 
  font-size: 0 !important; 
}

#title_1 p b a {
  color: #5e7cbd !important;
  text-transform: uppercase;
}

#title_1 p b a:hover {
  color: #18225d !important;
}


/*NAVIG*/
/*J'ai niaisé avec le padding-left ici et le glitch du nav est parti (pour l'instant)*/
@media only screen and (min-width: 767px) {
  header {
  width: 105px !important; /*120px*/
  padding-left: 40px !important; /*35px*/
  padding-right: 19px !important;
  background-color: #18225d !important;   
  
/*background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=28357dff&noise=172b6b&density=83&opacity=100) !important;  
 /*background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=28357dff&noise=6780bf&density=32&opacity=42) !important;*/
  }
  
/*margin between navig and photos - main page*/  
.asset-container {
  margin-left: 40px !important;
}

/*logo size in nav*/
.wrapper {
  padding-right: 0px !important;
  width: 82px !important;
}  

nav ul {
  padding-bottom: 10px !important;
}

nav ul li a{
  /*font-weight: bold !important;*/
  letter-spacing: 0.05em;
  /*text-transform: uppercase;*/
  /*font-size: 0.93em !important;
  /*font-size: 0.91em !important;*/
  /*font-weight: 505 !important;*/
  color: white !important;  
  line-height: 32px !important;
}

/*nav ul li a:hover {
    /*font-weight: normal !important;*/
    /*text-decoration: line-through !important;
}*/
}

/*RESPONSIVE NAVIG - MOBILE*/
@media only screen and (max-width: 767px) {
.logo img { 
  opacity: 0% !important;
  /*background-color: #28357d !important;
  /*padding: 10px !important;*/
} 
.wrapper.open h1 {
  background: #18225d !important;
  margin-bottom: 20px !important;  
  /*background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=28357dff&noise=6780bf&density=32&opacity=42) !important;*/
}  


.wrapper #menu ul li a {
  color: white !important;
  letter-spacing: 0.05em;
  /*text-transform: uppercase;*/
  font-weight: bold !important;
  font-size: 1.1em !important;
  /*font-weight: bold !important;*/
}
/*color of social media icons when responsive for mobile*/
#social ul li a .social-icon {
  color: white !important;
   /* border-radius: 50%;
    height: 25px !important;
    width: 25px !important;*/
}
}


/*changes burger menu*/
span.ex, span.ex::before, span.ex::after {
  height: 1.5px !important;
  background: white !important;
}

/*changes X to close burger menu*/
.mobileMenu.mobile-menu-close, .mobileMenu.mobile-menu-close::before, .mobileMenu.mobile-menu-close::after  { 
  height: 1.5px !important;
}

/*BODY*/

/*WIDTH LARGEUR PORTFOLIO*/
/*responsive wrapper for images*/
#content { 
  max-width: 1025px !important; 
  min-width: 100px ! important;
  padding-left: -20px !important;
}

/*.twelvecol.last {
  margin-left: 10px !important;
}*/

/*changes contact form button color*/
#content_page_wrapper input[type="submit"] {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /*border: solid #28357d 1px !important;*/
    transition: 0.3s;
    color: #7c7c7c !important;
    /*border-radius: 8px;*/
}

/*cute hover on contact form button*/
#content_page_wrapper input:hover[type="submit"] {
    background-color:#18225d !important;
    /*border: solid #28357d 1px !important;*/
    color: white !important;
}

/*contact form margin top*/
.page-6202953 #content_page_wrapper form {
    margin-top: -37px !important;
}    


/*contact page links*/
/*.page-6202953 p a {
  text-decoration: none !important;
  color: #7c7c7c !important;
  font-size: 16px !important;
}

.page-6202953 p a:hover {
  color: #18225d !important;
  text-decoration: line-through !important;
}

.page-6202953 p {
  margin-top: -35px !important;
}

/*.page-6202953 .align_center {
  padding-top: -100px !important;
}*/



/*center text on images (main page)*/
.caption {
  /*bottom: 50px !important;*/
  /*font-size: 1.1em !important;
  /*left: auto !important;*/
  /*font-size: calc({slope}*1000vw + {y-intercept}px) !important;*/
  right: auto !important;
  bottom: auto !important;
  /*top: auto !important;*/
  top: 50% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-50%) !important;
  text-align: center !important;
  /*text-transform: uppercase !important;*/
  text-shadow: 1px 0px 3px #243173;
  letter-spacing: 0.07em !important;
  /*font-weight: normal !important;*/
}

/*changes default overlay opacity*/
.overlay:hover {
  overflow: visible !important;
  opacity: 0.85 !important;
  filter: alpha(opacity=100) !important;
}



/*aligns form to left without messing with internal pages (uses page id)*/
.page-6202953 #content_page_wrapper [data-content-module-removable] .twocol {
  /*width: 100% !important;*/
  max-width: 980px !important; 
  min-width: 200px ! important;
  width: 100% !important;
}

/*SECTION FOR SHOP*/

/*aligns product names (left)*/
h3.product-name, p.product-price {
  text-align: center !important;
  color: #18225d !important;
}

/*all caps on product name*/
/*h3.product-name {
  text-transform: uppercase;
  font-size: 15px !important;
  /*font-weight: bold !important;*/
  /*letter-spacing: 0.03em;
}*/

/*blue hover in shop*/
/*.image-placeholder:hover{
    background-color: #28357d !important;
overflow: visible !important;
  opacity: 0.70 !important;
  filter: alpha(opacity=70) !important;
}

/*SHOP - INNER PAGES*/

/*link in shop, on product*/
a.f-back-to-store-link {
  color: #18225d !important;
}

/*link in shop, on product (hover)*/
a.f-back-to-store-link:hover {
  color: #7c7c7c !important;
  text-decoration: none !important;
}

/*link in shop, on product (arrow)*/
.f-back-to-store-link svg {
    fill: #18225d !important;
}

/*attributes of product title*/
.sixcol.last.product-info.js-product-info .product-name {
  color: #18225d !important;
  text-transform: uppercase;
  font-size: 1.75em !important;
  line-height: 2 !important;
  margin-bottom: 0px !important;
}

/*attributes of product price*/
.sixcol.last.product-info.js-product-info .price {
  color: #18225d !important;
  font-size: 1em !important;
  line-height: 3 !important;
}

/*PAGE EXPRESSIONS QC*/

/*IMAGE CARROUSEL - bg white*/
.owl-stage-outer.owl-height {
  background-color:; transparent !important; 
}

/*removes bttn bg*/
.page-6221195 button {
  opacity: 0.2 !important;
  /*background-color: transparent !important;*/
}

/*removes bttn bg - #HourlyComic*/
.page-6204074 button {
  /*background-color: transparent !important;*/
  opacity: 0.2 !important;
}

/*Carrousel: reduces large bottom margin*/
.format-image-set-wrapper.hide-in-editor.twelvecol {
  margin-bottom: -100px !important;
}


/*BACK ARROWS (ON PAGES)*/

p a {
  color: #444444 !important;
  /*font-size: 25px !important;*/
  text-decoration: none !important;
  line-height: normal !important;
}

p a:hover {
  text-decoration: line-through !important;
  color: #5e7cbd !important;
}

/*AVAILABLE HERE*/

.page-6204070 #text_1 p a {
  font-size: 13px !important;
}

.page-6204070 #text_1 p a:hover {
  text-decoration: line-through !important;
  color: #5e7cbd !important;
}

/*adds a border to images (main)*/
/*
.image-wrap {
  border: 2px solid white !important;
}
*/

/*changing contact form text color*/
/*.page-6202953 div  { 
  color: #28357d !important;
}*/