/*

Theme Name: Diego Romero

Version: 1.0

*/



@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700&display=swap');

* { box-sizing: border-box;}


.row-fluid:after,

.row-fluid:before {

    display: table;

    line-height: 0;

    content: ""

}



.row-fluid:after {    clear: both}



.row-fluid [class*=span] {

    display: block;

    float: left;

    width: 100%;

    min-height: 30px;

    margin-left: 2.564102564102564%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



.row-fluid [class*=span]:first-child {

    margin-left: 0

}



.row-fluid .controls-row [class*=span]+[class*=span] {    margin-left: 2.564102564102564%}



.row-fluid .span12 {    width: 100%}

.row-fluid .span11 {    width: 91.45299145299145%}

.row-fluid .span10 {    width: 82.90598290598291%}

.row-fluid .span9 {    width: 74.35897435897436%}

.row-fluid .span8 {    width: 65.81196581196582%}

.row-fluid .span7 {    width: 57.26495726495726%}

.row-fluid .span6 {    width: 48.717948717948715%}

.row-fluid .span5 {    width: 40.17094017094017%}

.row-fluid .span4 {    width: 31.623931623931625%}

.row-fluid .span3 {    width: 23.076923076923077%}

.row-fluid .span2 {    width: 14.52991452991453%}

.row-fluid .span1 {    width: 5.982905982905983%}

.row-fluid .offset12 {    margin-left: 105.12820512820512%}

.row-fluid .offset12:first-child {    margin-left: 102.56410256410257%}

.row-fluid .offset11 {    margin-left: 96.58119658119658%}

.row-fluid .offset11:first-child {    margin-left: 94.01709401709402%}

.row-fluid .offset10 {    margin-left: 88.03418803418803%}

.row-fluid .offset10:first-child {    margin-left: 85.47008547008548%}

.row-fluid .offset9 {    margin-left: 79.48717948717949%}

.row-fluid .offset9:first-child {    margin-left: 76.92307692307693%}

.row-fluid .offset8 {    margin-left: 70.94017094017094%}

.row-fluid .offset8:first-child {    margin-left: 68.37606837606839%}

.row-fluid .offset7 {    margin-left: 62.393162393162385%}

.row-fluid .offset7:first-child {    margin-left: 59.82905982905982%}

.row-fluid .offset6 {    margin-left: 53.84615384615384%}

.row-fluid .offset6:first-child {    margin-left: 51.28205128205128%}

.row-luid .offset5 {    margin-left: 45.299145299145295%}

.row-fluid .offset5:first-child {    margin-left: 42.73504273504273%}

.row-fluid .offset4 {    margin-left: 36.75213675213675%}

.row-fluid .offset4:first-child {    margin-left: 34.18803418803419%}

.row-fluid .offset3 {    margin-left: 28.205128205128204%}

.row-fluid .offset3:first-child {    margin-left: 25.641025641025642%}

.row-fluid .offset2 {    margin-left: 19.65811965811966%}

.row-fluid .offset2:first-child {    margin-left: 17.094017094017094%}

.row-fluid .offset1 {    margin-left: 11.11111111111111%}

.row-fluid .offset1:first-child {    margin-left: 8.547008547008547%}



.container-fluid {

    padding-right: 20px;

    padding-left: 20px

}



.container-fluid:after,

.container-fluid:before {

    display: table;

    content: "";

    line-height: 0

}



.container-fluid:after {

    clear: both

}




.main-fluid {

    margin-right: auto;

    margin-left: auto;

	margin-bottom:5%;

    padding: 10px;

    max-width: 1340px;

    width: 100%

}



.main-fluid:after,

.main-fluid:before {

    display: table;

    content: "";

    line-height: 0

}



.main-fluid:after {

    clear: both

}



.container {

    position: relative;

    width: 960px;

    margin: 0 auto;

    padding: 0

}



.container .column,

.container .columns {

    float: left;

    display: inline;

    padding-left: 10px;

    padding-right: 10px

}



.row {

    margin-bottom: 20px

}



.column.alpha,

.columns.alpha {

    margin-left: 0

}



.column.omega,

.columns.omega {

    margin-right: 0

}



.container .one.column,

.container .one.columns {    width: 40px}

.container .two.columns {    width: 100px}

.container .three.columns {    width: 160px}

.container .four.columns {    width: 220px}

.container .five.columns {    width: 280px}

.container .six.columns {    width: 340px}

.container .seven.columns {    width: 400px}

.container .eight.columns {    width: 460px}

.container .nine.columns {    width: 520px}

.container .ten.columns {    width: 580px}

.container .eleven.columns {    width: 640px}

.container .twelve.columns {    width: 700px}

.container .thirteen.columns {    width: 760px}

.container .fourteen.columns {    width: 820px}

.container .fifteen.columns {    width: 880px}

.container .sixteen.columns {    width: 940px}

.container .one-third.column {    width: 300px}

.container .two-thirds.column {    width: 620px}

.container .offset-by-one {    margin-left: 60px}

.container .offset-by-two {    margin-left: 120px}

.container .offset-by-three {    margin-left: 180px}

.container .offset-by-four {    margin-left: 240px}

.container .offset-by-five {    margin-left: 300px}

.container .offset-by-six {    margin-left: 360px}

.container .offset-by-seven {    margin-left: 420px}

.container .offset-by-eight {    margin-left: 480px}

.container .offset-by-nine {    margin-left: 540px}

.container .offset-by-ten {    margin-left: 600px}

.container .offset-by-eleven {    margin-left: 660px}

.container .offset-by-twelve {    margin-left: 720px}

.container .offset-by-thirteen {    margin-left: 780px}

.container .offset-by-fourteen {    margin-left: 840px}

.container .offset-by-fifteen {    margin-left: 900px}



@media only screen and (min-width:1281px) {

    body {       }

    .container {        width: 1340px    }

    .container .column,

    .container .columns {

        padding-left: 10px;

        padding-right: 10px

    }

    .column.alpha,

    .columns.alpha {

        padding-left: 0;

        padding-right: 10px

    }

    .column.omega,

    .columns.omega {

        padding-right: 0;

        padding-left: 10px

    }

    .alpha.omega {

        padding-left: 0;

        padding-right: 0

    }

    .container .one.column,

    .container .one.columns {        width: 60px    }

    .container .two.columns {        width: 140px    }

    .container .three.columns {        width: 220px    }

    .container .four.columns {        width: 300px    }

    .container .five.columns {        width: 380px    }

    .container .six.columns {        width: 460px    }

    .container .seven.columns {        width: 540px    }

    .container .eight.columns {        width: 620px    }

    .container .nine.columns {        width: 700px    }

    .container .ten.columns {        width: 780px    }

    .container .eleven.columns {        width: 860px    }

    .container .twelve.columns {        width: 940px    }

    .container .thirteen.columns {        width: 1020px    }

    .container .fourteen.columns {        width: 1100px    }

    .container .fifteen.columns {        width: 1180px    }

    .container .sixteen.columns {        width: 1260px    }

    .container .one-third.column {        width: 405px    }

    .container .two-thirds.column {        width: 825px    }

    .container .offset-by-one {        margin-left: 80px    }

    .container .offset-by-two {        margin-left: 160px    }

    .container .offset-by-three {        margin-left: 240px    }

    .container .offset-by-four {        margin-left: 320px    }

    .container .offset-by-five {        margin-left: 400px    }

    .container .offset-by-six {        margin-left: 480px    }

    .container .offset-by-seven {        margin-left: 560px    }

    .container .offset-by-eight {        margin-left: 640px    }

    .container .offset-by-nine {        margin-left: 720px    }

    .container .offset-by-ten {        margin-left: 800px    }

    .container .offset-by-eleven {        margin-left: 880px    }

    .container .offset-by-twelve {        margin-left: 960px    }

    .container .offset-by-thirteen {        margin-left: 1040px    }

    .container .offset-by-fourteen {        margin-left: 1120px    }

    .container .offset-by-fifteen {        margin-left: 1200px    }

}



@media only screen and (min-width:768px) and (max-width:959px) {

    .container {        width: 768px    }

    .container .column,

    .container .columns {

        padding-left: 10px;

        padding-right: 10px

    }

    .column.alpha,

    .columns.alpha {

        padding-left: 0;

        padding-right: 10px

    }

    .column.omega,

    .columns.omega {

        padding-right: 0;

        padding-left: 10px

    }

    .alpha.omega {

        padding-left: 0;

        padding-right: 0

    }

    .container .one.column,

    .container .one.columns {        width: 28px    }

    .container .two.columns {        width: 76px    }

    .container .three.columns {        width: 124px    }

    .container .four.columns {        width: 172px    }

    .container .five.columns {        width: 220px    }

    .container .six.columns {        width: 268px    }

    .container .seven.columns {        width: 316px    }

    .container .eight.columns {        width: 364px    }

    .container .nine.columns {        width: 412px    }

    .container .ten.columns {        width: 460px    }

    .container .eleven.columns {        width: 508px    }

    .container .twelve.columns {        width: 556px    }

    .container .thirteen.columns {        width: 604px    }

    .container .fourteen.columns {        width: 652px    }

    .container .fifteen.columns {        width: 700px    }

    .container .sixteen.columns {        width: 748px    }

    .container .one-third.column {        width: 236px    }

    .container .two-thirds.column {        width: 492px    }

    .container .offset-by-one {        margin-left: 48px    }

    .container .offset-by-two {        margin-left: 96px    }

    .container .offset-by-three {        margin-left: 144px    }

    .container .offset-by-four {        margin-left: 192px    }

    .container .offset-by-five {        margin-left: 240px    }

    .container .offset-by-six {        margin-left: 288px    }

    .container .offset-by-seven {        margin-left: 336px    }

    .container .offset-by-eight {        margin-left: 384px    }

    .container .offset-by-nine {        margin-left: 432px    }

    .container .offset-by-ten {        margin-left: 480px    }

    .container .offset-by-eleven {        margin-left: 528px    }

    .container .offset-by-twelve {        margin-left: 576px    }

    .container .offset-by-thirteen {        margin-left: 624px    }

    .container .offset-by-fourteen {        margin-left: 672px    }

    .container .offset-by-fifteen {        margin-left: 720px    }

}



@media only screen and (max-width:767px) {
    .only-wide {  display: none   }

    .underline-mobile { border-bottom: 1px solid #263239    }

    .container {  width: 100%;    }

    .container .column,
    .container .columns {
        padding-left: 0;
        padding-right: 0

    }

    .row-fluid [class*=span],
    .row-fluid [class*=span]:first-child {

        width: 96%;
        margin-left: 2%

    }

    .row-fluid [class*=offset],
    .row-fluid [class*=offset]:first-child {

        margin-left: 2%

    }

    .container .eight.columns,

    .container .eleven.columns,

    .container .fifteen.columns,

    .container .five.columns,

    .container .four.columns,

    .container .fourteen.columns,

    .container .nine.columns,

    .container .one-third.column,

    .container .one.column,

    .container .one.columns,

    .container .seven.columns,

    .container .six.columns,

    .container .sixteen.columns,

    .container .ten.columns,

    .container .thirteen.columns,

    .container .three.columns,

    .container .twelve.columns,

    .container .two-thirds.column,

    .container .two.columns {

        width: 300px

    }

    .container .offset-by-eight,

    .container .offset-by-eleven,

    .container .offset-by-fifteen,

    .container .offset-by-five,

    .container .offset-by-four,

    .container .offset-by-fourteen,

    .container .offset-by-nine,

    .container .offset-by-one,

    .container .offset-by-seven,

    .container .offset-by-six,

    .container .offset-by-ten,

    .container .offset-by-thirteen,

    .container .offset-by-three,

    .container .offset-by-twelve,

    .container .offset-by-two {

        margin-left: 0

    }

}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden

}


.clearfix:after,
.clearfix:before,
.row:after,

.row:before {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0

}

.clearfix:after,

.row:after {    clear: both}

.clearfix,

.row {}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0

}


/* Reset -------------------------------------------------------------- */



a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{margin:0;padding:0;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{border:none;border-radius:10px;background:#ccc;color:rgba(0,0,0,.8);cursor:pointer;-webkit-appearance:button;font-size:12px;font-size:1.4rem;line-height:1;padding:1.12em 1.5em 1em}button:hover,html input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);-moz-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5)}button:active,button:focus,html input[type=button]:active,html input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);-moz-box-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:0 0 3px rgba(0,0,0,.5)}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=email],input[type=text],textarea{color:#888;border:1px solid #ddd;border-radius:5px}input[type=email]:focus,input[type=text]:focus,textarea:focus{color:#101010}input[type=email],input[type=text]{padding:3px}textarea{overflow:auto;padding:10px;vertical-align:top;width:98%}

/* styles
-------------------------------------------------------------- */

body,
button,
input,
select {
    padding: 0 !important;
    margin: 0!important;
   font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {    clear: both; color:#FFFFFF;}
h1 {    font-size: 48px;line-height:normal;}
h2 {    font-size: 34px;line-height:normal;}
h3 {    font-size: 28px; line-height:1.5;}
h4 {    font-size: 18px;line-height:normal;}
hr {    background-color: #fff; border: 0; height: 1px; margin-bottom: 1.5em;}

/* Text elements */
p { margin-bottom: 15px; margin-top:20px;}
ul,
ol {    margin: 0 0 1.5em 3em;}
ul { list-style: disc;}
ol { list-style: decimal;}
ul ul,
ol ol,
ul ol,
ol ul { margin-bottom: 0;    margin-left: 1.5em;}
dt { font-weight: bold;}
dd { margin: 0 1.5em 1.5em;}
b,strong {    font-weight: bold;}
dfn,cite,em,i { font-style: italic;}
blockquote { margin: 0 1.5em;}
address {margin: 0 0 1.5em;}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 0.7em;
    line-height: 1.5em;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
    box-shadow: 0 3px 5px #ddd inset;

}
.the-content ol{}
.the-content ol li,
.the-content ul li{ font-size:18px; line-height:normal; margin-bottom:10px;}

/* Links */



a {
    color: #333;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    text-decoration: none;

}
a:hover,
a:focus,
a:active {color:#c0c0c0;}
/* Alignment */

.alignleft { display: inline; float: left;margin-right: 1.5em;}
.alignright { display: inline; float: right; margin-left: 1.5em;}
.aligncenter { clear: both; display: block;margin: 0 auto;}
.center { ext-align: center;}


/* Header ----------------------------------------- */


.site-title a {font-size: 22px;text-align: center;}
.site-title a:hover {color:#4571f6;}
.site-description { font-style: italic;}

header {padding: 20px 0;background: transparent; margin: 20px auto;}


header .gravatar {
    overflow: hidden;
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0;
    float: right;

}


header #brand { margin: 1em 0;}
header #brand h1 {text-align:center; margin: 0; padding: 0;}

header nav {}

.main-navigation { text-align: center;}

.main-navigation li { list-style: none;}

.main-navigation a {
    color: #fff;
    padding: 10px;
    font-size: 16px;
    display: block;
}



.main-navigation div.nav-menu > ul,
.main-navigation ul.nav-menu { display: none;    margin: 0;    padding: 0;}
.main-navigation ul.nav-menu.toggled-on,.menu-toggle { display: inline-block;}
.menu-toggle { background: rgba(0, 0, 0, 0);   padding: 10px!important;  border-radius: 0; color:#FFFFFF;}
    li.current_page_item > a { border-bottom:1px solid #fff;    }


@media screen and (min-width:730px) {

    .main-navigation div.nav-menu>ul,
    .main-navigation ul.nav-menu { display: inline-block!important;  }
	
    .main-navigation li,
    .main-navigation li a {display: inline-block; text-decoration: none; 
	    color: #fff;
    padding: 10px;
    font-size: 16px;  }
	
    .main-navigation a { color: #fff; padding: 5px 10px 0px 10px; font-size: 16px;   }
	
    .main-navigation li a:focus,
    .main-navigation li a:hover { color: rgba(255, 255,255, 0.6); ;border-bottom:1px solid #fff;  }
	
    .main-navigation li { position: relative;    }
    .main-navigation li ul { z-index: 1;    }
	
    li.current_page_item > a { border-bottom:1px solid #fff;    }
	
    .menu-toggle {  display: none;    }
	
	
}

@media screen and (max-width:860px) {
headerr nav ul li {  float: none !important;}

}
/* page


-------------------------------------------------------------- */

.header-title{
padding:4%;
margin-bottom:30px;
text-align:center;

}

h1.title {
font-size:44px;
font-weight:300;
display: inline-block;
padding: 20px 35px;
color:#fff;
line-height:normal;
}



/* Posts/Articles


-------------------------------------------------------------- */



article {
    background: transparent;
    padding: 0;
    margin-bottom: 80px;
    border-bottom: 1px solid #dddddd;

}
article .title {
    color: #404040;
    font-size: 38px;
    text-align: center;

}

article .title a {
    text-decoration: none;
    color: #404040;

}


article .title a:hover {color:#4571f6;}
article .post-meta {

    margin-bottom: 40px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;

}


article .post-meta a {
    color: #888888;
    text-decoration: none;

}



article .post-meta a:hover { color: rgba(136, 136, 136, 0.5);}

.the-content { margin-bottom:3em;}


article .the-content p {    color: #fff;	font-size:20px;}



@media all and (max-width:700px) {article .the-content p { font-size:16px;}}

article .the-content img {
    max-width: 100%;
    height: auto;

}


article .meta {
    line-height: 14.8px;
    font-size: 10px;
	text-align:center;


}



article .meta div {   margin: 1px auto;}

/* Page loop styling */



.page article {    border-bottom: none;}

.page article .title {    margin-bottom: 40px;}


/* Pagination ***************************************************************************************************************************/



#pagination {   margin: 40px 0px 20px 0px; width: 100%; float:left;}

#pagination .next-page {
    float: right;
    width: 50%;
    text-align: right;

}

#pagination .past-page {
    float: left;
    width: 50%;
}


.next-page a,
.past-page a {
    font-size: 18px;
    font-style: italic;
    padding: 4%;
	display:block;
	color:#FFFFFF

}

.next-page a:hover,
.past-page a:hover{color: rgba(255, 255,255, 0.6);}
/* Comments */



h3#comments {

    margin-bottom: 80px;

    font-size: 16px;

}



.commentlist {

    list-style: none;

    margin: 0;

}



.commentlist .comment {

    margin: 0 0 40px 50px;

    padding: 20px;

    position: relative;

    list-style: none;

    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

}



.commentlist .comment .children {

    margin-top: 40px;

}



.commentlist .comment-author {

    float: left;

    margin-right: 10px;

}



.commentlist .comment-author img {

    position: absolute;

    left: -50px;

    top: 5px;

    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

}



.commentlist .comment-author .says {

    display: none;

}



.comment-meta {

    font-size: 12px;

    margin-bottom: 10px;

}



.comment-subscription-form,

.comment-subscription-form {

    margin-bottom: 0;

    font-size: 14px;

}



#respond {

    margin-bottom: 80px;

}



#respond > h3 {

    font-size: 16px;

    margin-bottom: 20px;

}



#respond form label {

    color: #888888;

}



footer {
    text-align: center;
    padding: 5%;
    font-size: 12px;
}


footer a {    color: #fff;}

footer a:hover { text-decoration: underline; color: #ccc;}


h3.footer-title {
    text-align: center;
    margin-bottom: 40px;
    font-size: 18px;
    font-weight: 800;
    padding-bottom: 10px;
    color: #fff;
}



.widget-foot { padding: 30px;    color: #303030;}

.widget-foot p {
    margin-bottom: 1.5em;
    font-size: 16px;
    line-height: 2;
    color: #fff;

}


.widget-foot p a {  color: #fff}


.widget-foot p a:hover {    text-decoration: underline;}


/* Misc & mixens

-------------------------------------------------------------- */


.site-footer {}


.hide-text {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}



.clear {   clear: both;}

/* clear floats */


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;

}

.clearfix {    display: inline-block;}


html[xmlns] .clearfix {    display: block;}



* html .clearfix {    height: 1%;}


/* #Media Queries



================================================== */

/* Those wide screens above 1280px */
@media only screen and (min-width: 1281px) {}

/* Smaller than standard 960 (devices and browsers) */



@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */



@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {}

@media all and (max-width:568px) {}


@media all and (max-width:600px) {}


#searchform { font-size:18px; line-height:0; color:#FFFFFF;}

#searchsubmit  {
border: none;
border-radius: 0px!important;
background:#fff!important;
color:rgba(0,0,0,1);
cursor: pointer;
-webkit-appearance: button;
font-size: 12px;
line-height: normal;
padding: 1em 1.5em;

}

#searchsubmit:hover  { background-color:#4571f6!important; color: #FFFFFF;}

#s {
color: #404040;
border: 1px solid #fff;
border-radius: 0px!important;
padding:7px 10px!important;
vertical-align: bottom;
}

body.page-id-2 { 
background: #5f4fdc;
background: -webkit-linear-gradient(to top,#512DA8,#5f4fdc);
background: linear-gradient(to top, #512DA8,#5f4fdc);
background-attachment:fixed;


}

body.page-id-6  {
background: #522fab;
background: -webkit-linear-gradient(to top,#5f4fdc,#512DA8);
background: linear-gradient(to top, #5f4fdc,#512DA8);
}

body.page-id-8  {
background: #5f4fdc;
background: -webkit-linear-gradient(to top,#8225ad,#5f4fdc);
background: linear-gradient(to top, #8225ad,#5f4fdc);
}

body.page-id-12  {
background: #8225ad;
background: -webkit-linear-gradient(to top,#a86bc4,#8225ad);
background: linear-gradient(to top, #a86bc4,#8225ad);
}

body.page-id-15 {
background: #a86bc4;
background: -webkit-linear-gradient(to top,#4a70ce,#a86bc4);
background: linear-gradient(to top, #4a70ce,#a86bc4);
}

body.page-id-17 {
background: #4a70ce;
background: -webkit-linear-gradient(to top,#3cbf80,#4a70ce);
background: linear-gradient(to top, #3cbf80,#4a70ce);
}

body.page-id-20 {
background: #673AB7;
background: -webkit-linear-gradient(to top,#0a7d56,#3cbf80);
background: linear-gradient(to top, #0a7d56,#3cbf80);
background-attachment: fixed;
}

body.page-id-3 {
background: #673AB7;
background: -webkit-linear-gradient(to top,#0a7d56,#3cbf80);
background: linear-gradient(to top, #0a7d56,#3cbf80);
}