html {
min-height: 100%;
min-width: 100%;
}
body {
padding: 0;
margin: 0;
background: -webkit-linear-gradient(top, #dfc08a 0.8%, #bc8b36 100%) #bc8c37;
background: -moz-linear-gradient(top, #dfc08a 0.8%, #bc8b36 100%) #bc8c37;
background: -ms-linear-gradient(top, #dfc08a 0.8%, #bc8b36 100%) #bc8c37;
background: linear-gradient(to bottom, #dfc08a 0.8%, #bc8b36 100%) #bc8c37;
font-family: Avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
header, footer, article, section, nav, menu {
display: block;
}
/* @group Links */
a:link, a:visited, a:hover, a:active, a:focus{
color: #D0603E;
font-weight: normal;
font-style: normal;
text-decoration: none;
}
a:link{}
a:visited{}
a:hover{}
a:active{}
a:focus {}
/* @end */
/* @group Header */
#header{
clear: both;
}
#header-pad{
margin: 0;
padding-top: 1%;
padding-bottom: 1%;
clear: both;
}
/* @end */
/* @group Search */
#search{
width: 270px;
display: inline-block;
}
#search-pad{
}
#search label {
display: inline;
cursor: pointer;
padding: 1.4%;
float: left;
width: 30px;
height: 30px;
}
#searchform{}
#s{
float: left;
width: 80%;
padding: 1.5%;
}
#searchsubmit{}
.fa-search{
padding-left: 12px;
}
/* @end */
/* @group Logo */
#logo{
float: left;
width: 150px;
background-color: #fefdfc;
margin: 1px 1px 10px 0;
border-radius: 30px;
padding-left: 1%;
}
#logo h1 a {
font-size: 17px;
margin-bottom: 0px;
padding: 0;
}
#logo h1 a span {
color: #a4a4a4;
}
#logo a, #logo h1 a,
#logo a img, #logo a:hover{
border: none;
text-decoration: none;
}
/* @end */
/* @group Structure */
/* Id */
.max,
.pad,
#header-pad,
#container,
#wrap
{
padding: 0;
margin: 0;
}
#wrap{
padding: 0 1% 1%;
margin: .1618%;
background-color: rgba(255, 255, 255, 0.64);
border-radius: 30px;
}
#subwrap{
padding: 10px 10px 10px 0;
margin: 0;
}
#container {
}
#page{
}
#footer{}
#footer.fix{
position: fixed;
bottom: 0;
width: 100%;
padding: 20px 30px 20px 20px;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.83);
z-index: 9000;
}
/* Content */
#content{
font-size: 15px;
line-height: 30px;
}
#content .padder {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 24px;
}
.padder { padding: 0px; }
/* Content Classes */
.canvas-home, .canvas-single, .canvas-page, .canvas-attachment, .canvas-post, .canvas-search{
width: 63%;
min-height: 600px;
padding: 0 2% 2%;
float: left;
border-radius: 30px;
background-color: rgba(255, 255, 255, 0.85);
}
.canvas-blank{}
.canvas-home{}
.canvas-single {}
.canvas-page{}
.canvas-attachment{}
.canvas-post{}
.canvas-search{}
/* @end */
/* @group Sidebar */
/*** Sidebar ***/
#sidebar{
width: 25%;
float: right;
font-size: 15px;
margin: 0;
padding: 2%;
background-color: rgba(255, 255, 255, 0.85);
border-radius: 30px;
}
#sidebar-menu{
width: 27%;
float: left;
font-size: 15px;
margin: 0 1% 0 0;
padding: 0;
}
#sidebar .padder{
margin: 0;
padding: 0 5% 33px 0;
}
#sidebar h2, #sidebar h3, .widget-title{
border-bottom: 1px solid #ccc;
padding: 1% 0 3% 1%;
font-size: 19px;
margin: 1% 1% 2% 0;
}
#sidebar p, .textwidget{
padding: 5px;
margin: 4px 0 4px 0px;
line-height: 25px;
}
#sidebar a{
padding: 2px;
display: inline;
text-decoration: none;
}
#sidebar a:hover{
text-decoration:underline;
}
#sidebar ul.sb,
#sidebar ul{
margin: 0px 0px 3px;
padding: 0px;
list-style-type: none;
list-style-position: inside;
}
#sidebar ul.sb li, #sidebar li{
margin: 0px;
padding: 1px;
line-height: 15px;
}
#sidebar ul.sb li a{display: inline;}
#sidebar ul.sb ul {
margin-bottom: 5px;
}
#sidebar ul.sb ul ul {
padding: 2px 0px;
margin: 2px 0px 2px 4px;
}
#sidebar ul.sb ul li a{
display: block;
padding: 5px 4px;
text-decoration: none;
}
#sidebar ul.sb ul li a:hover{}
#sidebar ul.sb ul li {
margin-left: 4px;
}
#sidebar ul.sb li ul li a{}
#sidebar ul.sb li.widget,
#sidebar .widget{
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
}
/* @end */
/* @group Footer */
/* Footer --- */
#footer div.foot-clear{
overflow: hidden;
clear: both;
padding: 10px 0;
}
#footer ul.foot{
margin: 0px 0px 12px;
padding: 0px;
clear: both;
}
#footer ul.foot li.widget-container {
list-style-type: none;
float: left;
width: 19%;
margin: 0 2px 4px 4px;
padding: 4px 20px 20px;
min-height: 175px;
border: 1px solid #dadada;
}
#footer ul li{
list-style-type: none;
margin: 0px;
padding: 4px;
line-height: 16px;
}
#footer ul li li{
list-style-type: none;
margin: 0px;
padding: 2px;
}
#footer h3.widget-title, #footer h3{
font-size: 15px;
font-weight: bold;
}
#footer a {
text-decoration:none;
}
/* @group Powered by & Copyright */
/* Poweredby ------- */
.poweredby{
}
.poweredby, .poweredby a{
font-size: 10px;
text-decoration:none;
padding: 3px;
}
.poweredby a:hover{
text-decoration:underline;
}
.copyright{
margin-left: 4%;
}
.copyright a, .copyright a{
color: #4b4b4b;
text-decoration: none;
}
/* @end */
/* @end */
/* @group Post / Loops */
.post {
clear: both;
margin-top: 0;
margin-bottom: 15px
}
.post.card {
margin-top: 0;
margin-bottom: 2%;
padding: 1% 2% 2%;
background-color: rgba(255, 255, 255, 0.75);
}
.post.card.sq {
float: left;
clear: none;
margin-top: 0;
margin-bottom: 2%;
width: 25%;
height: 200px;
overflow: hidden;
padding: 2%;
margin: 1%;
}
.post.mini{
padding: 2%;
}
.post.mini img{
width: 50px;
height: 50px;
padding: 0;
margin: 0 4% 0 0;
}
.post_entry{
margin-left: 4px;
}
.post img {
max-width: 100%;
height: auto;
}
.attachment-post-thumbnail{}
.wp-post-image{}
.post h2{
margin: 0px 0px 2px;
}
.post h2 a{
line-height: 25px;
font-weight: normal;
padding: 2px;
margin-bottom: 1px;
display:block;
text-decoration: none;
font-size: 16px;
color: #000000;
}
.post h2 a:hover{
color: #000;
}
.post p{
padding-top: 2px;
padding-bottom: 4px;
margin-bottom: 7px;
}
/* @end */
/* @group Post Meta Data */
.post .post-meta-data {
clear: left;
overflow: hidden;
margin: 0;
padding: 0;
color: #929292;
}
.post .post-meta-data a{
color: #929292;
text-decoration: none;
}
.post .post-meta-data.top{
padding: 0px;
margin-top: 0px;
margin-left: 2px;
margin-bottom: 8px;
}
.post .post-meta-data.bottom {
padding: 1%;
margin: 1% 0 1% 0px;
}
.post-meta-data span.time{
margin-left: 5px;
}
.post-meta-data.bottom span.meta-comments{
float: right;
}
.post-meta-data span.category{
margin-right: 1%;
}
.post-meta-data span.tags{margin-right: 1%; }
/* @end */
/* @group Post SQ */
#subsq{
margin: 2%;
display: flex;
align-items: stretch;
align-content: stretch;
flex-wrap: wrap;
}
.post.sub-sq{
width: 200px;
height: 200px;
float: left;
zoom: 1; /* give it layout (this can be some other css that does likewise) */
clear: none;
overflow: hidden;
margin: 0%;
padding: 0;
box-shadow: 0 2px 3px #9f9f9f;
-moz-box-shadow: 0 2px 3px #9f9f9f;
background-color: #000000;
align-content: flex-start;
flex-grow: 1;
flex-shrink: 1;
}
.post.sub-sq h2 {
margin: 0;
padding: 0;
z-index: 1000;
text-decoration: none;
border-bottom-style: none;
text-transform: none;
}
.post.sub-sq h2 a {
font-size: 15px;
line-height: 15px;
padding: 10px;
margin: -1px 0 0;
text-shadow: 0 1px 1px #474747;
border-style: none;
color: #ffffff;
}
.post.sub-sq img.wp-post-image{
float: left;
width: 100%;
height: auto;
margin-top: -2px;
-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
}
.post.sub-sq img.wp-post-image:hover{
-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;
-moz-transform: scale(1.03);
-webkit-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
margin-top: 0;
}
/* @end */
/* @group Headings */
h1, h2, h3, h4, h5, h6 {
padding: 1% 1% 1% 0;
}
h1{
font-size: 30px;
}
h2{
font-size: 27px;
}
h3{
font-size: 25px;
}
h4{
font-size: 23px;
}
h5{
font-size: 23px;
}
h6{
font-size: 22px;
}
#content .canvas-single h1.page-title,
h1.page-title{
display: block;
margin: 1% 0 3%;
padding-bottom: 5px;
}
h1.page-title em.results{
}
span.cat-description{
}
/* @end */
/* @group Common html */
/* Common */
iframe{
border: 1px solid #ffffff;
}
.post blockquote {
quotes: none;
padding: 0 0 0 3%;
font-size: 18px;
line-height: 35px;
margin: 1%;
border-left: 3px solid #ececec;
}
hr {
border: 1px solid #CCCCCC;
}
code{
}
cite{}
pre{}
acronym {speak : normal;}
abbr.initialism {speak : spell-out;}
abbr.truncation {speak : normal;}
/* @end */
/* @group Forms */
input,
textarea,
select,
input[type=text],
input[type=email],
input[type=tel]
input[type=number]
input[type=password],
input[type=file],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=textarea],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=file],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .chzn-container, .gform_wrapper .chzn-container .chzn-drop, #top .gform_wrapper input,
#commentform textarea
{
font: 16px Avenir, Arial, Helvetica, Geneva, sans-serif;
padding: 1%;
border: 1px solid #7f7f7f;
}
body .gform_wrapper .chzn-container, .gform_wrapper .chzn-container .chzn-drop, #top .gform_wrapper li {
padding: 1%;
}
body .gform_wrapper .gform_body .gform_fields .gfield input[type=file]{
}
body #gform_wrapper_1 .gform_body .gform_fields .gfield {
}
.gform_confirmation_message {
}
a.button,
input.button,
input[type=submit],
input[type=button],
input[type=file]
{
font-size: 16px;
font-weight: normal;
background: #D0603E;
background-repeat: repeat-x;
background-position: left;
border: 1px solid #212121;
padding: 6px 14px;
text-decoration: none;
vertical-align: bottom;
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
}
a.button:hover,
input.button:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=file]:hover
{
background: #a74425;
}
textarea{
resize:vertical;
}
#commentform textarea {
width: 95%;
}
#commentform input{
width: 30%;
}
label.screen-reader-text{
display: none;
}
select{
min-width: 70%;
}
/* @end */
/* @group Lists */
/*** Lists ***/
/* @group List style types */
.disc{list-style-type: disc;}
.circle{list-style-type: circle;}
.square{list-style-type: square;}
.decimal{list-style-type: decimal;}
.decimal-0{list-style-type: decimal-leading-zero;}
.lower-roman{list-style-type: lower-roman;}
.upper-roman{list-style-type: upper-roman;}
.lower-greek{list-style-type: lower-greek;}
.lower-latin{list-style-type: lower-latin;}
.upper-latin{list-style-type: upper-latin;}
.lower-alpha{list-style-type: lower-alpha;}
.upper-alpha{list-style-type: upper-alpha;}
.armenian{list-style-type: armenian;}
.georgian{list-style-type: georgian;}
/* @end */
#content ul{
list-style-position: inside;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 4px;
margin-bottom: 10px;
}
#content li{
padding-top: 2px;
padding-bottom: 2px;
}
#content ol{list-style-position: inside;}
#content dl{padding-top: 2px;
padding-bottom: 2px;}
#content dt{font-weight: bold;}
#content dd{}
/* @end */
/* @group Thumbnail */
img.wp-post-image{
}
img.attachment-thumbnail{}
img.attachment-medium{}
img.attachment-large{}
img.attachment-full{}
.post-avatar{
margin-right: 10px;
margin-bottom: 10px;
}
/* @end */
/* @group Navigation */
.navigation{
padding: 2%;
clear: both;
margin-top: 1%;
margin-bottom: 1%;
}
.navigation a{
text-decoration: none;
}
.navigation a span.prev, div.navigation a span.next {
font-size: 18px;
color: #ffffff;
background-color: #da9515;
}
/* @end */
/* @group Data Tables */
/* > Data Tables
-------------------------------------------------------------- */
table {
width: 98%;
}
table#message-threads {
margin: 0 -20px;
width: auto;
font-size:12px;
}
table.profile-fields { margin-bottom: 20px; }
#sidebar table {
margin: 0 -16px;
width: 117%;
}
table tr td, table tr th {
padding: 8px;
vertical-align: middle;
font-size: 13.5px;
}
table tr td{
border: 1px solid #ededed;
}
table tr td.label {
font-weight: bold;
width: 25%;
}
table tr td.thread-info p { margin: 0; }
table tr td.thread-info p.thread-excerpt {
color: #888; font-size: 13px;
margin-top: 3px;
}
#sidebar table td, table.forum td { text-align: center; }
table tr.alt {
background: #f4f4f4;
}
/* @end */
/* @group Author */
#entry-author-info{
border: 2px solid #e8e8e8;
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
padding: 2%;
margin: 1%;
}
h3#author-name{
padding: 2px;
margin-top: 0;
margin-bottom: 5px;
}
#author-description{
padding: 5px;
}
#author-avatar{
float: left;
margin: 8px 10px 10px 4px;
}
#author-link a{
display: block;margin-top: 4px;
text-decoration: none;}
/* @end */
/* @group Messages */
.notice, .message, .success{
display: block;
padding: 2%;
margin: 2%;
clear: both;
}
.notice{
background-color: #fddeda;
}
.message{
background-color: #fcfdda;
}
.success{
background-color: #dafddc;
}
p.message, p.notice{}
/* Comments area */
p.message.moderation{}
/* @end */
/* @group WP */
p.wp-caption-text,.wp-caption-text{
}
/* @end */
/* @group Comments */
#commentsubmit{}
ul.commentlist {
margin: 0px;
padding: 0px;
}
.commentlist li{
list-style-type: none;
padding:5px;
margin:3px;
}
ul.commentlist li.odd{}
ul.commentlist li.even{}
.commentlist .threadeven {}
li.comment{
padding: 17px;
margin-top: 5px;
margin-bottom: 10px;
}
li.comment.byuser{}
li.comment.bypostauthor{}
.comment-body{
clear: both;
margin-top: 15px;
margin-bottom: 20px;
}
img.avatar.avatar-50.photo{
width: 20px; height: 20px;
}
.comment-body p{
clear: both;
margin-top: 3px;
}
.commentlist p{
font-weight: normal;
line-height: 20px;
}
.comment-meta.commentmetadata{
font-size: 11px;
color: #616161;
float: right;
display: inline;
}
.comment-meta.commentmetadata:hover{}
.comment-meta.commentmetadata a{text-decoration: none;}
.comment-meta.commentmetadata a:hover{}
.trackback{}
.pingback{}
.comment-author.vcard{
margin-bottom: 10px;
border-bottom: 1px solid #f3f3f3;
display: inline-block;
}
cite.fn, cite.fn a{
font-size: 13px;
background: transparent;
padding: 2px;
margin: 1px;
border: none;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.commentlist cite, .commentlist cite a {}
span.says{ display: none;}
.comment-edit-link{
font-size: 8px;
}
/* @group Comment Depth */
.depth-2,.depth-3, .depth-4, .depth-5{
padding-left: 10px;
}
.depth-1{}
.depth-2{}
.depth-3{}
.depth-4{}
.depth-5{}
/* @end */
ul.children{}
li.parent{
}
div.reply{}
div.reply a, .cancel-comment-reply a{
text-decoration: none;
padding: 3px 5px;
border: 1px solid #e6e6e6;
-moz-border-radius: 6px; -webkit-border-radius:6px; -khtml-border-radius: 6px; border-radius: 6px;
}
.cancel-comment-reply a{
color: #663300;
}
#commentform p {}
/* ! specific --------- */
/* @end */
/* @group Calendar */
#calendar_wrap{
max-width: 100%;
height: auto;
overflow: hidden;
}
#wp-calendar {}
table#wp-calendar thead{border: none;}
table#wp-calendar tr {border: none;}
table#wp-calendar td {border: none;}
table#wp-calendar td, table#wp-calendar th {
text-align:center;
}
table#wp-calendar tbody{}
table#wp-calendar tfoot{}
table#wp-calendar caption{
font-size: 16px;
padding: 10px;}
table#wp-calendar a {
display:inline-block;
padding:4px;
}
table#wp-calendar a,
table#wp-calendar caption a{
color: #d0603e;}
table#wp-calendar #next a {text-align: right;}
table#wp-calendar #prev a {text-align: left;}
#wp-calendar table #today{
border:solid 1px #999;}
table#wp-calendar td:hover, table#wp-calendar #today {}
/* @end */
/* @group Archive */
div#clean-archives{
}
div#clean-archives strong a{
font-size: 16px;
text-decoration: none;
}
div#clean-archives ul.postspermonth {
margin: 5px 0 10px 0;
list-style: none;
padding-left: 25px;
}
div#clean-archives ul.postspermonth li{
padding: 6px 2px;
font-size: 13px;
color: #7e7e7e;
}
div#clean-archives ul.postspermonth li a{
text-decoration: none;
padding-left: 5px;
}
/* @end */
/* @group Splash */
#splash, .banner{
font-size: 14px;
min-height: 300px;
position: relative;
padding: 5px 10px 10px;
margin: 0px;
display: block;
background-color: #4f4f4f;
}
/* @end */
/* @group Box */
.box30{
float: left;
width: 31%;
min-height: 150px;
border: 1px solid #333;
margin: 1%;
}
.box50{
float: left;
width: 47%;
margin: 1%;
min-height: 150px;
border: 1px solid #333;
}
.box{
-moz-border-radius: 8px; -webkit-border-radius:8px; -khtml-border-radius: 8px; border-radius: 8px;
}
.bbox, .bboxleft, .bboxright {
border: 1px solid #CCCCCC;
}
.bbox{
width: 95%;
margin: 2px;
padding: 8px;
}
.bboxleft{
float: left;
margin: 8px;
padding: 10px;
}
.bboxright{
float: right;
margin: 8px 8px 8px 10px;
padding: 10px;
}
.mbox, .mboxright, .mboxleft{
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
margin-top: 4px;
margin-bottom: 9px;
border: 1px solid #CCCCCC;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.mbox li, .mboxright li, .mboxleft li {
list-style-type: none;
padding-left:10px; }
.mboxleft{
width:35%;
float: left;
margin: 8px 8px 8px 10px;
padding: 10px;
}
.mboxright{
width:35%;
float: right;
margin: 8px 8px 8px 10px;
padding: 10px;
}
.mbox ul, .mboxright ul, .mboxleft ul{
margin: 0px;
padding: 0px;
}
.mbox li, .mboxright li, .mboxleft li{}
.mbox a, .mboxright a, .mboxleft a, .infobox a{
display:block;
text-decoration:none;}
.mbox a:hover, .mboxright a:hover, .mboxleft a:hover{
text-decoration:underline;
}
.mbox h3, .mboxright h3, .mboxleft h3{
margin-top: 2px;
margin-bottom: 2px;
}
.alertbox{
background: #feec6d;
border: 1px solid #F0FFE0;
padding:1%;
}
.box{}
/* @end */
/* @group Blocks */
.block-hook{
font-size: 14px;
clear: both;
margin-top: 5px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 30px;
}
/* @end */
/* @group Node */
.node{}
.node-pad{}
.node.side{
border: 1px solid #ddd;
min-width: 250px;
min-height: 250px;
}
.node.side .node-pad{
padding: 15px;
width: 250px;
margin-left: auto;
margin-right: auto;
border: 1px solid #dadada;
}
.node-feature-thumb{}
.node.side h3 a{ display: block;}
.node.side span.excerpt{
font-size: 11px;
}
.node.mini{
display: block;
border: 1px solid #dadada;
margin-top: 4px;
margin-bottom: 4px;
padding: 2px;
}
.node.mini .node-pad{
border: 1px solid #dadada;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding: 10px;
}
.node.mini a h2, .node.sq a h2{
text-decoration: none;
}
img.node-feature-mini{
float: left;
padding: 1px 2px 2px;
margin: 5px 5px 2px 2px;
}
.node.mini .mini-post{
width: 220px;
float: left;
}
.node.mini span.excerpt{
width: 320px;
display: block;
font-size: 13px;
padding: 10px;
}
.node-back{
width: 300px;
height: 300px;
border: 1px solid #333;
}
/* @end */
/* @group Social */
.social{
}
.soc-icons{
}
#sidebar .soc-icons a, #sidebar .soc-icons a:hover{
text-decoration: none;}
/* @end */
/* @group Icon */
/* @end */
/* @group Moz + Webkit */
.box-shadow, .b-shadow{
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.ease{
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.ease-back{
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
-ms-transition: background 1s ease;
-o-transition: background 1s ease;
transition: background 1s ease;
}
/* Radius */
.rad3{
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
.rad6{
-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
}
.rad8{
-moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;
}
.rad10{
-moz-border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius: 10px; border-radius: 10px;
}
.rad20{
-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;
}
/* Selection Color */
::selection {
background: #fffdb7; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: #fffdb7; /* Gecko Browsers */
}
/* @end */
/* @group Editor Classes */
.edit a, div.edit a, span.edit a, a.post-edit-link{
color: #d3d3d3;
text-decoration:none;
}
.edit a:hover, div.edit a:hover, span.edit a:hover, a:hover.post-edit-link{
color: #e25a35;
}
div.edit, span.edit{float:right;}
div.edit{
font-size: 11px;
margin-top: 16px;
margin-left: 0;
}
div.edit a{padding: 4px 4px 4px 0;}
div.edit a:hover,
span.edit a:hover{
background-repeat: no-repeat;
background-position: 5px center;
}
div.edit a:focus,
span.edit a:focus{
}
p.edit a{
color: #cecece;
display:block;
padding: 8px 15px 8px 10px;
clear: both;
margin-top: 15px;
margin-bottom: 10px;
text-decoration:none;}
.imgborder, .imgborderleft, .imgborderright, .alignleft, .alignright, .aligncenter {
margin: 10px;}
img{border: 0;}
img a{ border: 0;}
.imgborder, .imgborderleft, .imgborderright{
border: 1px solid #CCCCCC;
background-color: #ECECEC;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.imgborderleft{ float: left;}
.imgborderright{ float: right;}
.left, .right{ margin:10px;
}
.alignleft, .left, .imgborderleft{ float:left;}
.alignright, .right, .imgborderright{float:right;}
.shadow{
text-shadow: 0 1px 2px #9e9e9e;
}
.high, .highlight{
background-color: #fffbc7;
padding: .2em;
}
.clear{clear:both;}
.border{
border: 1px solid #9a9a9a;
}
.bold, .strong{
font-weight: bold;
}
.em, .italic{
font-style: italic;
}
.em-strong{
font-weight: bold;
font-style: italic;
}
.inline{
display: inline;
}
.block{
display: block;
}
.hide{display:none;}
.caps{
font-transform: uppercase;
}
.note, .note a {
font-size: .8em;
color: #999999;
}
/* @end */
/* @group Flexbox */
/* Flex General browser support */
.flex{
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;
}
.item, .column{
min-height: 100px ;
min-width: 100px;
border: 1px solid #e3e3e3;
padding: 2%;
margin: 5px;
}
/* Flex types */
.flex.flex-menu, .flex.flex-space-between{
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content:space-between;
}
.flex.flex-menu .item, .flex.flex-space-between .item{
min-height: 10px ;
min-width: 50px;
border: 1px solid #e3e3e3;
padding: 2%;
margin: 5px;
}
.flex.column{
-webkit-flex-flow: column wrap;
flex-flow: column wrap;
flex-direction: column;
}
.flex.row{
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
/* Further Definition */
.column{
margin-bottom: 1%;
align-content:flex-start;
flex-grow: 1;
flex-direction: row;
flex-shrink: 1;
flex-wrap: wrap;
}
/* @end */
/* @group JQuery */
/* @end */
/* @group Mobile bits */
.responsiveSelectContainer{
padding: 2%;
}
.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect{
width: 70%;
}
/* @end */
/* @group Editor Style */
html .mceContentBody {
background-color: #ffffff;
margin: 0 2% 2%;
padding: 2%;
line-height: 30px;
}
/* @end */
@media (min-width:981px){/* + */
} /* @media */
@media (min-width:1300px){/* + */
} /* @media */
@media (max-width:980px){/* - */
.canvas-home, .canvas-single, .canvas-page, .canvas-attachment, .canvas-post, .canvas-search{
width: 97%;
min-height: 600px;
float: left;
}
#sidebar{
width: 97%;
float: left;
margin: 1%;
clear: both;
}
}@media (max-width:800px){/* - */
#logo{
width: 100%;
}
.post.card.sq {
width: 97%;
float: left;
clear: both;
margin-top: 10px;
margin-bottom: 2%;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
#access-top{
width: 100%;
}
}@media (max-width:500px){/* - */
} /* @media */