.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}a,
.author-link a:hover,
.entry-title a:hover,
.post .comments-link a:hover,
#topmenu > li:hover > a,
#topmenu li.current-menu-item > a,
#topmenu ul a:hover,
.widget .post > h3 a:hover,
.widget_g7_twitter .follow-us:hover,
.category1 .widgettitle a:hover,
.category2 .widgettitle a:hover,
.widget_g7_social li a:hover,
.widget_g7_subpages li a:hover,
.widget_g7_subpages li.current_page_item a {
color: #fe9b00;
}
#mainmenu,
#mainmenu ul,
#mainmenu ul a:hover,
.category1 .widgettitle,
.category2 .widgettitle {
border-color: #fe9b00;
}
#mainmenu > li.current-menu-item > a,
#mainmenu > li.current_page_item > a,
#searchbtn,
#submit,
.btn,
.post a.readmore:hover,
.post a.author:hover,
.post .category a,
.pagination a:hover,
.pagination span.current,
.widget_g7_tabs ul.tabs li a.active {
background-color: #fe9b00;
}
.post .category a {
background-color: #fe9b00;
background-color: rgba(254, 155, 0, 0.9);
}
.flex-caption .category a,
.flex-caption h2 a:hover {
color: #ffc328;
}
.flex-control-paging li a.flex-active {
background-color: #ffc328;
background-color: rgba(254, 155, 0, 0.8);
}@media only screen and (min-width: 768px) and (max-width: 959px) {
.container                                  { width: 768px; }
.container .column,
.container .columns                         { margin-left: 10px; margin-right: 10px;  }
.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
.alpha.omega                                { margin-left: 0; margin-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                   { padding-left: 48px; }
.container .offset-by-two                   { padding-left: 96px; }
.container .offset-by-three                 { padding-left: 144px; }
.container .offset-by-four                  { padding-left: 192px; }
.container .offset-by-five                  { padding-left: 240px; }
.container .offset-by-six                   { padding-left: 288px; }
.container .offset-by-seven                 { padding-left: 336px; }
.container .offset-by-eight                 { padding-left: 384px; }
.container .offset-by-nine                  { padding-left: 432px; }
.container .offset-by-ten                   { padding-left: 480px; }
.container .offset-by-eleven                { padding-left: 528px; }
.container .offset-by-twelve                { padding-left: 576px; }
.container .offset-by-thirteen              { padding-left: 624px; }
.container .offset-by-fourteen              { padding-left: 672px; }
.container .offset-by-fifteen               { padding-left: 720px; }
#mainmenu {
width: 508px;
}
#mainmenu li a {
padding: 0 10px;
}
#mainmenu ul a {
padding: 7px 10px;
}
#mainmenu > li > a.with-ul {
padding-right: 20px;
}
#mainmenu > li > a > span {
right: 10px;
}
#searchf {
width: 240px;
}
#cari {
width: 166px;
}
.flex-caption {
width: 280px;
}
.category1 article {
width: 236px;
}
.category1 .morepost {
width: 224px;
}
}  @media only screen and (max-width: 767px) {
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column  { width: 300px; } .container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .offset-by-fifteen { padding-left: 0; }
#topmenu,
#mainmenu {
display: none;
}
.topmenu,
.mainmenu {
display: block;
}
.topmenu {
width: 100%;
}
.mainmenu {
width: 284px;
}
#intro {
text-align: center;
}
#logo {
text-align: center;
}
#top-banner {
margin-top: 10px;
}
#searchf {
background-color: #555;
width: 300px;
}
#cari {
width: 226px;
}
#bottom .footer1,
#bottom .footer2 {
text-align: center;
}
#bottom .footer2 {
margin-top: 0;
}
.flex-caption {
width: 100%;
height: auto;
top: auto;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
}
.flex-control-nav {
bottom: auto;
top: 20px;
}
.flex-caption h2 {
text-transform: none;
font-size: 13px;
line-height: 20px;
}
.flex-caption .caption {
padding: 10px;
}
.flex-caption h2 {
margin: 0;
}
.flex-caption .category,
.flex-caption .rating,
.flex-caption .excerpt,
.flex-caption .more {
display: none;
}
.flex-control-paging li a.flex-active {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
#main {
margin-bottom: 20px;
}
.category1 .box .widgettitle {
border-bottom: none;
}
.category1 article {
border: none;
width: 300px;
float: none;
}
.category1 .post-image {
padding: 0;
}
.category1 .morepost {
float: none;
width: 270px;
}
.list-container .block-image.side,
.list-container .block-image.side img {
float: none;
}
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,
.container .column { margin: 0; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column { width: 420px; }
#topmenu,
#mainmenu {
display: none;
}
.topmenu,
.mainmenu {
display: block;
}
.mainmenu {
width: 404px;
}
#searchf {
width: 420px;
}
#cari {
width: 346px;
}
.flex-caption h2 {
font-size: 20px;
line-height: 28px;
}
.category1 article {
width: 420px;
}
.category1 .morepost {
width: 390px;
}
}