@media (max-width: 767px) {
.nav-button{
position: absolute;
display: block;
top: 16px;
right: 24px;
width: 40px;
height: 40px; transition: 0.5s;
border: 0px black;
background: rgba(0,0,0,0);
}
}
@media (min-width: 768px) and (max-width: 1029px) {
.nav-button{
display: none;
}
}
@media (min-width: 1030px) {
.nav-button{
display: none;
}
}
.button-style{
position: absolute;
top: 15px;
width: 38px;
height: 5px;
border: 1px solid rgb(202,178,124);
border-radius: 2px;
left: -1px;
background: rgb(202,178,124);
}
.button-style:before{
content: "";
position: absolute;
top: -15px;
width: 38px;
height: 5px;
border: 0px solid rgb(202,178,124);
border-radius: 2px;
left: -1px;
background: rgb(202,178,124);
animation-duration: 0.4s;
animation-name: dr-anime1;
}
.button-style:after{
content: "";
position: absolute;
top: 13px;
width: 38px;
height: 5px;
border: 0px solid rgb(202,178,124);
border-radius: 2px;
left: -1px;
background: rgb(202,178,124);
animation-duration: 0.4s;
animation-name: dr-anime2;
}
@keyframes dr-anime1{
0%{
transform: rotate(45deg);
top: -1px;
}
50%{
transform: rotate(22.5deg);
}
100%{
transform: rotate(0deg);
top: -15px;
}
}
@keyframes dr-anime2{
0%{
transform: rotate(-45deg);
top: -1px;
}
50%{
transform: rotate(-22.5deg);
}
100%{
transform: rotate(0deg);
top: 13px;
}
}
.button-style-clicked{
position: absolute;
top: 15px;
width: 38px;
height: 5px;
border: 0px solid rgb(202,178,124);
border-radius: 2px;
left: -1px;
background: rgba(202,178,124,0);
}
.button-style-clicked:before{
content: "";
position: absolute;
top: -1px;
width: 36px;
height: 3px;
border: 1px solid rgb(202,178,124);
border-radius: 2px;
left: -1px;
background: rgb(202,178,124);
transform: rotate(45deg);
transition-duration: 300ms;
}
.button-style-clicked:after{
content: "";
position: absolute;
top: -1px;
width: 36px;
height: 3px;
border: 1px solid rgb(202,178,124);
border-radius: 2px;
left: -1px;
background: rgb(202,178,124);
transform: rotate(-45deg);
transition-duration: 300ms;
}.so-widget-sow-button-wire-3136a92e7013 .ow-button-base {
zoom: 1;
}
.so-widget-sow-button-wire-3136a92e7013 .ow-button-base:before {
content: '';
display: block;
}
.so-widget-sow-button-wire-3136a92e7013 .ow-button-base:after {
content: '';
display: table;
clear: both;
}
.so-widget-sow-button-wire-3136a92e7013 .ow-button-base a {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 1em;
padding: 1em 2em;
background: transparent;
border: 2px solid #1e73be;
color: #1e73be !important;
-webkit-border-radius: 0.25em;
-moz-border-radius: 0.25em;
border-radius: 0.25em;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.so-widget-sow-button-wire-3136a92e7013 .ow-button-base a:active,
.so-widget-sow-button-wire-3136a92e7013 .ow-button-base a:hover {
color: #ffffff !important;
}
.so-widget-sow-button-wire-3136a92e7013 .ow-button-base a.ow-button-hover:hover {
background: #1e73be;
border-color: #1e73be;
}.ow-button-base{zoom:1}.ow-button-base:before{content:'';display:block}.ow-button-base:after{content:'';display:table;clear:both}.ow-button-base a{text-align:center;display:inline-block;cursor:pointer;text-decoration:none;line-height:1em}.ow-button-base a .sow-icon-image,.ow-button-base a [class^="sow-icon-"]{font-size:1.3em;height:1em;width:auto;margin:-0.1em .75em -0.2em -0.75em;display:block;float:left}.ow-button-base a .sow-icon-image{width:1em;background-size:cover}.ow-button-base a.ow-icon-placement-top .sow-icon-image,.ow-button-base a.ow-icon-placement-top [class^="sow-icon-"]{margin:0 auto .5em;float:none}.ow-button-base a.ow-icon-placement-right .sow-icon-image,.ow-button-base a.ow-icon-placement-right [class^="sow-icon-"]{margin:-0.1em -0.75em -0.2em .75em;float:right}.ow-button-base a.ow-icon-placement-bottom .sow-icon-image,.ow-button-base a.ow-icon-placement-bottom [class^="sow-icon-"]{float:none;margin:.5em auto 0}.ow-button-base a.ow-icon-placement-bottom>span{display:flex;flex-direction:column-reverse}.ow-button-base a.ow-icon-placement-left .sow-icon-image,.ow-button-base a.ow-icon-placement-left [class^="sow-icon-"]{margin:-0.1em .75em -0.2em -0.75em;float:left}.ow-button-base.ow-button-align-left{text-align:left}.ow-button-base.ow-button-align-right{text-align:right}.ow-button-base.ow-button-align-center{text-align:center}.ow-button-base.ow-button-align-justify a{display:block}