/*
@fromfull
Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking.

When you update your theme, backup this file and re-add it after.
*/


/* 
Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. 

When you update your theme, backup this file and re-add it after.
*/

@import url(https://fonts.googleapis.com/css?family=Exo+2:400,300italic,600,300,400italic&subset=latin,cyrillic);

/*  base : fonts
/* ------------------------------------ */
body { font-family: "Exo 2", sans-serif !important; }

/*
.entry.share  {
    position: relative;
    -moz-perspective: 800px;
    -webkit-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}

.entry.share .sharrre-container {
    -webkit-transform: rotateY(-15deg);
    -moz-transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    -o-transform: rotateY(-15deg);
    transform: rotateY(-15deg);
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    -ms-transition: -ms-transform 1s;
    transition: transform 1s;
}

.entry.share .sharrre-container:hover {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
*/

/* Global */
.site-title { font-size: 2em;  }
.content h1.post-title { font-size: 2.5em;  }
.content h1 { font-size: 2em;  }
.content h2 { font-size: 1.4em; } .content h2 span { display: block; }
.content h3 { font-size: 1.2em; }

/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.content h1.post-title { font-size: 2em;  }
	.content h1 { font-size: 2em;  }
	.content h2 { font-size: 1.4em; }
	.content h3 { font-size: 1.3em; }
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.content h1.post-title { font-size: 2em;  }
	.content h1 { font-size: 2em;  }
	.content h2 { font-size: 1.4em; }
	.content h3 { font-size: 1.3em; }
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.content h1.post-title { font-size: 2em;  }
	.content h1 { font-size: 2em;  }
	.content h2 { font-size: 1.4em; }
	.content h3 { font-size: 1.2em; }
}

/** [spoiler title="???"] **/
.su-spoiler-title {
   font-size: 1.2rem !important;
}

/** [table]<table class="condensed">... */
.su-table table.condensed td {
	font-size: 0.9rem;
	padding: 0.25rem 0.25rem !important;
	line-height: 1.25rem;
}




/* Global */
.mystyle {}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.mystyle {}
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
}