@import url("https://fonts.googleapis.com/css?family=Libre+Franklin");
@font-face {
font-family: 'paulc';
src:url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulc.eot?8elpbp);
src:url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulc.eot?#iefix8elpbp) format('embedded-opentype'),
url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulc.woff?8elpbp) format('woff'),
url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulc.ttf?8elpbp) format('truetype'),
url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulc.svg?8elpbp#paulc) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="pcx-"], [class*=" pcx-"] {
font-family: 'paulc';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pcx-home:before {
content: "\e600";
}
.pcx-facebook-square:before {
content: "\f082";
}
.pcx-google-plus-square:before {
content: "\f0d4";
}
.pcx-youtube-play:before {
content: "\f16a";
}
.pcx-linkedin:before {
content: "\e601";
}
@font-face {
font-family: 'paulcremoux2';
src:url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulcremoux2.eot?lw6jey);
src:url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulcremoux2.eot?lw6jey#iefix) format('embedded-opentype'),
url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulcremoux2.ttf?lw6jey) format('truetype'),
url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulcremoux2.woff?lw6jey) format('woff'),
url(//paulcremoux.com/wp-content/themes/paul-cremoux/fonts/paulcremoux2.svg?lw6jey#paulcremoux2) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="pc2-"], [class*=" pc2-"] { font-family: 'paulcremoux2' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pc2-instagram:before {
content: "\f16d";
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
margin:0;
padding:0
}
table {
border-collapse:collapse;
border-spacing:0
}
fieldset,img {
border:0
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
font-style:inherit;
font-weight:inherit
}
del,ins {
text-decoration:none
}
li {
list-style:none
}
caption,th {
text-align:left
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal
}
q:before,q:after {
content:''
}
abbr,acronym {
border:0;
font-variant:normal
}
sup {
vertical-align:baseline
}
sub {
vertical-align:baseline
}
legend {
color:#000
}
input,button,textarea,select,optgroup,option {
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit
}
input,button,textarea,select {
*font-size:100%
}
body { font-family: 'Libre Franklin', sans-serif;
font-size:14px;
color:#fff;
background:#272727
}
#textura {
min-width:100%;
min-height:100%;
background:url(//paulcremoux.com/wp-content/themes/paul-cremoux/images/bg.png) repeat;
position:fixed;
z-index:-1 !important;
}
body.single #textura {
display:none
}
img.bg {
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 5000px;
object-fit: cover; max-height: 5000px;
z-index: -2;
}
@media screen and (orientation: portrait) {
img.bg {
height: 100vh;
}
}
@media screen and (orientation: landscape) {
img.bg {
height: 100vw;
}
} }
div#contenido {
position:absolute;
top:0;
left:0; overflow:hidden;
z-index:100;
width:100%;
height: 100%;
} .single div#contenido,
.page div#contenido {
z-index:1;
} #logo a {
display:block;
float:left;
height:65px;
margin-right:10px;
margin-top:-30px;
width:245px
}
#logo a img {
max-width: 100%;
height: auto;
}
#header {
top:55px; left:60px;
position:fixed; width: calc( 100% - 50px );
padding-top: 0;
z-index: 10000;
}
h1 {
padding:4px 8px;
margin:0 10px 10px 0;
float:left;
display:inline-block
}
h1,h1 a {
color:#222;
background:#ffe12d;
text-decoration:none;
font-size:22px
}
.submenu a {
padding:4px 8px;
background: #272727;
color:#ffe12d;
text-decoration:none;
font-size:22px;
display:inline-block;
margin:0 10px 10px 0;
float:left
}
.nav a {
padding:4px 8px;
background:#ffe12d;
color:#1e1e1e;
text-decoration:none;
font-size:22px;
display:inline-block;
margin:0 10px 10px 0;
float:left
}
.nav a:hover {
background:#1e1e1e;
color:#ffe12d
}
h1 a:hover,.submenu a:hover {
color:#fff;
background:none
}
#redes {
position:fixed;
top:30px;
right:9px;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display:flex !important;
}
#redes li { font-family: 'Libre Franklin', sans-serif;
text-transform:uppercase;
font-size:9px
}
#redes li a {
padding:6px 6px 6px 0px;
color:#fff;
text-decoration:none;
width:18px;
display:block
}
#redes li a span {
font-size: 1.8em;
margin-right: 6px;
} #top { width: 100vw;
position:fixed;
left:0;
box-sizing: border-box;  font-family: 'Libre Franklin', sans-serif;
font-size:11px;
text-transform:uppercase
}
#top #menu:lang(en) {
width:355px
}
#top ul {
padding:6px 10px
}
#top #menu {
float:left;  width:420px;
background: #272727;
}
#top li a {
color:#fff;
float:left;
text-decoration:none;
margin-right:5px
}
#top li.h a {
height: 15px;
display: block;  }
#top li.h .pcx-home {
display: block;
font-size: 1.3em; vertical-align: top;
position: relative;
bottom: 1px;
}
#top li a:hover {
color:#999
}
#top #menu li:not(.h) a:before {
content:" / \00A0"
} #top .qtranxs_language_chooser {  background:none;
float: none;
position: absolute;
top: 0;
right: 0; display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex;
justify-content: flex-end;
} #top .qtranxs_language_chooser li a:before {
content:url(//paulcremoux.com/wp-content/themes/paul-cremoux/images/idioma.png)
}
#top .qtranxs_language_chooser li a[hreflang=en]:before {
content:"\00A0"
}
body.single img.bg,body.page img.bg {
display:none
}
#main {
background: #272727; font-family: 'Libre Franklin', sans-serif;
font-size:10px; height: auto;
line-height:15px;
margin:165px 0 0 60px;
padding-left: 10px;
width:1000px;
z-index:51;
position: relative;
text-align: justify;
}
#main .txt {
background: #272727;
width:208px;
margin: 45px 25px 0 0;
float:left; }
#main .txt p {
margin-bottom:20px
}
#main .txt a {
color:#ffe12d;
text-decoration:none
}
#main .txt a:hover {
color:#fff
}
#main h2 {
font-weight:bold
} #main .galeria {
position:absolute; height: 100%;
background: #272727;
margin-left:235px
}
#main .galeria img {
height: 464px;
width: auto;
margin-left: 10px;
}
#pagetext {
width:700px;
left:50%;
margin:165px 0 0 -330px;
position:absolute;
padding:5px;
z-index:51;
background:#272727;
overflow: scroll;
height: 100%;
}
#pagetext p {
line-height:18px;
margin-bottom:24px
}
#pagetext ol li {
line-height:18px;
margin-bottom:24px;
margin-left:24px;
list-style:decimal
}
#pagetext ul li {
line-height:18px;
margin-bottom:24px;
margin-left:0;
list-style:none
}
#pagetext h3 {
font-size:22px;
line-height:30px;
color:#ffe12d;
margin-bottom:24px
}
#top li.h a:hover,#logo a:hover,#redes li a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=property(border-radius, ((60))));
opacity:.6
}
#contacto {
bottom: 0px;
left: 0px;
position: absolute;
height: 0;
width: 0;
}
#contacto a {
background: none repeat scroll 0% 0% #272727;
color: #fff;
display: block; font-family: 'Libre Franklin', sans-serif;
font-size: 13px;
padding: 10px 10px 10px 25px;
text-decoration: none;
width: 260px;
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#thumbs {
width:900px;
height:351px;
position:fixed;
left:50%;
top:50%;
margin-left:-450px;
margin-top:-175px;
}
#thumbs div {
height:112px;
float:left;
margin:-2px 5px 5px 0;
}
#thumbs div.thumb a.tha {
background:none;
display:block;
opacity:.7;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);
width:168px;
}
#thumbs div.thumb a.tha:hover {
width:152px;
height:96px;
border:8px solid #222;
text-decoration:none;
background:none !important;
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter:alpha(opacity=100);
}
#thumbs div.thumb a.tha:hover h2 {
font-size:22px;
background:#222;
position:absolute;
margin:10px 0 0 -8px;
padding:0 16px;
color:#fff;
display:inline;
z-index:100
}
#thumbs div.thumb a.tha:hover img {
margin:-8px 0 0 -8px
}
#thumbs div.thumb a.tha:hover .cruzLogo {
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=00);
filter:alpha(opacity=00)
}
#thumbs div.thumb a.tha:hover .thumbbg {
display:block;
height:96px;
margin-top:-104px;
position:absolute;
z-index:-1;
}
#thumbs div.thumb a.tha:hover .thumbbg img {
opacity:.8;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80)
}
#thumbs div.thumb a.tha .cruzLogo {
opacity:.6;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter:alpha(opacity=60)
}
#thumbs div.thumb a.tha .thumbbg {
display:none
}
#thumbs div.thumb a.tha h2 {
display:none
}
.lateral {
max-height: 464px;
width: auto;
display: inline-block;
vertical-align: top;
}
span.hide {
display:none
}
.clear {
clear: both !important;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
strong {
color:#ffe12d
}
::-webkit-scrollbar { 
display: none !important; 
}
*,
#wrapper,
#pagetext {
-ms-overflow-style: none !important;
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 1024px) and (orientation:landscape) {
#contenido{
width:100%;height:100%
}
#top #menu{
width:390px
}
#pagetext{
-webkit-overflow-scrolling:touch;overflow:scroll;height:75%
}
#wrapper{
z-index:1;width:100%;height:100%
}
#main{
-webkit-overflow-scrolling:touch;height:75%;overflow:auto;padding:0;position:absolute;top:0;width:93%
}
}
@media only screen and (min-device-width: 800px) {
body {
overflow:hidden
}
#wrapper {
width:100%;
margin: 10px 0;
position:absolute;
padding:0;
top: 138px; bottom:0;
z-index:51;
overflow-y:scroll
}
body.single #wrapper {
overflow:scroll
}
#main {
margin:0 0 0 60px;
padding-left: 10px;
}
#pagetext {
margin:0 0 0 -330px
}
body.single {
padding-bottom:-165px
}
#main,#pagetext {
padding-bottom:-165px
}
}
@media screen and (max-width: 800px) { #contacto a
{
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}  body.home #logo a{
margin:30px 0 0 -20px
}
#pagetext{
width:90%;
margin:160px 0 0 0;
-webkit-transform: translate( -50%, 0 );
transform: translate( -50%, 0 );
}
}
@media screen and (max-width: 768px) and (orientation:portrait) {
#thumbs{
width:768px;height:500px;margin-left:-320px;margin-top:-250px
}
}
@media screen and (max-width: 767px) {
.thumb-dos{
position: relative;
bottom: 80px;
}
}
@media screen and (max-width: 670px) { body:not(.home) #logo a{
max-width: 100px;
height: auto; }
html{
-webkit-text-size-adjust:none
}
body{
font-family:Georgia,"Times New Roman",Times,serif;font-size:14px
}
#contenido{
width:100%;height:100%
}
#pagetext{
-webkit-overflow-scrolling:touch;overflow:scroll;height:75%
}
#wrapper{
z-index:1;width:100%;height:100%
}
#main{
-webkit-overflow-scrolling:touch;height:75%;overflow:auto;padding:0;position:absolute;top:0;width:98%;z-index:100
}
#thumbs{
display:none
}
#top{
font-size:10px;margin-left:0;left:0
}
#top #menu{
width:310px
}
#top #menu:lang(en){
width:290px
}
#redes li a{
padding:3px
}
#logo a{
margin-top:-40px
}
#top .qtranxs_language_chooser li,#top .qtranxs_language_chooser li a{
display:block;clear:both
}
#top .qtranxs_language_chooser li a:before{
content:" "
}
#top #menu li:not(.h) a:before{
content:'';
}
#top #menu li a:before{
content:'';
} #contacto a {
padding: 8px;
}
body.home #contacto a, body.home #redes, body.home #logo a {
display: block!important;
} body.home #contacto {
left: 0px;
position: fixed;
height: 40px;
bottom: 0px;
width: 100%;
}
body.home #contacto a {
background: none repeat scroll 0% 0% #000;
font-size: 10px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
} #pagetext{
margin-top:110px;
}
#pagetext p{
text-align:left;margin-bottom:14px
}
#pagetext ol li{
margin-bottom:14px;margin-left:14px;list-style:decimal
}
#pagetext h3{
font-size:16px;line-height:18px;color:#ffe12d;margin-bottom:14px
}
h1,body.single .submenu a{
margin-top:15px;font-size:18px
}
body.archive h1{
font-size:12px;padding:2px 4px;margin:0 5px 5px 0
}
#main img{
height:250px
}
#main .txt{
margin-top:0
}
body.single #logo,body.single h1{
display:none
}
body.archive #logo{
display:none
}
body.archive #header{
top:85px;
left:10px;
width: calc( 100% - 55px ) !important;
}
body.single #header,body.page #header{
top:18px;
left:60px;
}
#main {
margin:138px 0 0 5px !important;
padding-left: 0px;
}
.submenu a{
padding:2px 4px; background: #272727; color:#ffe12d;text-decoration:none;font-size:12px;display:inline-block;margin:0 5px 5px 0;float:left
}
.nav a{
padding:2px 4px;background:#ffe12d;color:#1e1e1e;text-decoration:none;font-size:12px;display:inline-block;margin:0 5px 5px 0;float:left
}
.galeria img
{
max-height: calc( 98vh - 105px ) !important;
width: auto !important;
}
.thumb-dos{
position: relative;
bottom: 80px;
}
#contacto a {
display: none !important;
}
}
@media screen and (max-width: 600px) {
#top .qtranxs_language_chooser {
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-end;
align-items: flex-end;
}
#redes {
bottom: 45px !important;
top: inherit !important;
}
}
@media (max-height: 768px) and (orientation: landscape){ }
@media screen and (max-width: 450px) {
#top .qtranxs_language_chooser {
top: 30px;
}
#redes {
display: none;
}
}
.clearfix {
display:inline-block
}
.clearfix {
display:block
}
.content-block { 
border:1px solid #eee; 
padding:3px;
background:#ccc;
max-width:250px;
float:right; 
text-align:center;
} .titulos-amarillos{
color: #ffe12d;
font-weight: 500;
font-size: 10px;
text-align: left;
}
.texto-justificado{
margin-bottom: 20px;
color: #fff;
text-align: justify;
font-size: 10px;
} img.bg {
opacity: 0;
transition: opacity 1s ease-in-out;
}
img.bg.active {
opacity: 1;  @media only screen 
and (max-width: 480px) 
and (orientation: portrait) {
.home-title {
margin-left: 10%;
margin-top: 20%;
transform: translateX(0);
}
} @media only screen 
and (max-width: 812px) 
and (orientation: landscape) {
.home-title {
margin-left: 5%;
margin-top: 5%;
transform: translateX(0);
}
}
}  @media screen and (max-width: 480px) and (orientation: portrait) {
#logo {
position: absolute;
left: 10%;
top: 5px;
z-index: 10; }
} @media screen and (max-width: 812px) and (orientation: landscape) {
#logo {
position: absolute !important;
top: -10px !important; left: 5% !important;
z-index: 10;
}
}  #top li.h a {
display: block !important;
height: 15px !important;
width: auto !important;
min-width: 13px !important;
position: relative;
}
#top li.h .pcx-home {
display: inline-block !important;
font-size: 1.3em !important;
vertical-align: top !important;
position: relative !important;
bottom: 1px !important;
visibility: visible !important;
opacity: 1 !important;
} #top li.h .hide {
display: none !important;
visibility: hidden !important;
} @media screen and (max-width: 670px) {
#top li.h a {
display: block !important;
width: auto !important;
min-width: 13px !important;
}
#top li.h .pcx-home {
display: inline-block !important;
font-size: 1.2em !important;
}
}  body.page #header {
text-align: left !important;
left: 60px !important;
}
body.page #header h1,
body.page-template #header h1,
body.page-id-7 #header h1,
body.page-id-9 #header h1,
body.page-id-11 #header h1 {
margin-left: 0 !important;
margin-right: 10px !important;
float: left !important;
clear: both !important;
} body.page #header #logo,
body.page-template #header #logo {
display: none !important;
} body.page #pagetext,
body.page-template #pagetext {
margin-left: 60px !important;
padding-left: 0 !important;
width: auto !important;
max-width: 1000px !important;
transform: none !important;
position: relative !important;
left: 0 !important;
}
body.page #wrapper,
body.page-template #wrapper {
margin-left: 0 !important;
padding-left: 0 !important;
} @media only screen and (min-device-width: 800px) {
body.page #wrapper {
left: 0 !important;
}
body.page #pagetext {
margin-left: 60px !important;
transform: none !important;
}
}
@media screen and (max-width: 800px) {
body.page #header {
left: 10px !important;
}
body.page #header h1 {
margin-left: 0 !important;
}
body.page #pagetext {
margin-left: 0 !important;
width: 90% !important;
left: 50% !important;
transform: translate(-50%, 0) !important;
}
}
@media screen and (max-width: 670px) {
body.page #header {
left: 5px !important;
}
}   @media screen and (max-width: 670px) {
#top #menu {
width: 100% !important;
max-width: calc(100vw - 20px) !important;
font-size: 9px !important;
white-space: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
#top #menu ul {
display: flex !important;
flex-wrap: nowrap !important;
padding: 6px 5px !important;
}
#top #menu li {
display: inline-block !important;
white-space: nowrap !important;
}
#top #menu li a {
margin-right: 3px !important;
font-size: 9px !important;
} #top .qtranxs_language_chooser {
font-size: 9px !important;
right: 5px !important;
}
}  @media screen and (max-width: 670px) { body.page #top,
body.single #top {
display: block !important;
visibility: visible !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 10001 !important;
background: #272727 !important;
} body.page #header,
body.single #header {
top: 55px !important;
left: 15px !important;
width: calc(100% - 30px) !important;
position: fixed !important;
} body.page #header h1 {
margin-left: 0 !important;
margin-bottom: 15px !important;
} body.page #pagetext {
margin-top: 120px !important;
margin-left: 15px !important;
width: calc(100% - 30px) !important;
padding-left: 0 !important;
}
body.page #wrapper {
top: 0 !important;
margin-top: 0 !important;
}
} @media screen and (max-width: 670px) { #thumbs .thumb h2,
#thumbs .thumb a {
font-size: 16px !important;
line-height: 20px !important;
padding: 10px !important;
} #thumbs .thumb {
min-height: 80px !important;
}
} @media screen and (max-width: 670px) { body.single #header {
top: 50px !important;
}
body.single #main {
margin-top: 110px !important;
margin-left: 15px !important;
padding-left: 0 !important;
width: calc(100% - 30px) !important;
} body.single #header h1,
body.single .submenu a {
margin-left: 0 !important;
} body.single .galeria img {
max-height: calc(100vh - 120px) !important;
width: auto !important;
}
}  @media screen and (min-width: 671px) and (max-width: 1024px) { body.home #contacto {
display: block !important;
visibility: visible !important;
}
body.home #contacto a {
display: block !important;
} body.page #top,
body.single #top {
display: block !important;
visibility: visible !important;
z-index: 10001 !important;
position: fixed !important;
top: 0 !important;
} body.page #header,
body.single #header {
top: 55px !important;
} body.page #wrapper,
body.page #pagetext {
margin-top: 140px !important;
}
body.single #main {
margin-top: 150px !important;
}
} @media screen and (min-width: 671px) and (max-width: 1024px) and (orientation: portrait) { body.page #top,
body.single #top {
position: fixed !important;
top: 0 !important;
z-index: 10001 !important;
} body.page #pagetext {
margin-top: 140px !important;
z-index: 50 !important;
}
body.single #main {
margin-top: 150px !important;
z-index: 50 !important;
}
}  @media screen and (max-width: 844px) and (orientation: landscape) { #top #menu {
font-size: 10px !important;
} body.page #header,
body.single #header {
top: 45px !important;
}
body.page #pagetext {
margin-top: 100px !important;
}
body.single #main {
margin-top: 100px !important;
}
}  @media screen and (max-width: 1024px) and (pointer: coarse) { body.home #contacto {
display: block !important;
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
height: 45px !important;
z-index: 9999 !important;
}
body.home #contacto a {
display: block !important;
background: #272727 !important;
color: #fff !important;
text-align: center !important;
padding: 12px !important;
font-size: 11px !important;
}
}  @media screen and (max-width: 1024px) and (pointer: coarse) { html {
-webkit-overflow-scrolling: touch !important;
} input, textarea, select {
font-size: 16px !important;
} #redes {
display: flex !important;
z-index: 10000 !important;
} body.single #redes {
display: none !important;
}
}   @media screen and (min-width: 1280px) { body.page #header,
body.single #header,
body.home #header {
top: 85px !important;
}
#top #menu {
width: 420px !important;
font-size: 11px !important;
}
} .gallery-arrow {
display: none !important;
} @media screen and (min-width: 1025px) { body.single #main {
overflow-x: auto !important;
overflow-y: hidden !important;
}
body.single #main .txt {
float: left !important;
white-space: normal !important;
}
body.single #main .galeria {
position: absolute !important;
white-space: nowrap !important;
margin-left: 235px !important;
} body.single .gallery-arrow {
display: block !important;
position: fixed !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: none !important;
border: none !important;
color: #ffe12d !important;
font-size: 80px !important;
font-weight: 100 !important;
cursor: pointer !important;
z-index: 999999 !important;
padding: 10px !important;
transition: opacity 0.3s ease !important;
opacity: 0.7 !important;
pointer-events: auto !important;
line-height: 1 !important;
}
body.single .gallery-arrow:hover {
opacity: 1 !important;
}
body.single #gallery-arrow-left {
left: 30px !important;
display: none !important;
}
body.single #gallery-arrow-right {
right: 30px !important;
display: block !important;
}
body.single.has-scrolled #gallery-arrow-left {
display: block !important;
}
}  #top li.h a {
display: inline-flex !important;
align-items: center !important;
height: auto !important;
line-height: normal !important;
}
#top li.h .pcx-home {
font-size: 1.5em !important;
line-height: 1 !important;
vertical-align: middle !important;
position: relative !important;
top: 0 !important;
bottom: 0 !important;
} @media screen and (max-width: 670px) {
#top li.h .pcx-home {
font-size: 1.8em !important;
margin-right: 4px !important;
}
#top li.h a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
} @media screen and (min-width: 671px) and (max-width: 1024px) {
#top li.h .pcx-home {
font-size: 1.6em !important;
}
}  @media screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait) {
body.page #header {
top: 70px !important;
}
body.page #wrapper {
top: 20px !important;
padding-top: 0 !important;
}
body.page #pagetext {
margin-top: 0 !important;
padding-top: 5px !important;
} body.page #header h1 {
margin-bottom: 3px !important;
}
} @media screen and (min-width: 810px) and (max-width: 820px) and (orientation: portrait) {
body.page #wrapper {
top: 10px !important;
}
}