/*
 Theme Name:     Toivo-lite child theme by ELA
 Theme URI:      http://webexpress.fr
 Description:    Toivo-lite custom child theme by ELA
 Author:         ELA / Toivo
 Author URI:     <none>
 Template:       toivo-lite
 Version:        0.0.1
*/

/* NO need to import parent style : already imported ! 

@import url("../toivo-lite/style.css");

*/

/*

     __ __    __    __  __  __ __ __    __ __  
|  ||_ |__)  |_ \_/|__)|__)|_ (_ (_    |_ |__) 
|/\||__|__)  |__/ \|   | \ |____)__).  |  | \ 


*/

/* Identity colors --------------------

Bleu logo : #8AB6C6 (138,182, 198)
Gris logo : #575756 ; #323232 (87, 87, 86)
Jaune CTA : #ffeb00 - 255 235 0
Gris txt CTA : #626161; #747373 

*/

/* #0 Media Queries : see at end ------------------ */

/* #1 ELA Common styles ------------------ */
div.build {
	color: magenta;
	font-style: italic;
}

.align-justify {
  text-align: justify;
}
	
.align-center {	
  text-align: center;
  margin: auto;
		}

hr.clear {
	visibility: hidden;
	clear: both;
}

.svg-img {
	max-width: 100%;
}

div.insert-page {
    /*border: 1px dotted yellowgreen;*/
}

/* page separator*/
div.page-separator {
	display: none;
	height: 3em;
	background-size: auto 50%;
	background-repeat: no-repeat;
	background-position: center;
	margin: 2em 0;
	clear: both;
}

/* page citation*/
div.page-citation blockquote {
	border: 1px solid dimgray;
	zmargin: 3em;
	color: navy;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
}

.justified {
  text-align: justify;
 }
.left-align {
  text-align: left;
 }
	  
.inside ul {
 list-style: inside;
 margin-left: 0;
}
.inside ul li {
 margin:0;
 zlist-style-type : none;
}
.inside ul li:before {
  zcontent: "– "; /* wrn this is medium quadratin, not std*/
	}
/*hack for preceding p margin bottom */
.inside.up {
   margin-top:-1em; 
	}
.icon-h3em img {
 max-height: 3em;
}

/* buttons ela*/
.button {
	text-align: center;
	font-weight: 500;
}

.entry-content .button a {
	color: white !important;
	border: 1px solid #ef4b4a;
	border-radius: 2px;
	display: inline-block;
	font-size: 0.9em;
	letter-spacing: 1px;
	line-height: 1em;
	margin: 0 0 0;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	zopacity: .9;
    background-color: #ef4b4a; /*#8AB6C6*/
    zcolor: #626161 !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05),0 2px 10px 0 rgba(0,0,0,0.05);
    font-family: 'Open Sans';
}

.button a:hover {
	background-color: white;
	opacity: 1;
	color: #ef4b4a !important;
	border-color: #ef4b4a;
    text-decoration: none !important;
}

/* CTA */
.entry-content .button.button-CTA a {
	}
	
.button.button-CTA a:hover {
}

/*footer mention*/
/*footer creation mention*/
.footer-creation-mention {
  zopacity:0.6;
  font-size:0.8em;
	}

.footer-creation-mention a {
  zdisplay: none;
  zfont-size:0.8em !important;
	}
.footer-creation-mention:hover a {
  display: inline-block;
	}
.footer-creation-mention img {	
 vertical-align: middle;
 height: 2em;
  transition: all 2s ease;
}
.footer-creation-mention:hover img {
  transform: rotate(360deg) scale(1.5);
  zpadding:1em;
	}
.footer-creation-mention:hover {
		opacity:1;
}
.width-700p {
  max-width: 700px;
  }
.width-800p {
  max-width: 800px;
  }
.width-900p {
  max-width: 900px;
  }
.width-1000p {
  max-width: 1000px;
  }
.width-1200p {
  max-width: 1200px;
  }
  
.icons-100p img, 
.icons-100p svg {
  max-width: 100px;
  height: auto;
}
	
.icons-100p svg {
	  	fill: #8AB6C6;
	zfilter: drop-shadow( 1px 1px 0px rgba(0,0,0,.3) );	  
}
	
.invert .icons-100p svg {
	  	fill: white;
	filter: drop-shadow( 1px 1px 0px rgba(0,112,114,.2) );	  
}

.draft {
  zborder: 3px dotted magenta;
  zbackground-color: rgba(255, 125, 125, 0.05);
}

/* #2 HTML styles ------------------ */

body, button, input, select, textarea {
    font-family: 'Open Sans';
  color: #222;
}

strong {
  font-weight: 700;
  color: rgb(50, 55, 60);
}

/* links */
a, a:visited, #top-header {
	color: #8AB6C6;
}

/* img */
img {
/*border: 1px solid magenta;*/
}

/* define gobal txt color */
body, button, input, select, textarea {
	
}

/* #3 Theme styles ------------------ */

/* hide article cat links*/
footer.entry-footer {
	display: none;
}

/* hide art next / previous */
nav.post-navigation {
	display: none;
}

/* header bkg ?*/
#masthead {
  background-color: #5f7bb7;
  zbackground: linear-gradient(to right, #8AB6C6, #575756 50%,  #8AB6C6);
  zbackground: linear-gradient(to right, #575756, #8AB6C6 ,  #575756);
  zbackground: #5f7bb7, linear-gradient(to top, #5f7bb7, white);
  background-image : linear-gradient(60deg,#5f7bb7 0%,#9cbcff 100%);
}

.site-header {
  border-bottom: 0px solid white;
}

.site-branding {
	padding: 1em 0;
}

/* header logo */
.site-title a {
	content: " ";
	border: 0;
	color: transparent !important;
	background-color: rgba(0,0,0,0);
    background-image: url("/wp-content/uploads/2018/06/Kaholia-logo-v2.svg");
  	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
    overflow: hidden;
    height: 1em;
  filter : drop-shadow(8px 8px 8px rgba(255, 255, 255, 0.42));
  animation: logo-icon-pulse-shadow 2s ease-in-out infinite alternate;
}

@Keyframes logo-icon-anim {

  0% {
  
	  transform: perspective(10em) rotateY(-40deg);
  
  }
  50% {
  
	  transform: perspective(10em) rotateY(0deg);
  
  }
  100% {
  
	  transform: perspective(10em) rotateY(40deg);
  
  }
}

@Keyframes logo-icon-pulse-shadow {

  0% {
  
	  filter : drop-shadow(8px 8px 8px rgba(255, 255, 255, 0.10));
  
  }
  100% {
  
	  filter : drop-shadow(8px 8px 8px rgba(255, 255, 255, 0.22));
  
  }
}
.site-description {
	padding: 0;
	font-style: normal;
	ztext-transform: uppercase;
	font-size: 1em;
  color: white !important;
  letter-spacing: 1px;
 font-weight: 700;
 font-family: Montserrat;
  text-shadow: 0 1px 1px rgba(95, 123, 183,0.1), 0 1px 2px rgba(95, 123, 183, 1);
}

/* Theme footer :: --------------------------- */

/* footer color */
.sidebar-subsidiary .site-description {
	color: white;
}

/* hide default footer */
footer#colophon {
	zdisplay: none;
}

/* footer correct huge spacings */
#sidebar-subsidiary, #sidebar-front-page, #testimonial-area {
/*padding: 0;*/
}

/*footer elements :: */
.sidebar-subsidiary {
	padding: 0 !important;
	padding-top: 1em !important;
	background-color: #5f7bb7 !important;
  font-family: 'Open Sans';
  font-size: 1em;
  color: white;
}

.sidebar-subsidiary section {
	padding: 0 1em !important;
}

.sidebar-subsidiary a, .sidebar-subsidiary a:visited {
	color: white !important;
}

/*hide second footer item*/
#sidebar-subsidiary .widget:nth-child(2n){
  display: none;
}

/* set first item to 100%*/
#sidebar-subsidiary .widget:nth-child(2n+1) {
  width: 100%;
    border: 0;
}

#zsidebar-subsidiary::before {
  content: ' ';
  background-image: url("/wp-content/uploads/2017/10/kaholia-o.svg");
  background-size: 2em;
  background-repeat: no-repeat;
  margin: -2.3em 0 -1em 0;
  width: 100%;
  height: 3em;
  text-align: center;
  background-position: center;
}

/* end footer --- */

/* extend content width */
.entry-content, .entry-summary, .entry-footer, .layout-1c #sidebar-primary > .wrap {
	max-width: none;
}

/* page titles */
.entry-header .entry-title {
  margin-bottom: 0;
	}
.entry-header .entry-title a {
	zfont-size: 2.0em;
	font-family: 'Open Sans';
	zfont-weight: 100;
	zletter-spacing: 8px;
	ztext-transform: capitalize !important;
	zfont-variant: small-caps;
    color: #5f7bb7;
    ztext-shadow: 3px 2px 0 rgba(0, 0, 0, 0.2);
   margin-bottom: 0;
}

/* breadcrumb */
.breadcrumb-trail {
	display: none;
}

/* headr post img*/
.post-thumbnail img {
  zdisplay: none;
	zdisplay: block;
	margin-left: auto;
	margin-right: auto;
	zmax-height: 300px;
	zwidth: auto;
}
.post-thumbnail {
  margin-top: 1em;
  }

.entry-meta {
	display: none;
}

/* bottom margin */
.entry {
	margin-bottom: 0;
}

#content > .wrap {
	padding-bottom: 0;
}

.site-content {
	background-color: white !important;
}

.entry-inner, #comments, .layout-1c #sidebar-primary {
	padding-top: 2em !important;
}

/*hide titles for specific pages :: */
article#post-36 .entry-title 
, article#post-13 .entry-title
, article#post-87 .entry-title
, article#post-99 .entry-title
, article#post-172 .entry-title{
	display: none;
}

/* hide post featured image for specific pages */
article#post-36 .post-thumbnail
, article#post-87 .post-thumbnail{
	display: none;
}

article#post-4 .entry-inner {
/*padding-top: 0;*/
}

.home #content > .wrap {
	padding-top: 0;
}

.page-slogan {
	zfont-size: 1.3em;
	font-weight: 400;
	zletter-spacing: 1px;
	ztext-transform: capitalize !important;
	zfont-variant: small-caps;
	font-style: italic;
    color: #555;
}

.home #content .entry-inner, #comments, .layout-1c #sidebar-primary {
	padding-top: 0 !important;
}


/* titles  */
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	color: #5f7bb7;
	ztext-transform: uppercase;
  font-weight: 600;
  ztext-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 0.9em;
  font-family: 'Montserrat';
  zfont-weight: 300;
  zmargin-top: 1.5em; /* warning produce bugs with wc columns*/
}
/* titles sizes*/
.entry-content h2 {
  font-size: 1.35em;
}
.entry-content h3 {
  font-size: 1.2em;
	}
.entry-content h4 {
  font-size: 1.15em;
	}
.entry-content h5 {
  font-size: 1.1em;
	}
.entry-content h6 {
  font-size: 1.05em;
	}

/*links*/
.entry-content a {
	color: #ef4b4a !important;
	ztext-transform: uppercase;
}

/*img in content*/
.entry-content img {
	zborder: 1px solid #53676C;
}

.entry-header {
  margin-top: 1em;
  zdisplay:none;
	}

/* hide page title sub line */
.entry-header .entry-title:after, .front-page-area > .entry-title:after {
	zheight: 0;
	zmargin: 0;
}

/*page title sub line */
.entry-header .entry-title::after, .front-page-area > .entry-title::after {
    content: "";
    display: block;
    height: 2px;
    margin: 0.2em auto;
    width: 66%;
    background-color: #db0015;
  max-width:10em;
  display: none;
}

/* quote styles */
.entry-content blockquote {
  border-color: transparent;
	}
.entry-content blockquote p {
	zfont-size: 1.2em;
	font-weight: 400;
	zletter-spacing: 1px;
	ztext-transform: capitalize !important;
	zfont-variant: small-caps;
	font-style: italic;
	color: #f4931c;
}

/*remove sub page menu content for inserted page*/
.page-item-413, .page-item-62 ul {
  display: none;
	}

/* menu :: ------------------------------- */
.menu-items a {
	/*font-weight: 600;*/
}

#menu-primary {
  background-color: #5f7bb7;
  border: 0;
  border-top: 0px solid #5f7bb7;
  border-bottom: 1px solid #5f7bb7;
}

#menu-primary a {
  color: white;
  text-transform: uppercase;
  font-family: 'Montserrat';
  zfont-size: 1.2em;
  zcolor: #222;
  font-weight: 400;
  zfont-family: 'Lato';
  zfont-size: 1.1em;
  font-size: 1.2em; /*1.4*/
}

/* align menu*/
#menu-primary ul {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 1260px;
/*text-align: left;*/
}

/*?*/
#menu-primary li.current-menu-item > a
, #menu-primary li.focus > a
, button#nav-toggle:focus
, button#nav-toggle.focus
, #menu-primary ul ul li.focus > a 
{
  border-bottom: 0px solid crimson;
  background-color: #5f7bb7;
  color: white;
  border-bottom: 1px solid #5f7bb7;
}

/*current*/
#menu-primary li.current_page_item {
  border-bottom: 2px solid #ef4b4a;
  zfont-weight: bold;
}

/*hover*/
#menu-primary li:hover > a
, button#nav-toggle:hover
{
  zborder-bottom: 1px solid crimson;
  background-color: #5f7bb7;
  color: #ef4b4a !important;
}

#menu-primary ul ul a:hover
{
  zborder-bottom: 1px solid crimson;
  background-color: #5f7bb7;
  color: white;
}

/*sub menus :: */
#menu-primary li li a {
  color: white;
}
#menu-primary li li {
    background-color: #5f7bb7;
  font-size: 0.9em;
}

/*mobile menu hide 'menu'*/
#nav-toggle {
  font-size:0;
}

/* highlight specific item : reserver*/
#menu-primary li.page-item-62 {
  zbackground-color: rgba(0,0,0,0.3);
  background-color: #ffeb00;
}
#menu-primary li.page-item-62 a {
color: dimgray;
  background-color: #ffeb00;
}

#menu-primary li.page-item-62 a:hover {
  zbackground-color: rgba(0,0,0,0.3);
  background-color: white;
}

@media screen and (max-width: 1000px) {

 /*hack styles on mobile menu :: ------------------------------------- */
   /* highlight current page */
	#menu-primary li.current_page_item  > a {
    	ztext-decoration: underline;
	    font-weight: bold;
	}
  	#menu-primary li.current_page_item  {
	   border-bottom: 0;
	}
  
   /* menu border */
  #menu-primary.opened {
    border-bottom: 1px solid #ddd;
  }
  
 #menu-primary a {
	  color: white;
  }

  #menu-primary li > a, #menu-primary ul ul a {
	  background-color: white;
	  border-bottom: 1px solid white;
	  color: #5f7bb7;
  }

  /*hover*/
  #menu-primary li:hover > a, #menu-primary ul ul a:hover 
  {
	background-color: #5f7bb7;
	border-bottom: 1px solid  #5f7bb7;
	color: white;
  }
  
  /*test bug black bkg on selected*/
  #menu-primary li:hover > a, #menu-primary ul ul a:hover 
  , #menu-primary li:active > a, #menu-primary ul ul a:active
  , #menu-primary li:focus > a, #menu-primary ul ul a:focus
  , #menu-primary li:focus, #menu-primary ul ul:focus
  , #menu-primary li:active, #menu-primary ul ul:active
  {
	background-color: #5f7bb7 !important;
	border-bottom: 1px solid  #5f7bb7;
	color: white !important;
  }
  
  button#nav-toggle {
    background-color: white !important;
    color: #5f7bb7 !important;
  }

  #menu-primary li.current-menu-item > a
  , #menu-primary li.focus > a
  , #menu-primary ul ul li.focus > a 
  {
	border-bottom: 1px solid white;
	background-color: #5f7bb7;
	color: white;
  }

  button#nav-toggle:focus
  , button#nav-toggle.focus
  {
	border-bottom: 1px solid white;
  }
  
}

/*reduce content bottom margin*/
.entry-inner {
    margin-bottom: 1em;
	padding-bottom: 0;
}

.prices .wc-shortcodes-one-half p , .prices .wc-shortcodes-one-third p {
    border-radius: 50%;
    background-color: #8AB6C6;
  	background : linear-gradient(to bottom, rgba(138,182, 198, 0.9) 20%, rgba(138,182, 198, 1) );
    height: 10em;
    width: 10em;
    padding-top: 2.5em;
  font-weight: bold;
  box-shadow: 10px 20px 4px rgba(0, 0, 0, .2);
  border: 5px solid white;
}

.price {
  font-weight: bold;
  color: white;
  letter-spacing: 1px;
}

/* inverted blocks */

div.invert {
  background-color: #5f7bb7;
  color: white !important;
  }

div.invert div.content
, .wc-shortcodes-full-width .content {
  max-width: 1350px; /* same as thm config ???*/
  padding: 0 6%;
  margin:auto
}

div.invert blockquote p {
  color: white !important;
}

div.invert h2, div.invert h3,div.invert h4, div.invert h5, div.invert h6 {
   color: white !important;
}

div.invert a {
   color: white !important;
  font-weight: bold;
  text-decoration: underline;
}

div.invert a:hover {
   color: #ef4b4a !important;
}

div.invert strong {
  color: white;
}

/* CTA div */
div.CTA {
  padding: 2em 0 2em 0;
  border-top: 3px solid #8AB6C6;
  margin: 3em 0 0 0;
}

/* remove links icons */
a[href^="tel:"]::before {
    display: none;
}
a[href^="mailto:"]::before, a[href^="tel:"]::before, .entry-date a::before, .byline .entry-author a::before, .comment-published::before, .comment-author::before, .comment-edit-link::before, .comments-link a::before, .comment-reply-link::before, .entry-permalink a::before, .entry-terms::before {
    display: none;
}

/* remove border on accordion */
.wc-shortcodes-accordion .wc-shortcodes-accordion-trigger {
    border: 0px solid #cccccc;
}

/* home head styling */
div.home-head {
  margin-top:-85px; background-repeat: no-repeat; background-size: cover; background-position-x: 70%;
}

.home-head .v-spacer {
  height:10em;
}
	
.home-head .darken-overlay {
  border-radius: 5px;
}

.home-head .box-content {
  border-radius: 5px;max-width: 1200px; padding: 1em 2em; text-shadow: 0 4px 21px rgb(177, 171, 171); background: linear-gradient(to bottom, rgba(138,182, 198, 0.8), rgba(138,182, 198,0.7) );
}
	
.home-head .title {
  zfont-weight: 900;
  letter-spacing:2px;font-size: 1.1em;
  color: white !important; 
  text-shadow: 0 4px 30px rgba(255, 255, 255, 0.9);
}
		
.home-head .button-CTA a {
 font-weight: normal;
 text-decoration: none;
}

			
/* style footer - widget*/
/* moved */


/* new footer section - in widget - do : resume all inner footer styles here */

.site-page-footer { /* this long name is for disting from initial footer ; not available */
  color: white !important;
}

.site-page-footer .footer-site-logo {
 height: 2.5em;
  max-height: 2.5em;
}

.site-page-footer .pages-shortcuts {
 margin-top: 1em;			  
 padding: 1em 0;
}

/* spacers */
.site-page-footer .pages-shortcuts span {
  padding: 0 0.35em;
	}

.site-page-footer .pages-shortcuts a:hover {
  zcolor: #ef4b4a !important;
}

.site-page-footer .social-networks img {
 height: 1.2em;
}

.site-page-footer .footer-site-description {			
  padding: 0;
  font-style: normal;
  font-size: 1.1em;
  color: white !important;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: Montserrat;
}

/* CF7 plugin -------------------------------------------------------- */


input.wpcf7-text
, input.wpcf7-text
, input.wpcf7-text
, .wpcf7-textarea
, .wpcf7-textarea
, .wpcf7-textarea {
    border-color: #333;
   color: #222;
}

input.wpcf7-text:hover, input.wpcf7-text:focus, input.wpcf7-text:active,
.wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-textarea:active{
    border-color: #5f7bb7;
   color: #5f7bb7;
}
	  
input[type="submit"].wpcf7-submit {
 border: 1px solid #ef4b4a;
 border-radius: 2px;
 font-size: 0.9em;
 letter-spacing: 1px;
 line-height: 1em;
 margin: 19px 0 30px;
 margin: 19px 0 0;
 padding: 15px;
 text-align: center;
 text-transform: uppercase;
 zopacity: .9;
 background-color: #ef4b4a;
 zcolor: #626161 !important;
 box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05),0 2px 10px 0 rgba(0,0,0,0.05);
 font-family: 'Open Sans';
 color: white;
 font-weight: normal;
}
		  
input[type="submit"].wpcf7-submit:hover {
    background-color: white;
    opacity: 1;
    color: #8AB6C6 !important;
    border-color: #8AB6C6;
    text-decoration: none !important;
}

/* videos responsive hack - test*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    zpadding-top: 30px; 
  height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* plugin : WC shortcodes ----------------------------------------- */

/*remove masonry : fixed height */
.attachment-large.size-large.wp-post-image {
/*height: 1024px;*/
/*width: auto;*/
/*max-height: 356px;*/
}

/*do : decliner rwd*/
/* masonry titles */
.wc-shortcodes-entry-title {
	text-align: center;
	zfont-family: 'Montserrat';
	zfont-variant: small-caps;
	zletter-spacing: 1px;
	ztext-transform: capitalize !important;
	zfont-size: 1.2em;
  text-transform: uppercase;
}

/* remove borders / WC */
.wc-shortcodes-post-border {
	border: none !important;
}

/* remove white bkg color */
.wc-shortcodes-post-box {
  background-color: inherit;
	}

.wc-shortcodes-posts .wc-shortcodes-post-box {
	border: none !important;
}

/*fix wc post h6 style*/
.entry-content h6.wc-shortcodes-entry-title {
  font-size: 1em;
  font-weight: 400;	  
}

/* thumb crop with object-fit : abandon
.wc-shortcodes-entry-thumbnail img {
	object-fit: cover;
	width: 100%;
	height: 250px;
}
*/
/* make wc thumbs cropp images : ok*/
.wc-shortcodes-entry-thumbnail {
	position: relative;
    /*width disabled*/
	/*width: 350px;*/
	zheight: 200px;
	overflow: hidden;
	zbackground: whitesmoke;
	zborder: 1px solid whitesmoke;
  	height: 9em;
}

.wc-shortcodes-entry-thumbnail img {
	position: absolute;
	left: 50%;
	top: 50%;
	zheight: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: none;
	border: none;
  max-width: 100%;
}

/* animate thumbs over*/
.wc-shortcodes-entry-thumbnail:hover {
	zborder: 1px dotted #42a1cd;
}

.wc-shortcodes-entry-thumbnail:hover img {
	opacity: .85;
}

/*remove extra space over wc thumbs*/
.wc-shortcodes-posts-template-borderless .wc-shortcodes-post-box .wc-shortcodes-post-border {
	padding-bottom: 0;
}

.wc-shortcodes-posts.wc-shortcodes-posts-layout-grid .wc-shortcodes-post-box {
	margin-bottom: 0;
}

.wc-shortcodes-entry-summary {
  line-height: 1.3em;
}

.wc-posts-hide-title .wc-shortcodes-entry-title{
	display: none;
}

.wc-posts-excerpt-justified .wc-shortcodes-entry-summary {
  text-align: justify;
}
.wc-posts-excerpt-centered .wc-shortcodes-entry-summary {
  text-align: center;
}
/* correct first item moved down when applying margin-top on h2, h3... strange */
.wc-shortcodes-entry-summary > :first-child, .wc-shortcodes-content > :first-child {
    zmargin-top: 1.5em !important; /*reset*/
}

/* specific classes */
.octo-picto {
 max-height: 300px;
  width:auto;
}
.balanced {
	ztransform: perspective(1em) rotateY(10deg) skew(0,-1deg);
	zanimation: balanced-anim 10s ease-in-out infinite alternate;
}
.octo-features img {
  transition: all 0.5s ease;
  zanimation: balanced-anim 1s ease-in-out infinite alternate;
}
.octo-features a:hover img {
  transform: rotate(360deg);
  zanimation: balanced-anim 1s ease-in-out infinite alternate;
  zanimation: none;
}
@keyframes balanced-anim {
	0% {
		transform: rotate(-2deg);
	}
    100% {
		transform: rotate(2deg);
	}
}

/* colors on arrow links on octpost page */
article.post-87 i.fa-long-arrow-up {
  color: #5f7bb7;
}
article.post-87 .invert i.fa-long-arrow-up {
  color: white;
}
article.post-87 i.fa-long-arrow-up:hover {
  color: #ef4b4a;
}
article.post-87 .invert i.fa-long-arrow-up:hover {
  color: #ef4b4a;
}

/* wc post button style */
.entry-content a.wc-posts-button {
    color: white !important;
    border: 1px solid #ef4b4a;
    border-radius: 2px;
    display: inline-block;
    font-size: 0.9em;
    letter-spacing: 1px;
    line-height: 1em;
    margin: 0 0 0;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    zopacity: .9;
    background-color: #ef4b4a;
    zcolor: #626161 !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05),0 2px 10px 0 rgba(0,0,0,0.05);
    font-family: 'Open Sans';
}

.entry-content a.wc-posts-button:hover {
    background-color: white;
    opacity: 1;
    color: #ef4b4a !important;
    border-color: #ef4b4a;
	text-decoration: none;
}
	  
	  
/* limit size thumb on wc post */
.wc-posts-thumb-5h .wc-shortcodes-entry-thumbnail img {
  max-height: 5em;
}
	
.wc-posts-thumb-3h .wc-shortcodes-entry-thumbnail img {
  max-height: 3em;
}


/* Media queries - keep at end ------------------------------------ */

/*default font size*/
.entry-content {
	  font-size: 0.9em;
  	font-size: 0.8em;
	  font-weight: 400;
      line-height: 1.35em;
  line-height: 1.5em;
}
		
.sidebar-subsidiary {
	  font-size: 0.9em;
}

@media screen and (max-width: 768px) {
   .site-title {
	 font-size: 2em;
 }
body {
		font-size: 1.2em;
	}
}

@media screen and (min-width: 768px) {
   .site-title {
	 font-size: 3em;
 }
body {
		font-size: 1.3em;
	}
}

@media screen and (min-width: 900px) {
 /*logo size*/
 .site-title {
	 font-size: 3em;
 }
 body {
		font-size: 1.4em;
	}
}

@media screen and (min-width: 1300px) {
   /*logo size*/
 .site-title {
	 font-size: 3em;
 }
body {
		font-size: 1.5em;
	}
}