/*
Theme Name: Serendipity - Fully Responsive HTML Blog
Theme URI: http://themes.iki-bir.com/serendipity-html
Author: elemis
Author URI: http://iki-bir.com
Version: 1.0
*/
/*-----------------------------------------------------------------------------------*/
/* RESET
/*-----------------------------------------------------------------------------------*/
html,body {width:100%;overflow-x: hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
body {
background: #fff;
line-height: 1;
}
ol, ul {
list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
input, textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
/*-----------------------------------------------------------------------------------*/
/* LIDIJA STYLE
/*-----------------------------------------------------------------------------------*/
.no-margin{margin:0;}
.no-margingreenbox{background-color:#7AC943;border:10px solid #7AC943;margin:0 20px 0 80px;padding:0;}
.margin{margin:0 0 0 80px; font-size:110%;padding-bottom:10px;}
.blue{color:#3FA9F5;}
.red{color:#FF1D25;}
.black{color:#000;}
.blacksecond{color:#000;}
.white{color:#fff;}
.green{color:#7AC943;}
.yellow{color:#FC921E;}
.darkblue{color:#015393}
.small{margin:0 130px; font-size:110%;padding-bottom:10px;}
.large {
font-size:130%;
padding:15px 50px;
}
.largefirst {
font-size:150%;
padding-top:0;
text-align:center;
}
.largesecond {
font-size:150%;
padding-top:25%;
text-align:center;
}
.largethird {
font-size:150%;
padding-top:50%;
text-align:center;
}
p.largefirst ,p.largesecond ,p.largethird {margin:0}
.mlarge {
font-size:170%;
padding:15px 20px 0;
}
.list{padding:10px 110px;font-size:110%;margin-top: 20px}
.listquestions{padding:10px 100px 10px 30px;font-size:110%;margin-top: 20px}
.listquestions div{marn:0;}
.listblue{margin:10px 95px;padding:10px;font-size:110%;background-color:#2D5573;color:#fff;}
.xlarge {font-size:320%;line-height:60px;box-shadow: 10px 10px 5px #888888;text-shadow: 2px 2px 4px #000000;}
.xlargetoptitle {font-size:320%;line-height:60px;box-shadow: 10px 10px 5px #888888;text-shadow: 2px 2px 4px #000000;height:auto;position:absolute;background-color:white;z-index:4;}
.box{
background: -webkit-gradient(linear, 0 0, 0 100%, from(#B87CD1), to(#8825b3));
margin: 15px 250px 30px 250px ;
padding: 10px;
line-height: 30px;
border-radius: 0;
text-shadow: 2px 2px 4px #000000;
box-shadow: 5px 5px 10px #000;
}
.three-thirdbluegradient{
background: rgba(16,140,197,1);
background: -moz-linear-gradient(left, rgba(16,140,197,1) 0%, rgba(25,64,119,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,140,197,1)), color-stop(100%, rgba(25,64,119,1)));
background: -webkit-linear-gradient(left, rgba(16,140,197,1) 0%, rgba(25,64,119,1) 100%);
background: -o-linear-gradient(left, rgba(16,140,197,1) 0%, rgba(25,64,119,1) 100%);
background: -ms-linear-gradient(left, rgba(16,140,197,1) 0%, rgba(25,64,119,1) 100%);
background: linear-gradient(to right, rgba(16,140,197,1) 0%, rgba(25,64,119,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#108cc5', endColorstr='#194077', GradientType=1 );
}
div.three-thirdbluegradient{margin:0 40px 0 200px;padding:10px 0 0;}
div.three-thirdbluegradient p{margin:0;padding-bottom:10px;padding-left:10px;}
.with-image{margin:0 70px;}
.with-imagemargin{margin:0 300px;}
.with-imagearrows{margin:0 50px;}
.bluebox{background:#3FA9F5;margin:5px 80px;padding:10px 80px;}
.one-fourthsecond .blacksecond {line-height:215px;display:inline-block;margin-top:-50px;margin-left: 120px;font-size:25px;}
.one-sixthfirst {position:relative;
width: 13.33%;margin:0;float:left;
}
.one-sixthlast{position:relative;
width: 13.33%;margin:0;float:right;
}
.one-fourthlast .black{line-height: 215px;
display: inline-block;
margin-bottom: -140px;
font-size: 25px;
padding-top: 60px;}
.cornerborders{position:relative;width:82%;height:auto;margin:20px auto;padding:20px 10px;}
.cornerborders:before, .cornerborders:after, .cornerborders>:first-child:before, .cornerborders>:first-child:after {
position:absolute;
width:40px; min-height: 100px;
border-color:red; /* or whatever colour */
border-style:solid; /* or whatever style */
content: ' ';
}
.cornerborders:before {top:0;left:0;border-width: 10px 0 0 10px}
.cornerborders:after {top:0;right:0;border-width: 10px 10px 0 0}
.cornerborders>:first-child:before {bottom:0;right:0;border-width: 0 10px 10px 0}
.cornerborders>:first-child:after {bottom:0;left:0;border-width: 0 0 10px 10px}
.cornerborderswhite{position:relative;width:80%;height:auto;padding:20px 10px;margin:0 auto;}
.cornerborderswhite:before, .cornerborderswhite:after, .cornerborderswhite>:first-child:before, .cornerborderswhite>:first-child:after {
position:absolute;
width:40px; min-height: 65px;
border-color:white; /* or whatever colour */
border-style:solid; /* or whatever style */
content: ' ';
}
.cornerborderswhite:before {top:0;left:0;border-width: 10px 0 0 10px}
.cornerborderswhite:after {top:0;right:0;border-width: 10px 10px 0 0}
.cornerborderswhite>:first-child:before {bottom:0;right:0;border-width: 0 10px 10px 0}
.cornerborderswhite>:first-child:after {bottom:0;left:0;border-width: 0 0 10px 10px}
.gradient-pattern {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: auto;
height: auto;
border: none;
font: normal 100%/normal Arial, Helvetica, sans-serif;
color: rgb(255, 255, 255);
-o-text-overflow: clip;
text-overflow: clip;
background: -webkit-radial-gradient(rgb(138,0,0) 4%, rgb(92,0,0) 9%, rgba(102,0,0,0) 9%), -webkit-radial-gradient(rgb(138,0,0) 4%, rgb(92,0,0) 8%, rgba(102,0,0,0) 10%), -webkit-radial-gradient(rgba(153,0,0,0.8) 20%, rgba(102,0,0,0) 100%), -webkit-radial-gradient(rgba(153,0,0,0.8) 20%, rgba(102,0,0,0) 100%), -webkit-radial-gradient(rgb(102,0,0) 35%, rgba(102,0,0,0) 60%), -webkit-radial-gradient(rgb(102,0,0) 35%, rgba(102,0,0,0) 60%), -webkit-radial-gradient(rgba(76,0,0,0.701961) 0, rgba(102,0,0,0) 100%), -webkit-radial-gradient(rgba(76,0,0,0.701961) 0, rgba(102,0,0,0) 100%), -webkit-linear-gradient(45deg, rgba(102,0,0,0) 49%, rgb(0,0,0) 50%, rgba(102,0,0,0) 70%), -webkit-linear-gradient(135deg, rgba(102,0,0,0) 49%, rgb(0,0,0) 50%, rgba(102,0,0,0) 70%), #C0272D;
background: -moz-radial-gradient(rgb(138,0,0) 4%, rgb(92,0,0) 9%, rgba(102,0,0,0) 9%), -moz-radial-gradient(rgb(138,0,0) 4%, rgb(92,0,0) 8%, rgba(102,0,0,0) 10%), -moz-radial-gradient(rgba(153,0,0,0.8) 20%, rgba(102,0,0,0) 100%), -moz-radial-gradient(rgba(153,0,0,0.8) 20%, rgba(102,0,0,0) 100%), -moz-radial-gradient(rgb(102,0,0) 35%, rgba(102,0,0,0) 60%), -moz-radial-gradient(rgb(102,0,0) 35%, rgba(102,0,0,0) 60%), -moz-radial-gradient(rgba(76,0,0,0.701961) 0, rgba(102,0,0,0) 100%), -moz-radial-gradient(rgba(76,0,0,0.701961) 0, rgba(102,0,0,0) 100%), -moz-linear-gradient(45deg, rgba(102,0,0,0) 49%, rgb(0,0,0) 50%, rgba(102,0,0,0) 70%), -moz-linear-gradient(-45deg, rgba(102,0,0,0) 49%, rgb(0,0,0) 50%, rgba(102,0,0,0) 70%), #C0272D;
background: radial-gradient(rgb(138,0,0) 4%, rgb(92,0,0) 9%, rgba(102,0,0,0) 9%), radial-gradient(rgb(138,0,0) 4%, rgb(92,0,0) 8%, rgba(102,0,0,0) 10%), radial-gradient(rgba(153,0,0,0.8) 20%, rgba(102,0,0,0) 100%), radial-gradient(rgba(153,0,0,0.8) 20%, rgba(102,0,0,0) 100%), radial-gradient(rgb(102,0,0) 35%, rgba(102,0,0,0) 60%), radial-gradient(rgb(102,0,0) 35%, rgba(102,0,0,0) 60%), radial-gradient(rgba(76,0,0,0.701961) 0, rgba(102,0,0,0) 100%), radial-gradient(rgba(76,0,0,0.701961) 0, rgba(102,0,0,0) 100%), linear-gradient(45deg, rgba(102,0,0,0) 49%, rgb(0,0,0) 50%, rgba(102,0,0,0) 70%), linear-gradient(-45deg, rgba(102,0,0,0) 49%, rgb(0,0,0) 50%, rgba(102,0,0,0) 70%), #C0272D;
background-position: 0 0, 50px 50px, 50px 0, 0 50px, 50px 0, 100px 50px, 0 0, 50px 50px, 0 0, 0 0;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: 100px 100px;
background-size: 100px 100px;
}
.grey{background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 9%, rgba(197,197,196,0.91) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(9%, rgba(255,255,255,0.99)), color-stop(100%, rgba(197,197,196,0.91)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 9%, rgba(197,197,196,0.91) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 9%, rgba(197,197,196,0.91) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 9%, rgba(197,197,196,0.91) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 9%, rgba(197,197,196,0.91) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c4', GradientType=1 );
}
div.grey{margin-right:85px;margin-left:77px;height:auto;}
div.grey p{margin:0 40px 10px 80px;}
.one-thirdgradienttext{width:48.66%; position:relative;margin-right:0;float:left;margin-top:100px;margin-left:-180px;}
.thick-border{
margin:0 85px 0 77px;
display:block;
border:none;
color:white;
height:20px;
background:black;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 400, from(#fff), to(#BEBFBE));
}
.blockquote {border: 5px solid #3FA9F5; border-radius: 20px;margin:20px 150px;}
.gary {font-size:110%;margin-left:70px;margin-bottom:20px;}
.parallelogram {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: auto;
height: auto;
border: none;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#AA000B), to(#D9000B));
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
}
.redbox{margin:20px 200px;text-align: center;padding:10px 0px;background-color:#FF1D25;height:auto;}
img.book {float:right;margin-right:100px;margin-top:-70px;}
img.bookstape{float:left;margin-top:10px;margin-left:50px;}
.blueborder{border:5px solid #016397;margin:10px 80px;}
.container, .containerblue {
position:relative;
z-index:1;
width:auto;
padding:0 20px;
margin:20px 50px;
background:#fff;
}
.container h1 {
position:relative;
padding:10px 50px;
margin:0 -30px 20px;
line-height:25px;
font-weight:bold;
text-align:center;
color:#fff;
background:#64AA07;
text-shadow:0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.2);
-moz-box-shadow:10px 10px 10px rgba(0,0,0,0.2);
box-shadow:5px 10px 10px rgba(0,0,0,0.2);
zoom:1;
}
.containerblue h1 {
position:relative;
padding:10px 50px;
margin:0 -30px 20px;
line-height:25px;
font-weight:bold;
text-align:center;
color:#fff;
background:#3FA9F5;
text-shadow:0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:10px 10px 10px rgba(0,0,0,0.2);
-moz-box-shadow:10px 10px 10px rgba(0,0,0,0.2);
box-shadow:5px 10px 10px rgba(0,0,0,0.2);
zoom:1;
}
.container h1:before,
.container h1:after {
content:"";
position:absolute;
z-index:-1;
top:100%;
left:0;
border-width:0 50px 20px 0;
border-style:solid;
border-color:transparent #164400;
}
.containerblue h1:before,
.containerblue h1:after {
content:"";
position:absolute;
z-index:-1;
top:100%;
left:0;
border-width:0 50px 20px 0;
border-style:solid;
border-color:transparent #012F35;
}
.container h1:after,.containerblue h1:after {
left:auto;
right:0;
border-width:0 0 20px 50px;
}
.paper {
margin:0 75px;
padding: 0;
position: relative;
}
.paper,
.paper::before,
.paper::after {
/* Styles to distinguish sheets from one another */
box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}
.paper::before {
content: "";
position: absolute;
height: 95%;
width: 99%;
background-color:#029AC9;
}
.paper::after {
content: "";
position: absolute;
height: 95%;
width: 99%;
background-color:#065381;
}
.paper::before {
right: 30px;
top: 10px;
transform: rotate(-2deg);
z-index: 3;
}
.paper::after {
top: 25px;
right: -20px;
transform: rotate(2deg);
z-index: 2;
}
.outline{min-height: 125px;}
.neon {
color: #D0F8FF;
text-shadow: 0 0 5px #A5F1FF, 0 0 10px #A5F1FF,
0 0 20px #A5F1FF, 0 0 30px #A5F1FF,
0 0 40px #A5F1FF;
}
/*-----------------------------------------------------------------------------------*/
/* GENERAL
/*-----------------------------------------------------------------------------------*/
body {
padding: 0;
}
body, input, textarea {
font: 100% 'Verdana', sans-serif;
font-weight: normal;
line-height: 27px;
background-color: #BDCCD4;
color: #6b6b6b;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 { font-size:100%;
font-family: 'Verdana';
font-weight: normal;
color: #ca6d6d;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 {
font-size: 32px;
line-height: 34px;
margin-bottom: 25px;
}
h2 {
font-size: 28px;
line-height: 30px;
margin-bottom: 10px;
}
h3 {
font-size: 24px;
line-height: 26px;
margin-bottom: 15px;
}
h4 {
font-size: 20px;
line-height: 22px;
margin-bottom: 4px;
}
h5 {
font-size: 17px;
line-height: 19px;
}
h6 {
font-size: 12px;
line-height: 14px;
}
/* Horizontal Line */
hr {
background: transparent url(style/images/line.png) repeat-x bottom left;
border: 0;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
}
/* Text elements */
p {
margin:0 80px 20px 80px;
}
ul, ol {
margin: 0 0 20px 0;
list-style-position: inside;
}
ul {
list-style: none;
}
ul.red-arrow li {
background: transparent url(images/red-triangle.png) no-repeat left;
padding-left: 25px;
padding-bottom:10px;
padding-top: 10px;
vertical-align:middle;
}
ul.blue-arrow li {
background: transparent url(images/blue-triangle.png) no-repeat left;
padding-left: 25px;
padding-bottom:10px;
padding-top: 10px;
vertical-align:middle;
}
ul.checked {padding-left: 30px;}
ul.checked li {
background: transparent url(images/check-box.png) no-repeat left;
padding-left: 35px;
padding-bottom:10px;
padding-top: 10px;
vertical-align:middle;
}
ul.questions li {
background: transparent url(images/question-answers.png) no-repeat left;
padding-left: 160px;
padding-bottom:10px;
padding-top: 10px;
vertical-align:middle;
}
ul.options li {
background: transparent url(images/option.png) no-repeat left;
padding-left: 160px;
padding-bottom:10px;
padding-top: 10px;
vertical-align:middle;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 0 20px 0;
border: none;
padding-left: 20px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote p{
margin: 0 10px;
border: none;
padding-left: 20px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote p:before {
content: open-quote;
font-weight: bold;
font-size:180%;
color:#2D5573;
}
blockquote p:after {
content: close-quote;
font-weight: bold;
font-size:180%;
color:#2D5573;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch", Courier, monospace;
line-height: 1.5;
margin-bottom: 40px;
overflow: auto;
padding: 0.75em 20px;
}
code, kbd {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 40px;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
.dropcap {
display:block;
float:left;
font-size:45px;
padding:0;
margin: 0;
margin:15px 8px 0 0;
text-transform: uppercase;
font-family: 'MarketDecoRegular';
}
/* Links */
a {
color: #ca6d6d;
text-decoration: none;
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
-moz-transition:all 200ms ease-in;
}
a:hover {
text-decoration: none;
color: #585858;
}
/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 20px;
}
.alignright {
display: inline;
float: right;
margin-left: 20px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img {
max-width: 100%;
height: auto;
}
div img {
max-width: 100%;
height: auto;
}
.map.full {
margin: 0 -40px;
}
.map iframe {
max-width: 100%;
}
.map, .media {
margin-bottom: 20px;
}
/* Images */
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 20px;
}
/*
embed,
iframe,
object {
max-width: 100%;
} */
.intro {
font-family: 'MerriweatherRegular';
font-size: 20px;
line-height: 32px;
color: #a0a0a0;
text-align: center;
margin-top: -9px;
margin-bottom: 40px;
padding-bottom: 40px;
background: transparent url(style/images/line.png) repeat-x center bottom;
}
/*-----------------------------------------------------------------------------------*/
/* COLUMNS
/*-----------------------------------------------------------------------------------*/
.one-half {
width:48%;
}
.one-halfcart {
width:54%;
}
.one-halfsecure {
width:42%;
}
.one-third {
width:30.66%;
}
.two-third {
width:65.33%;
}
.one-fourth {
width:22%;
}
.one-fourthbigredarrow{
width:22%;
}
.one-fourthsecond {
width:22%;
}
.one-fourthlast {
width:22%;
}
.three-fourth {
width:74%;
}
.one-fifth {
width:16.8%;
}
.two-fifth {
width:37.6%;
}
.three-fifth {
width:58.4%;
}
.four-fifth {
width:67.2%;
}
.one-sixth {
width:13.33%;
}
.three-sixth {
width:45.01%;
}
.five-sixth {
width:82.67%;
}
.four-sixth{
width:71.34%;
}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth,.one-fourthsecond,.one-fourthlast, .one-fifth, .two-fifth, .three-fifth, .one-sixth, .four-sixth, .five-sixth,
.four-fifth,.three-sixth,.one-halfcart,.one-halfsecure,.one-fourthbigredarrow {
position:relative;
margin-right:2%;
float:left;
}
.last {
margin-right:0 !important;
clear:right;
}
/*-----------------------------------------------------------------------------------*/
/* STRUCTURE
/*-----------------------------------------------------------------------------------*/
#branding #site-title {
margin: 0 39px 39px 39px;
}
#page {
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);
max-width: 1250px;
margin: 50px auto;
}
#wrapper {
background: #FFF;
border: 1px solid #f8f8f8;
-moz-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.15);
-webkit-box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.15);
box-shadow: inset 0 0 25px 0 rgba(0,0,0,0.15);
}
#main {
clear: both;
padding: 0px 0 0 0;
}
#primary {
width: 100%;
}
#content {
margin: 0;
width: auto;
}
/* Header */
#branding {
position: relative;
z-index: 9999;
}
#site-title {
padding: 39px 0 0;
}
#site-title a {
color: #ca6d6d;
font-size: 30px;
line-height: 36px;
text-decoration: none;
}
#site-title a img {
vertical-align: bottom;
}
#site-title a:hover {
color: #585858;
}
#branding .header-image {
margin: 0 -1px -1px -1px;
}
#branding .header-image img {
height: auto;
width: 100%;
display: block;
}
/* =Link
----------------------------------------------- */
.format-link .entry-title span.arrow {
padding-left: 5px;
font-family: Arial, sans-serif;
}
.format-link .entry-content {
padding: 0;
}
/* =Quote
----------------------------------------------- */
.format-quote blockquote {
margin: 0 0 20px 0;
font-size: 15px;
border-left: 5px solid #ededed;
padding-left: 20px;
}
.format-quote blockquote p {
margin: 0;
}
.format-quote blockquote cite {
color: #a0a0a0;
font-variant: small-caps;
font-style: normal;
display: block;
}
.format-quote blockquote cite:before {
content: "-";
padding-right: 5px;
}
/* =Image
----------------------------------------------- */
.full-size img {
display: block;
}
.full-size {
margin: 0;
}
.normal-size {
margin-bottom: 20px;
text-align: center;
}
.normal-size img {
display: inline;
vertical-align:bottom;
}
/* CHROME FIX */
@media screen and (-webkit-min-device-pixel-ratio:0) {
input#submit,
.forms fieldset .btn-submit {
height: 28px;
}
a.button,
.page-navi li a,
#nav-single .nav-prev .meta-nav-prev,
#nav-single .nav-next .meta-nav-next {
height: 27px;
}
}
/* OPERA FIX */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
input#submit,
.forms fieldset .btn-submit {
height: 28px;
padding-top: 3px;
}
a.button,
.page-navi li a,
#nav-single .nav-prev .meta-nav-prev,
#nav-single .nav-next .meta-nav-next {
height: 27px;
}
}
/* HR LINE */
hr{
display:block;
border:none;
color:white;
height:1px;
background:black;
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff));
}
/* RESPONSIVE */
@media screen and (min-width: 262px) and (max-width: 768px){
body {
padding: 0;
}
body #content{margin:0;}
div#content p{margin:0;}
body div{margin:0;}
body #content div img{display: block;margin:0 auto;}
body #content p{
margin: 0 10px;
padding: 10px 0;
}
div.large p{
padding:10px 0;
}
div.list{
padding:10px;
}
div.listblue{
padding:10px;margin:10px;
}
body div{
padding:0;margin:0;
}
#page{margin:0;}
div.no-margin{margin:0;}
div.no-margingreenbox{margin:0;}
div.box{margin:30px 0;padding:10px;}
div.bluebox{margin:5px;padding:10px;}
div.with-image{margin:0;}
div.with-imagearrows{margin:0;}
div.one-fourth{margin:0;}
div.three-fourth{margin:0;}
div.three-fourth p{margin:0;}
div.one-fourthbigredarrow{display:none}
div.one-third{margin:0;}
div.two-third{margin:0;}
div.one-sixth{margin:0;}
div.three-sixth{margin:0;}
div.one-seventh{margin:0;}
div.three-thirdbluegradient{margin:0;}
div.blueborder{margin:0;}
.with-image .black{ max-height: calc(10vh - 60px); }
.one-fourtsecond .blacksecond {padding-right:50px;}
.one-fourthlast {margin-top:-140px;text-align:center;}
div.cornerborders{margin:0 auto;}
.xlarge{font-size:200%;}
.one-sixthfirst,.one-sixthlast{display:none;}
.one-thirdgradienttext{margin:0;}
div.grey{margin:0;}
div.grey p{margin:0;}
div.thick-border {margin:0;background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(#fff), to(#BEBFBE));}
blockquote{margin:0;}
div.blockquote{margin:0 0 20px 0;}
div.gary{margin:0}
h2.redbox{margin:0;}
div.with-imagemargin{margin:0;}
img.book {margin:0;}
.listquestions div{padding:0;}
div.one-fourth p {line-height:30px;margin:0;}
div.parallelogram{margin:0;}
.cornerborders:before, .cornerborders:after, .cornerborders>:first-child:before, .cornerborders>:first-child:after {
position: absolute;
width: 40px;
min-height: 200px;
border-color: red;
border-style: solid;
content: ' ';
}div.listquestions, div.options{margin:0;padding:10px;}
div.paper{margin:0;padding:10px;}
.paper::before,.paper::after{display:none;}
div.paper h1{margin:0;}
.xlargetoptitle{position:relative;}
}
@media screen and (min-device-width: 262px) and (max-device-width: 768px){
body {
padding: 0;
}
body p{
padding: 0;margin:0;
}
body #content{margin:0;}
div#content p{margin:0;}
body #content div img{margin:0 auto;}
body div{margin:0;}
body #content p{
margin:10px 10px;
padding: 10px 0;
}
div.large {padding:10px 0;}
div.large p{
padding:10px 0;
}
div.list{
padding:10px;
}
div.listblue{
padding:10px;margin:10px;
}
body div {
padding:0;margin:0;
}
#page{margin:0;}
div.no-margin{margin:0;}
div.no-margingreenbox{margin:0;}
div.box{margin:30px 0;padding:10px;}
div.bluebox{margin:5px;padding:10px;}
div.with-image{margin:0;}
div.with-imagearrows{margin:0;}
.with-image .black{ max-height: calc(10vh - 60px); }
div.one-fourth{margin:0;}
div.three-fourth{margin:0;}
div.three-fourth p{margin:0;}
div.one-fourthbigredarrow{display:none}
div.one-third{margin:0;}
div.two-third{margin:0;}
div.one-sixth{margin:0;}
div.three-sixth{margin:0;}
div.one-seventh{margin:0;}
div.three-thirdbluegradient{margin:0;}
div.blueborder{margin:0;}
.one-fourtsecond .blacksecond {padding-right:50px;}
.one-fourthlast {margin-top:0;text-align:center;}
div.cornerborders{margin:0 auto;}
.xlarge{font-size:200%;}
.one-sixthfirst,.one-sixthlast{display:none;}
.one-thirdgradienttext{margin:0;}
div.grey{margin:0;}
div.grey p{margin:0;}
div.thick-border {margin:0;background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, from(#fff), to(#BEBFBE));}
blockquote{margin:0;}
div.blockquote{margin:0 0 20px 0;}
div.gary{margin:0}
h2.redbox{margin:0;}
div.with-imagemargin{margin:0;}
img.book {margin:0;}
.listquestions div{padding:0;}
div.one-fourth p {line-haight:30px;margin:0;}
div.parallelogram{margin:0;}
.cornerborders:before, .cornerborders:after, .cornerborders>:first-child:before, .cornerborders>:first-child:after {
position: absolute;
width: 40px;
min-height: 200px;
border-color: red;
border-style: solid;
content: ' ';
}
ul.questions li {
background: transparent url(images/question-answers-small.png) no-repeat left;
padding-left: 60px;
padding-bottom:10px;
padding-top: 10px;
vertical-align:middle;
}
ul.options li {
background: transparent url(images/option-small.png) no-repeat left;
padding-left: 60px;
padding-bottom:10px;
padding-top: 10px;
vertical-align:middle;
}
div.listquestions, div.options{margin:0;padding:10px;}
div.paper{margin:0;padding:10px;}
.paper::before,.paper::after{display:none;}
div.paper h1{margin:0;}
.xlargetoptitle{position:relative;}
}