@charset "UTF-8";
/*!
* JoomlaShine FW
*/
@import url("https://fonts.googleapis.com/css?family=Baloo|Quicksand:300,500,700");
label {
font-weight: 500;
}
label span.star {
color: #F95050;
}
select[multiple], select[size],
select, textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
height: 50px;
padding: 0 30px;
font-size: 15px;
color: #555555;
background-color: #fff;
border: solid 2px #ececec;
transition: border-color ease-in-out 0.15s;
outline: 0;
border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow: none;
}
@media (max-width: 425px) {
select[multiple] :not(select), select[size] :not(select),
select :not(select), textarea :not(select),
input[type=text] :not(select),
input[type=password] :not(select),
input[type=datetime] :not(select),
input[type=datetime-local] :not(select),
input[type=date] :not(select),
input[type=month] :not(select),
input[type=time] :not(select),
input[type=week] :not(select),
input[type=number] :not(select),
input[type=email] :not(select),
input[type=url] :not(select),
input[type=search] :not(select),
input[type=tel] :not(select),
input[type=color] :not(select) {
width: 100%;
}
}
select[multiple]:focus, select[size]:focus,
select:focus, textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
select option {
background-color: #fff;
color: #000;
}
input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #bebebe;
}
input[type=text]::-moz-placeholder, textarea::-moz-placeholder {
/* Firefox 19+ */
color: #bebebe;
}
input[type=text]:-ms-input-placeholder, textarea:-ms-input-placeholder {
/* IE 10+ */
color: #bebebe;
}
input[type=text]:-moz-placeholder, textarea:-moz-placeholder {
/* Firefox 18- */
color: #bebebe;
}
textarea {
height: auto;
}
input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
color: #b3b3b3;
background-image: none;
background-color: #ffffff;
border: 2px solid #ececec;
box-shadow: none;
}
/*!
* Sun Framework
* Copyright 2016 Joomlashine.
* @file _module-style.scss
*/
.module-title i.fa {
padding-right: 8px;
padding-left: 0;
}
.sunfw-direction-rtl .module-title i.fa {
padding-left: 8px;
padding-right: inherit;
}
.sunfw-direction-rtl .module-title i.fa {
padding-right: 0;
padding-left: inherit;
}
[class*=module-style-] {
border-radius: 15px;
}
[class*=module-style-] .module-title .box-title {
margin-top: 0;
}
[class*=module-style-].module-style-3 .module-title .box-title, [class*=module-style-].module-style-1 .module-title .box-title {
margin: -32px -22px 20px;
padding: 11px 20px 9px;
border-radius: 15px 15px 0 0;
}
[class*=module-style-].module-style-4 .module-title .box-title, [class*=module-style-].module-style-2 .module-title .box-title {
margin-bottom: 13px;
}
/*!
* Sun Framework
* Copyright 2016 Joomlashine.
* @file _pagination.scss
*/
div.pager,
div.pagination {
display: flex;
margin: 40px 0 20px;
}
div.pager p.counter,
div.pagination p.counter {
font-size: 12px;
display: none;
}
div.pager ul.pagination,
div.pagination ul.pagination {
margin: 0 -1px;
padding: 0;
line-height: 1;
}
div.pager ul.pagination li,
div.pagination ul.pagination li {
display: inline-block;
padding: 0;
}
div.pager ul.pagination li:first-child a,
div.pagination ul.pagination li:first-child a {
margin-left: 0;
padding-left: 0;
}
div.pager ul.pagination li.active a,
div.pagination ul.pagination li.active a {
color: #ff2834;
}
div.pager ul.pagination li a,
div.pagination ul.pagination li a {
line-height: 14px;
border-radius: 3px;
border: none;
background-color: transparent;
padding: 2px 14px;
margin: 0;
color: #555555;
}
div.pager ul.pagination li a:hover,
div.pagination ul.pagination li a:hover {
background: transparent;
color: #ff2834;
}
div.pager ul.pagination li.disabled a,
div.pagination ul.pagination li.disabled a {
color: #888888;
}
div.pager ul.pagination li.disabled a:hover,
div.pagination ul.pagination li.disabled a:hover {
border-color: rgba(233, 233, 233, 0.15);
background-color: transparent;
}
.pager {
padding: 0;
margin: 30px 0 37px 0;
}
.pager li > a, .pager li > span {
border-radius: 0;
}
.breadcrumb {
position: relative;
padding: 0;
margin: 0;
background-color: transparent !important;
font-size: 13px;
line-height: 1.2;
}
.breadcrumb span.divider {
display: none;
}
.breadcrumb > li + li:after {
content: "";
font-family: fontAwesome;
color: #222222;
padding: 0 8px;
font-size: 14px;
}
.breadcrumb > li:last-child:after {
display: none;
}
.breadcrumb > li + li::before {
display: none;
}
.breadcrumb > li {
padding: 2px 0;
}
.breadcrumb > li a {
color: #222222;
font-size: 13px;
font-weight: 500;
}
.breadcrumb > li.active span {
font-size: 13px;
font-weight: 500;
}
.breadcrumb .active {
color: #243341;
}
.custom-breadcrum {
margin: -15px 0 30px 0;
}
.has-col-right .breadcrumb:after {
left: 0;
}
.sunfw-direction-rtl .has-col-right .breadcrumb:after {
right: 0;
left: auto;
}
.has-col-left .breadcrumb:after {
right: 0;
}
.sunfw-direction-rtl .has-col-left .breadcrumb:after {
left: 0;
right: auto;
}
.has-col-left.has-col-right .breadcrumb:after {
width: 100%;
}
/* Search Module */
.module-style.search-module .search #mod-search-searchword {
color: #999999;
height: 55px;
margin-bottom: 10px;
width: 100%;
}
.module-style.search-module .search.search-module .button.btn {
width: 100%;
}
.module-style.search-module .module-body .search-module {
padding-top: 5px;
}
.module-style .userdata {
padding-top: 5px;
}
.module-style .userdata ul > li a {
padding: 5px 0;
display: block;
color: #666;
}
.module-style .input-group {
display: flex;
}
.module-style .input-group .input-group-addon {
border-color: #ececec;
color: #000;
padding-left: 16px;
padding-right: 16px;
background: transparent;
}
.module-style .input-group .input-group-addon + input {
border-color: #ececec;
height: 50px !important;
}
.module-style .input-group .input-group-addon i.fa {
color: #5e6b76;
}
/* Search Smart Module */
.form-search input.search-query {
border: 1px solid #D1D6DE;
background: #fff;
height: 35px;
margin-bottom: 5px;
}
.form-search button {
height: 35px;
padding: 0 15px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
}
.form-search .control-group .controls label {
font-weight: normal;
padding: 8px 0;
}
/* Language Switcher Module */
div.mod-languages a.dropdown-toggle {
border: 1px solid #D1D6DE;
background-color: #F0F2F5;
padding: 7px 10px;
color: #394A5C;
}
div.mod-languages .posttext {
margin-top: 10px;
}
/* Wrapper Module */
iframe.wrapper {
border: 1px solid #394A5C;
}
/* ============ TYPOGRAPHY ============ */
.cont-ele .page-header h2 {
margin-top: -8px;
}
hr {
margin-top: 40px;
margin-bottom: 40px;
border-color: #ececec;
border-width: 2px;
}
h1.md-text, h2.md-text, h3.md-text, h4.md-text, h5.md-text, h6.md-text {
font-weight: 500;
}
h1.rg-text, h2.rg-text, h3.rg-text, h4.rg-text, h5.rg-text, h6.rg-text {
font-weight: normal;
}
h1 {
margin-bottom: 20px;
}
a {
text-decoration: none;
}
a > i[class*=fa-] {
margin-right: 5px;
}
.btn {
padding: 15.5px 40px;
border-radius: 0;
border: none;
transition: all 0.3s ease-in-out;
position: relative;
text-shadow: none;
border-radius: 25px;
font-weight: bold;
font-size: 15px;
outline: none !important;
}
.btn.btn-small, .btn.btn-mini {
line-height: 0.4;
border: solid 1px rgba(233, 233, 233, 0.3);
}
.btn.btn-plain {
padding: 3px 5px;
}
.btn.btn-plain:hover {
background-color: #F7F7F7;
}
.btn.btn-outline {
border-width: 2px;
border-style: solid;
font-weight: 600;
padding: 13px 40px 14px;
}
.btn.btn-outline:hover {
color: #fff;
}
.btn.btn-danger {
background: #ff9c1b;
}
.btn.btn-danger:hover {
background: #d98416;
}
.btn.btn-success {
background: #00cf69;
}
.btn.btn-success:hover {
background: #02aa58;
}
.btn.btn-info {
background: #2cc1ea;
}
.btn.btn-info:hover {
background: #2590c0;
}
.btn.btn-warning {
background: #ff9c1b;
}
.btn.btn-warning:hover {
background: #da800c;
}
.btn.disabled:not(.btn-primary), .btn[disabled]:not(.btn-primary) {
background-color: #f1f1f1;
color: #2d2d2d;
opacity: 1;
}
.btn.btn-default.disabled:hover, .btn.btn-default[disabled]:hover, .btn.btn-default.disabled:focus, .btn.btn-default[disabled]:focus, .btn.btn-default.disabled.focus, .btn.btn-default[disabled].focus {
background-color: #f1f1f1;
}
.btn[class*=btn-] + .btn[class*=btn-] {
margin-left: 8px;
vertical-align: top;
}
.sunfw-direction-rtl .btn[class*=btn-] + .btn[class*=btn-] {
margin-right: 8px;
margin-left: inherit;
}
.btn.full-width {
width: 100%;
}
label.checkbox, label.radio {
padding-left: 25px;
}
.sunfw-direction-rtl label.checkbox, .sunfw-direction-rtl label.radio {
padding-right: 25px;
padding-left: inherit;
}
label.checkbox input, label.radio input {
position: relative;
margin-top: 2px;
margin-left: -25px;
}
.sunfw-direction-rtl label.checkbox input, .sunfw-direction-rtl label.radio input {
margin-right: -25px;
margin-left: inherit;
}
label.checkbox input:before, label.radio input:before {
content: "";
width: 15px;
height: 15px;
cursor: pointer;
position: absolute;
top: -1px;
left: -1px;
background: #fff;
border: 2px solid #ececec;
line-height: 20px;
}
label.checkbox input:after, label.radio input:after {
content: "";
width: 9px;
height: 4px;
position: absolute;
top: 3px;
left: 2px;
border: 2px solid rgba(17, 43, 44, 0.1);
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
label.checkbox input:checked:after, label.radio input:checked:after {
opacity: 1;
border-color: #222222;
}
label.checkbox input:before {
border-radius: 5px;
}
label.radio input:before {
border-radius: 100%;
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
position: relative;
}
input[type=checkbox] {
position: relative;
margin: 0;
}
input[type=checkbox]:before {
content: "";
width: 15px;
height: 15px;
cursor: pointer;
position: absolute;
top: 0;
left: -1px;
background: #fff;
border: 2px solid #ececec;
border-radius: 5px;
line-height: 15px;
}
input[type=checkbox]:after {
content: "";
width: 9px;
height: 4px;
position: absolute;
top: 4px;
left: 3px;
border: 2px solid rgba(17, 43, 44, 0.1);
border-top: none;
border-right: none;
background: transparent;
opacity: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
input[type=checkbox]:checked:after {
opacity: 1;
border-color: #222222;
}
fieldset[disabled] .btn {
background-color: #f1f1f1;
color: #2d2d2d;
}
.element-invisible {
position: absolute;
padding: 0;
margin: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.element-invisible:focus {
width: auto;
height: auto;
overflow: auto;
background: #eee;
color: #000;
padding: 1em;
}
.js-stools .js-stools-container-bar {
margin-bottom: 30px;
}
.js-stools .js-stools-container-bar .btn-wrapper {
vertical-align: top;
}
.js-stools .js-stools-container-bar .btn-wrapper button.btn {
padding: 8px 20px;
line-height: 1.4;
border: none;
vertical-align: top;
}
.js-stools .js-stools-container-bar .btn-wrapper button.btn:not(.btn-primary) {
background: #bbbbbb;
color: #ffffff;
}
.btn-primary[disabled]:hover {
background: #bbb;
}
.btn-toolbar {
margin-left: -10px;
}
.sunfw-direction-rtl .btn-toolbar {
margin-right: -10px;
margin-left: inherit;
}
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
margin-left: 10px;
}
.sunfw-direction-rtl .btn-toolbar > .btn, .sunfw-direction-rtl .btn-toolbar > .btn-group, .sunfw-direction-rtl .btn-toolbar > .input-group {
margin-right: 10px;
margin-left: 0;
}
.highlighted {
padding: 3px;
color: #fff;
}
.m-t-15 {
margin-top: 15px;
}
/* ============ List Styles ============ */
ol,
ul {
padding-left: 25px;
}
.sunfw-direction-rtl ol,
.sunfw-direction-rtl ul {
padding-right: 25px;
padding-left: inherit;
}
ol > li,
ul > li {
padding: 5px 0;
}
ul.list-nobullet {
padding: 0;
}
ul.list-nobullet li {
list-style: none;
}
ul.list-nobullet li span {
margin-right: 8px;
}
ul.list-nobullet li i {
margin-right: 8px;
}
ul.list-nobullet[class*=bullet-] li {
margin: 5px 0;
}
ul.square-list {
list-style: square;
}
blockquote {
border-left: none;
padding: 20px 20px 30px;
background-color: #f8f8f8;
font-size: 14px;
}
blockquote p.author {
color: #222;
font-size: 14px;
font-weight: 600;
font-style: normal;
margin: 10px 0 0;
}
.center-block {
display: flex;
justify-content: center;
}
.drop-cap::first-letter {
font-size: 36px;
font-weight: 500;
color: #fff;
text-align: center;
display: inline-block;
float: left;
background: #333333;
height: 60px;
width: 60px;
line-height: 60px;
margin-right: 15px;
border-radius: 15px;
padding: 1px 22px;
}
.sunfw-direction-rtl .drop-cap::first-letter {
float: right;
}
.sunfw-direction-rtl .drop-cap::first-letter {
margin-left: 15px;
margin-right: inherit;
}
.drop-cap.dark-bg::first-letter {
border-radius: 100%;
}
.drop-cap.light-bg::first-letter {
background: #333333;
}
.highlight {
color: #fff;
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.drop-cap::first-letter {
padding: 2px 4px;
}
}
}
@-moz-document url-prefix() {
.drop-cap::first-letter {
padding: 14px 18px;
}
}
.modal-content {
border-radius: 0;
}
.modal-content .modal-header {
padding: 20px;
border-bottom: 1px solid #e6e6e6;
background: #f9f9f9;
}
.modal-content .modal-header .modal-title {
font-size: 18px;
}
.modal-content .modal-body {
position: relative;
padding: 20px;
}
.modal-content .modal-body p {
margin-bottom: 0;
}
#sbox-window {
padding: 0;
}
#sbox-window #sbox-content iframe {
padding: 20px;
}
.icon-search:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 12px;
content: "";
margin-right: 6px;
}
.sunfw-direction-rtl .icon-search:after {
margin-left: 6px;
margin-right: inherit;
}
.alert {
padding: 20px;
margin-bottom: 20px;
border: none;
border-radius: 0;
color: #fff;
font-weight: bold;
border-width: 2px;
border-style: solid;
background: none;
border-radius: 15px;
font-size: 15px;
position: relative;
}
.alert a.close {
position: absolute;
top: 50%;
right: 20px;
color: inherit;
transform: translateY(-50%);
height: 18px;
font-size: 30px;
float: none;
line-height: 18px;
opacity: 1;
}
.alert[class*=alert-] p:last-child {
margin: 0;
}
.alert h4 {
margin-bottom: 0;
}
.alert.alert-success {
border-color: #00cf69;
color: #00cf69;
}
.alert.alert-message {
color: #fff;
border-color: #00cf69;
color: #00cf69;
}
.alert.alert-message .alert-heading {
display: none;
}
.alert.alert-error, .alert.alert-danger {
border-color: #ff2a34;
color: #ff2a34;
}
.alert.alert-info {
border-color: #2cc1ea;
color: #2cc1ea;
}
.alert.alert-warning {
border-color: #ff9c1b;
color: #ff9c1b;
}
.alert.alert-notice {
color: #ffad00;
}
/* ===== Image ===== */
.image-hover {
border: 1px solid transparent;
}
.image-hover:hover {
border: 1px solid #E7EAEE;
background-color: #F8F8F8;
}
.border-image {
border: solid 1px #ececec;
padding: 15px;
}
figure {
padding: 0;
transition: all 0.3s ease-in-out;
border: 1px solid transparent;
margin-top: 10px;
}
figure img {
width: 100%;
}
figure figcaption {
padding: 20px 15px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #ececec;
line-height: 21px;
text-align: center;
}
/* ===== Table ===== */
.table, table[class*=table-] {
width: 100%;
max-width: 100%;
border: 2px solid #ececec;
margin-bottom: 0;
border-radius: 15px;
overflow: hidden;
border-collapse: separate;
}
.table s thead, table[class*=table-] s thead {
border-top: solid 2px #ececec;
border-radius: 15px 15px 0 0;
}
.table s thead tr, table[class*=table-] s thead tr {
background-color: #f8f8f8;
}
.table s thead .highlight, table[class*=table-] s thead .highlight {
background: #CFCFCF;
}
.table s thead > tr > th:first-child, table[class*=table-] s thead > tr > th:first-child {
color: #243341;
}
.table tbody, table[class*=table-] tbody {
border-top: solid 2px #ececec;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td, table[class*=table-] > thead > tr > th,
table[class*=table-] > thead > tr > td,
table[class*=table-] > tbody > tr > th,
table[class*=table-] > tbody > tr > td,
table[class*=table-] > tfoot > tr > th,
table[class*=table-] > tfoot > tr > td {
padding: 25px 20px;
border-right: 2px solid #ececec;
vertical-align: middle;
border-left: 0;
border-color: #ececec;
}
.table > thead > tr > th:last-child,
.table > thead > tr > td:last-child,
.table > tbody > tr > th:last-child,
.table > tbody > tr > td:last-child,
.table > tfoot > tr > th:last-child,
.table > tfoot > tr > td:last-child, table[class*=table-] > thead > tr > th:last-child,
table[class*=table-] > thead > tr > td:last-child,
table[class*=table-] > tbody > tr > th:last-child,
table[class*=table-] > tbody > tr > td:last-child,
table[class*=table-] > tfoot > tr > th:last-child,
table[class*=table-] > tfoot > tr > td:last-child {
border-right: 0;
}
@media (max-width: 768px) {
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td, table[class*=table-] > thead > tr > th,
table[class*=table-] > thead > tr > td,
table[class*=table-] > tbody > tr > th,
table[class*=table-] > tbody > tr > td,
table[class*=table-] > tfoot > tr > th,
table[class*=table-] > tfoot > tr > td {
padding: 15px 10px;
font-size: 12px;
}
}
@media (max-width: 425px) {
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td, table[class*=table-] > thead > tr > th,
table[class*=table-] > thead > tr > td,
table[class*=table-] > tbody > tr > th,
table[class*=table-] > tbody > tr > td,
table[class*=table-] > tfoot > tr > th,
table[class*=table-] > tfoot > tr > td {
padding: 5px;
font-size: 7px;
}
}
.table > thead > tr > th a,
.table > thead > tr > td a,
.table > tbody > tr > th a,
.table > tbody > tr > td a,
.table > tfoot > tr > th a,
.table > tfoot > tr > td a, table[class*=table-] > thead > tr > th a,
table[class*=table-] > thead > tr > td a,
table[class*=table-] > tbody > tr > th a,
table[class*=table-] > tbody > tr > td a,
table[class*=table-] > tfoot > tr > th a,
table[class*=table-] > tfoot > tr > td a {
color: #555555;
}
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
border-bottom: 1px solid #ececec;
color: #222222;
}
@media (max-width: 425px) {
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
font-size: 10px;
padding: 10px 5px;
}
}
.table > caption + thead > tr:first-child > th a, .table > caption + thead > tr:first-child > td a, .table > colgroup + thead > tr:first-child > th a, .table > colgroup + thead > tr:first-child > td a, .table > thead:first-child > tr:first-child > th a, .table > thead:first-child > tr:first-child > td a {
color: #222222;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) {
background-color: #f8f8f8;
}
.table-bordered {
border-collapse: collapse;
}
.table-bordered tbody > tr {
border-bottom: 2px solid #ececec;
border-collapse: unset;
}
.table-bordered tbody > tr > td {
border-left: 2px solid #ececec;
}
ul.plain-space {
padding: 0;
}
ul.plain-space li {
list-style: none;
}
ul.pager li > a,
ul.pager li > span {
padding: 13px 40px;
color: #ffffff;
text-transform: capitalize;
border-radius: 25px;
background-color: #cfcfcf;
font-family: Baloo;
}
ul.pager li > a span,
ul.pager li > span span {
border: none;
border-radius: 0;
padding: 0;
float: none;
}
ul.pager li > a span.icon-chevron-left:before,
ul.pager li > span span.icon-chevron-left:before {
display: none;
}
ul.pager li > a span.icon-chevron-right:before,
ul.pager li > span span.icon-chevron-right:before {
display: none;
}
ul.pager li > a:after,
ul.pager li > span:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
line-height: 17px;
}
ul.pager li > a:hover,
ul.pager li > span:hover {
background-color: #333333;
}
.carousel-control {
opacity: 1;
}
.carousel-control > span:not(.sr-only) {
font-size: 0;
background-color: #333333;
padding: 5px;
width: 40px;
height: 40px;
border-radius: 3px;
}
.carousel-control > span:not(.sr-only):after {
display: inline-block;
font: normal normal normal 18px/1 FontAwesome;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
}
.carousel-control > span:not(.sr-only):hover {
background-color: #555555;
}
.carousel-control.right > span:not(.sr-only):after {
content: "";
}
.carousel-control.left > span:not(.sr-only):after {
content: "";
}
.carousel-control:hover, .carousel-control:focus {
opacity: 1;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background: url(../images/arrow-down.png) no-repeat;
background-position: center right 30px;
padding: 0 50px 0 30px;
border: solid 2px #ececec;
width: auto;
color: #666666;
font-weight: 500;
border-radius: 15px;
}
.content_vote input.btn-mini {
margin-left: 5px;
height: 50px;
padding-left: 37px;
padding-right: 37px;
}
.sunfw-direction-rtl .content_vote input.btn-mini {
margin-right: 5px;
margin-left: inherit;
}
/* ============ LOGIN MODULE ============ */
.sunfw-pos-left .module-style,
.sunfw-pos-right .module-style {
margin-bottom: 30px;
}
.form-control {
height: auto;
padding: 8px 12px;
box-shadow: none;
}
.form-control,
.input-group-addon {
border-color: #D1D6DE;
border-radius: 0;
}
#login-form .pretext {
margin-bottom: 20px;
}
#login-form .posttext {
margin-top: 20px;
}
#login-form ul {
padding: 0;
margin: 15px 0 0;
}
#login-form ul li {
list-style: none;
line-height: 27px;
}
/* ============ CONTENT MODULE ============ */
ul.newsfeed, ul.archive-module, ul.relateditems, ul.categories-module, ul.category-module, ul.mostread, ul.latestnews, ul.latestusers {
padding-left: 0;
margin: 0;
}
.sunfw-direction-rtl ul.newsfeed, .sunfw-direction-rtl ul.archive-module, .sunfw-direction-rtl ul.relateditems, .sunfw-direction-rtl ul.categories-module, .sunfw-direction-rtl ul.category-module, .sunfw-direction-rtl ul.mostread, .sunfw-direction-rtl ul.latestnews, .sunfw-direction-rtl ul.latestusers {
padding-right: 0;
padding-left: inherit;
}
ul.newsfeed li, ul.archive-module li, ul.relateditems li, ul.categories-module li, ul.category-module li, ul.mostread li, ul.latestnews li, ul.latestusers li {
line-height: 1.5;
list-style-type: none;
}
ul.newsfeed li a, ul.archive-module li a, ul.relateditems li a, ul.categories-module li a, ul.category-module li a, ul.mostread li a, ul.latestnews li a, ul.latestusers li a {
text-decoration: none;
font-family: Quicksand;
font-size: 15px;
font-weight: 500;
color: #666666;
}
ul.newsfeed li a span.num-item, ul.archive-module li a span.num-item, ul.relateditems li a span.num-item, ul.categories-module li a span.num-item, ul.category-module li a span.num-item, ul.mostread li a span.num-item, ul.latestnews li a span.num-item, ul.latestusers li a span.num-item {
float: right;
}
ul.newsfeed {
padding: 0;
}
ul.newsfeed .lead {
font-size: 14px;
margin: 0 0 10px;
font-weight: normal;
}
ul.newsfeed li {
line-height: 21px;
list-style: none;
}
ul.newsfeed li .feed-link {
margin: 15px 0 3px;
display: block;
font-weight: bold;
}
ul.latestnews li {
list-style-type: none;
}
ul.categories-module ul {
padding-left: 15px;
}
.sunfw-direction-rtl ul.categories-module ul {
padding-right: 15px;
padding-left: inherit;
}
ul.categories-module h4, ul.categories-module h5, ul.categories-module h6 {
font-weight: normal;
font-size: 14px;
margin: 0;
}
ul.categories-module p {
margin: 0;
}
.newsflash .introtext p:last-child {
margin-bottom: 0;
}
.newsflash .newsflash-item {
padding: 15px;
border: 1px solid #D1D6DE;
margin-bottom: 5px;
overflow: hidden;
}
.newsflash .newsflash-item img {
margin: -15px -15px 0;
width: calc(100% + 30px);
max-width: calc(100% + 30px);
}
.btn.readmore {
padding-top: 10px;
padding-bottom: 10px;
}
/* Articles - Category Module */
ul.category-module li {
list-style-type: none;
border-bottom: 1px solid #ebebeb;
padding: 20px 0;
}
ul.category-module li a.mod-articles-category-title {
display: block;
font-weight: bold;
line-height: 1.5;
margin-bottom: 10px;
}
ul.category-module li:first-child {
padding-top: 0;
}
ul.category-module li:last-child {
border-bottom: none;
padding-bottom: 0;
}
ul.category-module li p.mod-articles-category-introtext {
margin-bottom: 15px;
}
ul.category-module li span {
font-size: 12px;
color: #2d2d2d;
line-height: 1;
}
ul.category-module li span[class*=mod-articles-category-]:after {
content: "·";
font-size: 21px;
vertical-align: middle;
}
ul.category-module li span[class*=mod-articles-category-]:last-child:after {
display: none;
}
/* ============ LOGIN MODULE ============ */
.sunfw-pos-left .module-style,
.sunfw-pos-right .module-style {
margin-bottom: 30px;
}
.form-control {
height: auto;
padding: 8px 12px;
box-shadow: none;
}
.form-control,
.input-group-addon {
border-color: #ececec;
}
#login-form ul {
padding: 0;
margin: 15px 0 0;
}
#login-form ul li {
list-style: none;
line-height: 1.6;
padding: 0;
}
.bannergroup {
font-size: 18px;
line-height: 27px;
}
.bannergroup .banneritem {
margin: 15px 0;
}
/* ============ SEARCH MODULE ============ */
.show-search input[type=search] {
margin-right: 7px;
}
.sunfw-direction-rtl .show-search input[type=search] {
margin-left: 7px;
margin-right: inherit;
}
/* ============ NEWSFEED MODULE ============ */
.newsfeed-category .filters {
margin-bottom: 30px;
}
.newsfeed-category .category {
padding: 0;
}
.newsfeed-category .category li {
list-style: none;
line-height: 21px;
margin: 10px 0;
}
/* ============ STICKY MODULE ============ */
div[class*=sunfw-pos-stick-] {
position: fixed;
z-index: 888888;
}
.sunfw-pos-stick-lefttop {
left: 0;
}
.sunfw-direction-rtl .sunfw-pos-stick-lefttop {
right: 0;
left: auto;
}
.sunfw-pos-stick-righttop {
right: 0;
}
.sunfw-direction-rtl .sunfw-pos-stick-righttop {
left: 0;
right: auto;
}
.sunfw-pos-stick-leftmiddle {
left: 0;
top: 50%;
transform: translateY(-50%);
}
.sunfw-direction-rtl .sunfw-pos-stick-leftmiddle {
right: 0;
left: auto;
}
.sunfw-pos-stick-rightmiddle {
right: 0;
top: 50%;
transform: translateY(-50%);
}
.sunfw-direction-rtl .sunfw-pos-stick-rightmiddle {
left: 0;
right: auto;
}
.sunfw-pos-stick-leftbottom {
left: 0;
bottom: 0;
}
.sunfw-direction-rtl .sunfw-pos-stick-leftbottom {
right: 0;
left: auto;
}
.sunfw-pos-stick-rightbottom {
right: 0;
bottom: 0;
}
.sunfw-direction-rtl .sunfw-pos-stick-rightbottom {
left: 0;
right: auto;
}
/* =============== MENU - DIV MENU =============== */
ul.menu-divmenu {
margin: 5px auto 0;
padding: 0;
list-style: none;
text-align: center;
}
ul.menu-divmenu li {
margin: 0;
padding: 0;
display: inline-block;
}
ul.menu-divmenu li a {
padding: 0 25px;
}
ul.menu-divmenu li:first-child {
padding-left: 0;
}
/* =============== MENU - DEFAULT =============== */
ul.nav.menu li a, ul.nav.menu li span.nav-header {
color: #555;
position: relative;
display: block;
font-weight: 500;
}
ul.nav.menu li a:hover, ul.nav.menu li span.nav-header:hover {
background: transparent;
cursor: pointer;
}
ul.nav.menu li a > i.fa, ul.nav.menu li span.nav-header > i.fa {
padding-right: 5px;
}
.sunfw-direction-rtl ul.nav.menu li a > i.fa, .sunfw-direction-rtl ul.nav.menu li span.nav-header > i.fa {
padding-left: 5px;
padding-right: inherit;
}
ul.nav.menu li a span.description, ul.nav.menu li span.nav-header span.description {
display: block;
font-size: 90%;
}
ul.nav.menu.menu-divmenu li a, ul.nav.menu.menu-divmenu li span.nav-header {
color: #222;
position: relative;
display: block;
font-weight: 600;
letter-spacing: 0.3px;
}
ul.nav.menu li span.nav-header {
transition: all 0.3 ease-in-out;
}
.nav > li > a, .nav > li > span.nav-header {
padding: 8px 0;
}
.nav li > span.nav-header {
display: block;
}
ul.nav.hidden-icon li a i.fa {
display: none !important;
}
ul.nav.hidden-description li a span.description {
display: none !important;
}
/* =============== MENU - TREE MENU =============== */
ul.nav[class*=menu-treemenu] li {
padding-top: 0;
padding-bottom: 0;
}
ul.nav[class*=menu-treemenu] li a, ul.nav[class*=menu-treemenu] li span.nav-header {
display: block;
padding-top: 7px;
padding-bottom: 7px;
}
ul.nav[class*=menu-treemenu] li a.get-it, ul.nav[class*=menu-treemenu] li span.nav-header.get-it {
color: #fff;
padding-top: 14px;
padding-bottom: 14px;
margin-top: 10px;
}
ul.nav[class*=menu-treemenu] li a.get-it:hover, ul.nav[class*=menu-treemenu] li span.nav-header.get-it:hover {
color: #fff;
}
ul.nav[class*=menu-treemenu] li a:hover, ul.nav[class*=menu-treemenu] li span.nav-header:hover {
text-decoration: none;
background: transparent;
}
ul.nav[class*=menu-treemenu] li:first-child {
margin-top: 0;
}
ul.nav[class*=menu-treemenu] li ul.nav-child {
list-style-type: none;
padding-left: 20px;
}
.sunfw-direction-rtl ul.nav[class*=menu-treemenu] li ul.nav-child {
padding-right: 20px;
padding-left: inherit;
}
ul.nav[class*=menu-treemenu] li > span.separator {
padding: 12px 20px;
display: block;
}
/* =============== MENU - SIDE MENU =============== */
.module-style ul.nav[class*=menu-sidemenu], .module-style ul.nav[class*=menu-treemenu] {
margin: -8px 0;
}
.module-style ul.nav[class*=menu-sidemenu] > li > a:not(.get-it), .module-style ul.nav[class*=menu-sidemenu] > li > span.nav-header:not(.get-it), .module-style ul.nav[class*=menu-treemenu] > li > a:not(.get-it), .module-style ul.nav[class*=menu-treemenu] > li > span.nav-header:not(.get-it) {
position: relative;
text-transform: uppercase;
font-weight: bold;
line-height: 1.53;
color: #333333;
}
ul.nav[class*=menu-sidemenu] > li > a:hover, ul.nav[class*=menu-sidemenu] > li > a:focus {
background: transparent;
}
ul.nav[class*=menu-sidemenu] li {
position: relative;
padding: 0;
}
ul.nav[class*=menu-sidemenu] li a, ul.nav[class*=menu-sidemenu] li span.nav-header {
display: block;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease-in-out;
padding: 7px 0;
font-weight: bold;
}
ul.nav[class*=menu-sidemenu] li a.get-it, ul.nav[class*=menu-sidemenu] li span.nav-header.get-it {
padding-top: 15px;
padding-bottom: 15px;
text-transform: none;
margin-top: 15px;
}
ul.nav[class*=menu-sidemenu] li a.get-it:not(.btn-outline), ul.nav[class*=menu-sidemenu] li span.nav-header.get-it:not(.btn-outline) {
color: #fff;
}
ul.nav[class*=menu-sidemenu] li a.get-it:not(.btn-outline):hover, ul.nav[class*=menu-sidemenu] li span.nav-header.get-it:not(.btn-outline):hover {
color: #fff;
}
ul.nav[class*=menu-sidemenu] li:hover > ul {
visibility: visible;
display: block;
opacity: 1;
transition-delay: 0.2s;
}
@media (min-width: 768px) {
ul.nav[class*=menu-sidemenu] li ul {
position: absolute;
top: 0;
padding: 12px 20px;
left: 100%;
right: auto;
min-width: 200px;
list-style-type: none !important;
border: none;
background: #fff;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 900;
margin: 0 0 0 20px;
box-shadow: 0 2px 2px 0 #dbe1e7;
}
ul.nav[class*=menu-sidemenu] li.parent > a {
position: relative;
}
ul.nav[class*=menu-sidemenu] li.parent > a:after {
content: "";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-size: 16px;
}
}
@media (min-width: 991px) {
ul.nav[class*=menu-sidemenu] li ul {
position: absolute;
top: 0;
padding: 12px 20px;
left: calc(100% + 6px);
right: auto;
min-width: 200px;
list-style-type: none !important;
border: 1px solid #ececec;
background: #fff;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 900;
margin: 0 0 0 15px;
box-shadow: none;
border-radius: 15px;
}
ul.nav[class*=menu-sidemenu] li.parent > a, ul.nav[class*=menu-sidemenu] li.parent > span {
position: relative;
}
ul.nav[class*=menu-sidemenu] li.parent > a .caret, ul.nav[class*=menu-sidemenu] li.parent > span .caret {
border: none;
position: absolute;
}
ul.nav[class*=menu-sidemenu] li.parent > a:after, ul.nav[class*=menu-sidemenu] li.parent > span:after {
content: "";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
}
@media (max-width: 991px) {
ul.nav[class*=menu-sidemenu] li ul {
display: none;
padding-right: 10px;
}
ul.nav[class*=menu-sidemenu] li.parent ul {
display: none;
box-shadow: none;
}
ul.nav[class*=menu-sidemenu] li ul {
box-shadow: none;
}
ul.nav[class*=menu-sidemenu] li.active > ul {
display: block;
}
ul.nav[class*=menu-sidemenu] li.parent > span,
ul.nav[class*=menu-sidemenu] li.parent > a {
position: relative;
}
ul.nav[class*=menu-sidemenu] li.parent > span span.caret,
ul.nav[class*=menu-sidemenu] li.parent > a span.caret {
border: none;
float: right;
}
ul.nav[class*=menu-sidemenu] li.parent > span .caret:after,
ul.nav[class*=menu-sidemenu] li.parent > a .caret:after {
content: "";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
ul.nav[class*=menu-sidemenu] li.parent.active > span .caret:after,
ul.nav[class*=menu-sidemenu] li.parent.active > a .caret:after {
content: "";
}
}
.module-style.layout-right ul.nav[class*=menu-sidemenu] li ul, .sunfw-pos-right .module-style ul.nav[class*=menu-sidemenu] li ul {
right: auto;
left: -200px;
}
.sunfw-direction-rtl .module-style.layout-right ul.nav[class*=menu-sidemenu] li ul, .sunfw-direction-rtl .sunfw-pos-right .module-style ul.nav[class*=menu-sidemenu] li ul {
left: auto;
right: auto;
}
.sunfw-direction-rtl .module-style.layout-right ul.nav[class*=menu-sidemenu] li ul, .sunfw-direction-rtl .sunfw-pos-right .module-style ul.nav[class*=menu-sidemenu] li ul {
right: -200px;
left: auto;
}
@media (min-width: 768px) {
.sunfw-direction-rtl ul.nav[class*=menu-sidemenu] li ul {
right: calc(100% + 1px);
left: auto;
}
.sunfw-direction-rtl ul.nav[class*=menu-sidemenu] li.parent > a:after {
content: "";
top: 50%;
left: 10px;
right: auto;
transform: translateY(-50%);
}
}
html {
min-height: 100%;
font-size: 15px;
}
body {
height: 100%;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body a {
transition: all 0.3s ease-in-out;
}
body:not(.sunfw-homepage):not(.extra-page):not(.sunfw-view-archive):not(.sunfw-view-featured):not(.sunfw-layout-blog):not(.sunfw-view-contact):not(.sunfw-view-categories):not(.sunfw-layout-edit):not(.sunfw-view-category):not(.sunfw-view-registration):not(.sunfw-view-itemlist):not(.sunfw-com-comprofiler):not(.sunfw-com-kunena) .layout-item.sunfw-item-page-content {
padding: 40px;
border: solid 2px #ececec;
border-radius: 15px;
overflow: hidden;
}
body.sunfw-view-article .layout-item.sunfw-item-page-content {
padding-top: 0 !important;
}
body.sunfw-view-article .item-page .fields-container {
margin-top: 20px;
margin-bottom: 15px;
}
body.sunfw-view-article .item-page .fields-container span.field-label {
font-family: Baloo;
font-size: 18px;
font-weight: normal;
color: #333;
min-width: 180px;
display: inline-block;
}
body.sunfw-view-article .item-page .fields-container .field-value {
font-size: 18px;
font-weight: 500;
font-style: normal;
color: #333;
}
body.sunfw-view-article .item-page .fields-container .field-entry {
padding: 9px 0;
}
body.sunfw-view-search .layout-item.sunfw-item-page-content {
overflow: initial !important;
}
.bor-top {
border-top: 1px solid #ececec;
}
body.quicktour-menu .articleBody {
padding: 0;
}
#kunena .kfrontend .collapse .table .hidden-xs {
display: none;
}
.sunfw-com-contact.sunfw-view-category .layout-item.sunfw-item-page-content {
padding-bottom: 20px !important;
}
.sunfw-com-contact.sunfw-view-category .layout-item.sunfw-item-page-content .contact-category {
border: 2px solid #ececec;
border-radius: 15px;
padding: 40px 40px 25px;
}
.sunfw-com-contact.sunfw-view-category .layout-item.sunfw-item-page-content .contact-category .category-desc p {
margin-bottom: 25px;
}
.sw-header {
position: relative;
z-index: 999;
}
.content-center {
text-align: center;
margin-top: 10px;
}
.sunfw-flex {
display: -webkit-flex !important;
display: flex !important;
flex-wrap: wrap;
}
.sunfw-flex.flex-items-middle {
align-items: center;
-webkit-align-items: center;
}
.sunfw-flex.flex-items-top {
align-items: top;
-webkit-align-items: top;
}
.sunfw-flex.flex-items-bottom {
align-items: bottom;
-webkit-align-items: bottom;
}
.sunfw-flex.flex-items-right {
justify-content: flex-end;
}
.sunfw-flex:before, .sunfw-flex:after {
display: none;
}
.sunfw-content {
height: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
img {
max-width: 100%;
}
.single-cat .layout-item.sunfw-item-page-content {
border: 1px solid #ececec;
padding: 40px;
}
.single-cat .layout-item.sunfw-item-page-content .contact-categorysingle-cat ul [class*=span]:not(.list-title) {
display: none;
}
.single-cat .layout-item.sunfw-item-page-content .contact-categorysingle-cat ul .list-title {
margin-bottom: 7px;
padding-left: 0;
}
.single-cat .layout-item.sunfw-item-page-content .contact-categorysingle-cat ul .list-title a {
margin-bottom: 10px;
}
.single-cat .layout-item.sunfw-item-page-content .contact-categorysingle-cat ul .list-title br + br {
display: none;
}
.single-cat .layout-item.sunfw-item-page-content form ul.category {
list-style: none;
padding-left: 0;
}
.sunfw-scrollup {
background-color: rgba(113, 127, 142, 0.5);
display: none;
position: fixed;
bottom: 30px;
right: 30px;
color: #999;
z-index: 10000;
padding: 13px 20px;
transition: color 0.3s linear, background 0.3s ease-in-out;
-moz-transition: color 0.3s linear, background 0.3s ease-in-out;
-webkit-transition: color 0.3s linear, background 0.3s ease-in-out;
text-align: center;
}
.sunfw-scrollup i.fa {
font-size: 20px;
margin: 0;
}
.sunfw-scrollup:hover {
text-decoration: none;
color: #fff;
}
.sunfw-scrollup.position-center {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
right: auto;
}
.sunfw-scrollup.position-left {
left: 30px;
right: auto;
}
.sunfw-switcher a.btn {
padding: 5px 10px;
margin-bottom: 1px;
color: #000;
border-radius: 0;
}
.sunfw-switcher a.btn.active, .sunfw-switcher a.btn:active {
box-shadow: none;
border-bottom: 1px solid #000;
}
.chzn-container-single {
min-width: 75px;
}
.chzn-container-single .chzn-single {
height: 50px;
line-height: 50px;
border: 2px solid #ececec;
border-radius: 15px;
background: #FFFFFF;
box-shadow: none;
padding-left: 20px;
padding-right: 20px;
color: #666666;
}
.chzn-container-single .chzn-single span {
margin-right: 0;
}
.sunfw-direction-rtl .chzn-container-single .chzn-single span {
margin-left: 0;
margin-right: inherit;
}
.chzn-container-single .chzn-single div {
right: 10px;
}
.chzn-container-single .chzn-single div b {
background: none;
}
.chzn-container-single .chzn-single div b:after {
content: "";
font-family: fontAwesome;
}
.chzn-container-single#venue_type_chzn {
min-width: 140px;
}
.chzn-container-single#venue_privacy_chzn {
min-width: 115px;
}
#jtwrap input#jform_title,
#jtwrap input#jform_alias,
#jtwrap textarea#jform_location {
width: 100%;
}
#jtwrap .event__separation {
border-color: #ececec;
}
#jtwrap .event__separation span.active + #searchVenueBtn {
height: 30px;
width: 30px;
padding: 6px 8px;
}
fieldset {
margin-bottom: 30px;
}
.sample-module {
margin-top: 20px;
}
/* ---------- Search Page ----------- */
.sunfw-content legend {
border: none;
font-size: 28px;
font-weight: bold;
color: #222222;
}
@media (min-width: 768px) {
.finder #search-form form#finder-search fieldset label + input {
margin-left: 10px;
}
}
form#searchForm {
border: none;
padding: 0;
}
form#searchForm .searchintro {
margin: 20px 0 10px;
padding-bottom: 25px;
}
form#searchForm fieldset {
margin-top: 20px;
border-bottom: 1px solid #ececec;
padding-bottom: 30px;
}
form#searchForm fieldset + fieldset.only {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
form#searchForm fieldset legend {
margin-bottom: 5px;
padding-top: 10px;
color: #222222;
font-weight: bold;
font-family: Baloo;
}
form#searchForm fieldset label.radio, form#searchForm fieldset label.checkbox {
margin-top: 10px;
margin-bottom: 10px;
}
form#searchForm fieldset label input {
display: inline-block;
position: inherit;
margin: -10px 20px 0 -25px;
vertical-align: -webkit-baseline-middle;
}
form#searchForm fieldset .ordering-box {
padding-top: 5px;
}
form#searchForm p.counter {
padding: 10px 0;
}
form#searchForm .ordering-box .chzn-container-single {
margin-bottom: 20px;
}
form#searchForm .chzn-container-single {
display: block;
margin: 5px 0 0;
}
form#searchForm .form-limit {
padding-top: 20px;
}
dl.search-results {
margin: 10px 0;
padding: 0;
}
dl.search-results dt.result-title {
font-size: 22px;
font-weight: normal;
font-family: Baloo;
}
dl.search-results .result-category {
margin: 5px 0 10px;
}
dl.search-results .result-category span {
color: #999999;
font-weight: 500;
font-size: 11px;
}
dl.search-results .result-created {
margin-bottom: 22px;
}
.sunfw-sticky.sunfw-sticky-open {
background: #FFF;
position: fixed;
top: 0;
left: 0;
width: 100%;
right: 0;
z-index: 999;
}
.sunfw-sticky.sunfw-sticky-open .sunfw-menu-head.navbar-default {
margin-top: 0;
}
.search.jsn-tpl-search-r form {
position: relative;
}
.search.jsn-tpl-search-r form:after {
content: "";
font-family: fontAwesome;
font-size: 15px;
position: absolute;
top: 15px;
right: 20px;
color: #999999;
}
.search.jsn-tpl-search-r input {
width: 100%;
}
.search .badge {
padding: 0;
font-weight: 500;
background-color: #FFF;
vertical-align: baseline;
color: #666666;
border-radius: 0;
line-height: 15px;
font-size: 15px;
}
.search #searchForm .btn-group {
padding: 0;
}
.search #searchForm .btn, .search #searchForm button[name=Search] {
padding: 15.5px 26px;
}
.search #searchForm .btn-toolbar {
height: auto;
}
@media (max-width: 991px) and (min-width: 768px) {
.search #searchForm .btn-toolbar {
display: flex;
align-items: flex-end;
}
}
.search #searchForm .chzn-container-single-nosearch {
min-width: 250px;
}
.search #searchForm button[name=Search] {
font-family: Baloo;
font-size: 15px;
color: #FFF;
border-radius: 25px;
padding: 14.5px 40px;
font-weight: normal;
}
@media (max-width: 506px) {
.search #searchForm button[name=Search] {
margin-top: 15px;
}
}
@media (max-width: 1024px) {
#finder-search > fieldset.word div.form-group {
margin-bottom: 20px;
}
}
#finder-search button.btn {
margin-left: 5px;
vertical-align: top;
color: #FFF;
background: #e11000;
opacity: 1;
font-family: Baloo;
font-weight: normal;
}
.sunfw-direction-rtl #finder-search button.btn {
margin-right: 5px;
margin-left: inherit;
}
@media (max-width: 768px) {
#finder-search button.btn {
margin-left: 0;
margin-bottom: 15px;
}
}
#finder-search button.btn + a[href="#advancedSearch"] {
padding: 13.5px 26px;
vertical-align: top;
color: #FFFFFF;
font-family: Baloo;
font-weight: normal;
border: none;
}
@media (max-width: 1024px) {
#finder-search button.btn + a[href="#advancedSearch"] {
margin-left: 0;
}
}
#finder-search button.btn + a[href="#advancedSearch"] span.icon-list:before {
display: none;
}
#finder-search .finder-selects {
margin: 0 0 30px;
}
#finder-search .finder-selects .control-label {
margin-bottom: 5px;
}
#finder-search fieldset {
margin-bottom: 0;
}
#finder-search #advancedSearch #search-query-explained {
padding: 0;
}
#finder-search #advancedSearch #finder-filter-window .field-calendar {
margin-top: 10px;
}
div#finder-filter-window .filter-branch .finder-selects {
float: none;
}
@media (min-width: 767px) {
div#finder-filter-window .filter-branch .finder-selects .chzn-container-single {
width: 380px !important;
}
}
/* ============ Top ============ */
.sunfw-pos-top {
padding: 30px 0;
}
/* ============ Right ============ */
/* ============ PROMO ============ */
/* ============ MAINCONTENT ============ */
div#mailto-window {
padding: 0 30px;
}
.sunfw-com-mailto #mailto-window {
padding: 0 30px;
}
.sunfw-com-mailto #mailto-window .control-group {
margin-bottom: 20px;
}
.sunfw-com-mailto #mailto-window .control-group button[type=submit] + button {
margin-left: 5px;
border: none;
padding: 15px 26px;
transition: all 0.3s ease-in-out;
color: #fff;
background: #bbb;
height: 50px;
border-radius: 25px;
}
.sunfw-com-mailto #mailto-window .control-group button[type=submit] + button:hover {
background-color: #222;
}
#sunfw-master > .sunfw-content > .item-page {
padding: 20px 30px;
}
#sunfw-master > .sunfw-content > .item-page > #pop-print.btn {
padding: 10px 0;
}
/* ---------- Article Category Blog ----------- */
.recent-blog .newsflash-item {
display: flex;
flex-direction: column;
border: none;
padding: 0;
margin-bottom: 20px;
}
.recent-blog .newsflash-item:last-child {
margin-bottom: 0;
}
.recent-blog .newsflash-item img {
display: none;
}
.recent-blog .newsflash-item:last-child .newsflash-title {
border-bottom: none;
padding-bottom: 0;
}
.recent-blog .newsflash-item .newsflash-title {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 20px;
font-size: 18px;
font-weight: 600;
line-height: normal;
border-bottom: 1px solid #ececec;
}
.recent-blog .newsflash-item .newsflash-title a {
color: #222222;
}
.sunfw-view-category .category-list .content-category {
border: 2px solid #ececec;
border-radius: 15px;
overflow: hidden;
}
.sunfw-view-category .category-list .content-category > :not(img) {
padding: 0 30px;
}
.sunfw-view-category .category-list .content-category form span.hasTooltip a {
margin-top: 30px;
}
.sunfw-view-category .category-list .content-category .cat-children {
padding: 0 30px 30px;
border: 0;
}
.sunfw-view-category .category-list .content-category .badge {
font-size: 11px;
font-weight: normal;
border: solid 1px;
background: #FFF;
margin-left: 5px;
padding: 6px 15px;
}
@media (max-width: 425px) {
.sunfw-view-category .category-list .content-category .badge {
font-size: 10px;
margin-left: 0;
background: transparent;
border: none;
padding: 0;
}
}
.sunfw-view-category .cat-children {
border: 2px solid #ececec;
border-radius: 15px;
padding: 30px;
margin-top: 30px;
}
.sunfw-view-category .cat-children h3.page-header a.btn-mini {
border: none;
padding: 0;
}
.sunfw-view-category .cat-children a .icon-plus:after {
content: "";
display: inline-block;
font-size: 10px;
width: 20px;
height: 20px;
color: #fff;
line-height: 20px;
border-radius: 100%;
}
.sunfw-view-category .layout-item .item-page {
margin-bottom: 30px;
}
.sunfw-view-category .layout-item .item-page > :not(.item-image) {
padding: 0 30px;
}
.sunfw-view-category .layout-item .item-page .item-image {
width: 100%;
}
.sunfw-view-category .layout-item .item-page .item-image img {
width: 100%;
}
.sunfw-view-category .layout-item .readmore .btn {
color: #FFFFFF;
padding: 14.5px 30px;
}
.sunfw-view-category .layout-item .items-leading {
border: 2px solid #ececec;
border-radius: 15px;
margin-bottom: 30px;
overflow: hidden;
}
.sunfw-view-category .layout-item .items-leading .sunfw-quote {
margin: -30px -30px 30px;
border-radius: 15px 15px 0 0;
}
.sunfw-view-category .layout-item .items-leading [class*=leading-] {
overflow: hidden;
padding: 30px;
}
.sunfw-view-category .layout-item .items-leading [class*=leading-] .page-header h2 a {
font-size: 32px;
}
.sunfw-view-category .layout-item .items-leading [class*=leading-] .item-image.pull-left,
.sunfw-view-category .layout-item .items-leading [class*=leading-] .item-image.pull-right {
margin-bottom: 10px;
}
.sunfw-view-category .layout-item .items-leading .entry-content {
margin-top: 15px;
}
.sunfw-view-category .layout-item .items-row {
margin-bottom: 30px;
}
.sunfw-view-category .layout-item .items-row .item[class*=column] {
border: 2px solid #ececec;
border-radius: 15px;
overflow: hidden;
padding: 30px;
}
.sunfw-view-category .layout-item .items-row .item[class*=column] .item-image.pull-none,
.sunfw-view-category .layout-item .items-row .item[class*=column] .sunfw-quote,
.sunfw-view-category .layout-item .items-row .item[class*=column] .sunfw-video,
.sunfw-view-category .layout-item .items-row .item[class*=column] .sunfw-link,
.sunfw-view-category .layout-item .items-row .item[class*=column] .sunfw-gallery,
.sunfw-view-category .layout-item .items-row .item[class*=column] .sunfw-standard,
.sunfw-view-category .layout-item .items-row .item[class*=column] .sunfw-audio {
margin: -30px -30px 30px;
}
.sunfw-view-category .layout-item .items-row .item[class*=column] .item-image.pull-left,
.sunfw-view-category .layout-item .items-row .item[class*=column] .item-image.pull-right {
margin-bottom: 10px;
}
.sunfw-view-category .layout-item .items-row .item[class*=column] .page-header h2 a {
font-size: 28px;
}
.contact-category .page-header h2 {
font-size: 28px;
margin-top: 0;
}
.contact .page-header h2 {
margin-top: 0;
}
.page-header {
padding: 0;
margin: 0;
border-bottom: none;
clear: both;
}
.page-header h2 {
margin-bottom: 2px;
font-size: 28px;
font-weight: bold;
}
.page-header h2 a {
color: #333333;
}
.article-info[class*=mut] {
margin: 5px -5px 15px;
color: #999999;
font-size: 13px;
}
.article-info[class*=mut] dd {
display: inline-block;
padding: 0 5px;
line-height: 22px;
margin: 0;
}
.article-info[class*=mut] dd:first-child {
padding-right: 0;
}
.sunfw-direction-rtl .article-info[class*=mut] dd:first-child {
padding-left: 0;
padding-right: inherit;
}
.article-info[class*=mut] dd i.fa {
margin-right: 6px;
}
.sunfw-direction-rtl .article-info[class*=mut] dd i.fa {
margin-left: 6px;
margin-right: inherit;
}
.article-info[class*=mut] + .content_rating + form {
margin-bottom: 20px;
}
.article-info[class*=mut] .article-info-term {
margin-left: 5px;
}
.sunfw-direction-rtl .article-info[class*=mut] .article-info-term {
margin-right: 5px;
margin-left: inherit;
}
.icons .dropdown-menu {
border: 1px solid #d1d6de;
border-radius: 0;
}
.icons .dropdown-menu > li {
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.icons .dropdown-menu > li span[class*=icon]:before {
font-family: FontAwesome;
position: absolute;
top: 2px;
left: 10px;
}
.sunfw-direction-rtl .icons .dropdown-menu > li span[class*=icon]:before {
right: 10px;
left: auto;
}
.icons .dropdown-menu > li .icon-print:before {
content: "";
}
.icons .dropdown-menu > li .icon-envelope:before {
content: "";
}
.icons .dropdown-menu > li .icon-edit:before,
.icons .dropdown-menu > li .edit-icon:before {
content: "";
}
.icons .dropdown-menu > li > a {
padding: 3px 30px;
}
.icon-remove:before {
font-family: FontAwesome;
content: "";
}
.icons .btn-group .btn.dropdown-toggle {
padding: 0;
}
.icons .btn-group .btn.dropdown-toggle .caret {
margin-left: 5px;
}
.sunfw-direction-rtl .icons .btn-group .btn.dropdown-toggle .caret {
margin-right: 5px;
margin-left: inherit;
}
.icons .btn-group.open .btn.dropdown-toggle {
box-shadow: none;
}
.items-more {
margin: 30px 0 0;
clear: both;
border: 2px solid #ececec;
border-radius: 15px;
padding: 30px;
}
.items-more .nav-tabs {
border: none;
}
.items-more .nav-tabs > li > a {
padding: 0;
margin: 0;
border: none;
color: #394A5C;
}
.items-more .nav-tabs > li > a:hover {
background: transparent;
}
.content_rating {
float: right;
margin: 20px 0 0;
}
.content_rating p {
margin: 0;
margin-right: 10px;
}
.sunfw-direction-rtl .content_rating p {
margin-left: 10px;
margin-right: inherit;
}
.content_rating + form input[name=submit_vote] {
color: #fff;
}
.content_rating + form .content_vote {
display: flex;
align-content: center;
align-items: center;
}
.content_rating + form .content_vote label {
margin-right: 5px;
}
.sunfw-direction-rtl .content_rating + form .content_vote label {
margin-left: 5px;
margin-right: inherit;
}
.blog-featured .display-limit select[name=limit],
.blog .display-limit select[name=limit] {
display: block;
margin-top: 5px;
}
.blog-featured .blog-featured-items .item-image.pull-none,
.blog .blog-featured-items .item-image.pull-none {
margin: -30px -30px 30px;
}
.blog-featured .blog-featured-items .item-image.pull-none img,
.blog .blog-featured-items .item-image.pull-none img {
width: 100%;
}
.blog-featured .entry-content,
.blog .entry-content {
clear: both;
}
.blog-featured h2.item-title,
.blog h2.item-title {
margin-top: 20px;
font-size: 28px;
}
.blog-featured h2.item-title a,
.blog h2.item-title a {
color: #222222;
}
.readmore {
margin: 5px 0 0;
float: left;
}
.sunfw-direction-rtl .readmore {
float: right;
}
@media (max-width: 425px) {
.sunfw-direction-rtl ul, .sunfw-direction-rtl ol {
padding-right: 0;
}
}
/* ---------- Article Category List ----------- */
.content-category .page-header {
padding-top: 15px;
}
.content-category .category-desc + form fieldset.btn-toolbar {
margin-bottom: 30px;
margin-top: 30px;
border-top: 1px solid #E7EAEE;
padding-top: 30px;
margin-left: 0;
}
.sunfw-direction-rtl .content-category .category-desc + form fieldset.btn-toolbar {
margin-right: 0;
margin-left: inherit;
}
.content-category .category-desc + form fieldset.btn-toolbar label {
margin-right: 5px;
}
.sunfw-direction-rtl .content-category .category-desc + form fieldset.btn-toolbar label {
margin-left: 5px;
margin-right: inherit;
}
.content-category .category-desc + form table td[headers=categorylist_header_date] {
font-size: 100%;
}
@media (max-width: 425px) {
.content-category .category-desc + form table td[headers=categorylist_header_date] {
font-size: 10px;
}
}
.content-category .cat-children {
margin: 20px 0 0;
}
.content-category .cat-children h3.page-header {
padding: 0 0 15px;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 20px;
margin-top: 20px;
}
.content-category .cat-children h3.page-header a.btn-mini {
border: none;
padding: 0;
}
.content-category .cat-children a .icon-plus:after {
content: "";
display: inline-block;
font-size: 30px;
line-height: 30px;
border-radius: 100%;
}
.content-category .cat-children a .icon-plus:before {
display: none;
}
.content-category .cat-children a[aria-expanded=true] .icon-plus:after {
content: "";
}
/* ---------- Article Categories ----------- */
.sunfw-view-categories .categories-list > div:not(.base-desc) {
border: 2px solid #ececec;
border-radius: 15px;
margin-bottom: 30px;
padding-top: 30px;
}
.sunfw-view-categories .categories-list > div:not(.base-desc) > :not(img) {
padding: 0 30px;
}
.sunfw-view-categories .categories-list > div:not(.base-desc) .item-title {
margin-top: 0;
margin-bottom: 30px;
}
.sunfw-view-categories .categories-list > div:not(.base-desc) .item-title + img {
margin-bottom: 20px;
}
.sunfw-view-categories .categories-list > div:not(.base-desc) .item-title .badge.badge-info {
font-size: 11px;
font-weight: 500;
border: solid 1px;
background: #FFF;
margin-left: 5px;
padding: 7px 15px;
border-radius: 15px;
}
.sunfw-view-categories .categories-list > div:not(.base-desc).first {
margin-top: 0;
}
.sunfw-view-categories .categories-list > div:not(.base-desc) .fade.collapse .category-desc {
border-bottom: 1px solid #ececec;
padding-bottom: 40px;
}
.sunfw-view-categories .cat-children .item-title.page-header a:not(.btn),
.sunfw-view-categories .categories-list .item-title.page-header a:not(.btn) {
font-size: 28px;
font-weight: bold;
}
.sunfw-view-categories .cat-children div.category-desc,
.sunfw-view-categories .categories-list div.category-desc {
color: #333333;
margin-bottom: 30px;
}
.sunfw-view-categories .cat-children div.category-desc + div.collapse,
.sunfw-view-categories .categories-list div.category-desc + div.collapse {
padding-left: 30px;
}
.sunfw-direction-rtl .sunfw-view-categories .cat-children div.category-desc + div.collapse,
.sunfw-direction-rtl .sunfw-view-categories .categories-list div.category-desc + div.collapse {
padding-right: 30px;
padding-left: inherit;
}
.sunfw-view-categories .cat-children a[data-toggle=collapse],
.sunfw-view-categories .categories-list a[data-toggle=collapse] {
padding: 0;
border-radius: 100%;
height: auto;
border: none;
}
.sunfw-view-categories .cat-children a[data-toggle=collapse]:active,
.sunfw-view-categories .categories-list a[data-toggle=collapse]:active {
box-shadow: none;
}
.sunfw-view-categories .cat-children a .icon-plus:after,
.sunfw-view-categories .cat-children a .icon-minus:after,
.sunfw-view-categories .categories-list a .icon-plus:after,
.sunfw-view-categories .categories-list a .icon-minus:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
font-size: 30px;
line-height: 30px;
border-radius: 100%;
}
.sunfw-view-categories .cat-children a .icon-plus:before,
.sunfw-view-categories .cat-children a .icon-minus:before,
.sunfw-view-categories .categories-list a .icon-plus:before,
.sunfw-view-categories .categories-list a .icon-minus:before {
display: none;
}
.sunfw-view-categories .cat-children a .icon-minus:after,
.sunfw-view-categories .categories-list a .icon-minus:after {
content: "";
}
.sunfw-view-categories .cat-children a .icon-plus:after,
.sunfw-view-categories .categories-list a .icon-plus:after {
content: "";
}
.sunfw-view-categories .cat-children a[aria-expanded=true] .icon-plus:after,
.sunfw-view-categories .categories-list a[aria-expanded=true] .icon-plus:after {
content: "";
}
.sunfw-view-categories .cat-children > h3 {
font-size: 28px;
}
.sunfw-view-categories .cat-children > div {
margin-bottom: 20px;
}
body.sunfw-com-config #modules-form .chzn-container-single .chzn-single abbr {
background: transparent;
}
/* ---------- Single Article ----------- */
.sunfw-view-article .item-page .item-image {
margin-bottom: 20px;
}
.sunfw-view-article .layout-item .item-page .pull-none.item-image,
.sunfw-view-article .layout-item .item-page .sunfw-standard,
.sunfw-view-article .layout-item .item-page .sunfw-video,
.sunfw-view-article .layout-item .item-page .sunfw-gallery,
.sunfw-view-article .layout-item .item-page .sunfw-link,
.sunfw-view-article .layout-item .item-page .sunfw-quote,
.sunfw-view-article .layout-item .item-page .sunfw-audio {
margin: 0 -40px 30px;
}
.sunfw-view-article .layout-item .item-page .pull-none.item-image img {
width: 100%;
}
button.btn .icon-calendar {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
}
button.btn .icon-calendar::before {
content: "";
font-size: 14px;
}
.edit .articleBody {
clear: both;
}
.edit .article-index[class*=pull-] + .articleBody {
clear: none;
}
.edit[class*=item-page] #com-content-formTabs {
border-bottom: none;
}
.edit[class*=item-page] #com-content-formTabs > li {
padding: 0;
}
.edit[class*=item-page] #com-content-formTabs > li:first-child > a {
margin-left: 0;
}
.edit[class*=item-page] #com-content-formTabs > li > a {
padding: 11px 20px;
border-radius: 0;
background: #FFFFFF;
border: 2px solid #ececec;
font-weight: bold;
text-transform: capitalize;
margin-left: -4px;
}
.edit[class*=item-page] #com-content-formTabs > li.active:first-child::after {
left: 0;
}
.edit[class*=item-page] #com-content-formTabs > li.active::after {
content: "";
height: 4px;
width: 100%;
display: block;
position: absolute;
bottom: 0;
left: -4px;
}
.edit[class*=item-page] #com-content-formTabs > li > a[href="#editor"] {
border-radius: 15px 0 0;
}
.edit[class*=item-page] #com-content-formTabs > li > a[href="#metadata"] {
border-radius: 0 15px 0 0;
}
.edit[class*=item-page] .tab-content {
padding-top: 30px;
}
.edit[class*=item-page] .tab-content:after {
content: "";
clear: both;
display: table;
}
.edit[class*=item-page] #editor > .control-group {
margin-bottom: 15px;
}
.edit[class*=item-page] #editor > .control-group .control-label {
width: 10%;
}
.edit[class*=item-page] #editor #pb3-editor-switcher input[type=radio] {
display: none;
}
.edit[class*=item-page] .control-group:last-child {
margin-bottom: 0;
}
.edit[class*=item-page] .control-group label.btn {
border: 2px solid #ececec;
padding: 12.5px 40px;
box-shadow: none;
border-radius: 0;
}
.edit[class*=item-page] .control-group label.active {
border-color: #00cf69;
}
.edit[class*=item-page] .control-group label[for=pb3-editor-switcher-default] {
border-right: 0;
border-radius: 25px 0 0 25px !important;
}
.edit[class*=item-page] .control-group label[for=pb3-editor-switcher-pb3] {
border-radius: 0 25px 25px 0;
}
.edit[class*=item-page] .js-editor-tinymce .mce-edit-area {
border-width: 1px 1px 0 0 !important;
border-color: #d5d6d8;
}
.edit[class*=item-page] .js-editor-tinymce .mce-panel {
border-color: #d5d6d8;
background-color: #f8f8f8;
}
.edit[class*=item-page] .sunfw-media-selector {
position: relative;
}
.edit[class*=item-page] .sunfw-media-selector input + .btn {
vertical-align: top;
height: 50px;
padding: 0 18px;
line-height: 46px;
position: absolute;
right: 0px;
border: 2px solid #ececec;
border-radius: 0 15px 15px 0;
color: #666666;
background: #FFFFFF;
}
.edit[class*=item-page] .sunfw-media-selector .btn + .btn {
position: absolute;
right: 45px;
padding: 12.5px 18px;
border-radius: 0;
background: #FFFFFF;
color: #666666;
border: 2px solid #ececec;
}
.edit[class*=item-page] #attrib-sunfw-options .control-group {
margin-bottom: 20px;
}
.edit[class*=item-page] #attrib-sunfw-options:after {
content: "";
display: table;
clear: both;
}
.edit[class*=item-page] #publishing .control-group:last-child .controls {
font-weight: 500;
}
@media screen and (min-width: 768px) {
.edit[class*=item-page] #publishing .control-group {
width: 50%;
float: left;
}
.edit[class*=item-page] #publishing .control-group:last-child {
width: 100%;
}
}
.edit[class*=item-page] #com-content-formContent #images,
.edit[class*=item-page] #publishing {
margin-bottom: 0;
}
.edit[class*=item-page] #com-content-formContent #images .control-label,
.edit[class*=item-page] #publishing .control-label {
flex: 0 0 15%;
}
.edit[class*=item-page] #com-content-formContent #images .chzn-container-multi .chzn-choices,
.edit[class*=item-page] #publishing .chzn-container-multi .chzn-choices {
border: 2px solid #ececec;
background: transparent;
border-radius: 15px;
}
.edit[class*=item-page] #com-content-formContent #images button.btn,
.edit[class*=item-page] #publishing button.btn {
vertical-align: top;
line-height: 1.4;
}
.edit[class*=item-page] #com-content-formContent #images .input-append,
.edit[class*=item-page] #publishing .input-append {
position: relative;
}
.edit[class*=item-page] #com-content-formContent #images .input-append .media-preview.add-on,
.edit[class*=item-page] #publishing .input-append .media-preview.add-on {
display: none;
}
.edit[class*=item-page] #com-content-formContent #images .input-append .btn.modal,
.edit[class*=item-page] #publishing .input-append .btn.modal {
position: absolute;
display: inline-block;
padding: 0 9px;
height: 50px;
line-height: 50px;
right: 52px;
left: initial;
border: 2px solid #ececec;
background: #fff;
border-radius: 0;
z-index: 2;
text-transform: uppercase;
font-weight: 500;
color: #666666;
}
.edit[class*=item-page] #com-content-formContent #images .btn.hasTooltip,
.edit[class*=item-page] #publishing .btn.hasTooltip {
position: absolute;
right: 2px;
top: 2px;
padding: 0px 18px;
height: 46px;
line-height: 46px;
z-index: 2;
background-color: #FFFFFF;
border-radius: 0 20px 20px 0;
color: #999999;
}
.edit[class*=item-page] #com-content-formContent #images .chzn-container-multi .chzn-choices li.search-field input[type=text],
.edit[class*=item-page] #publishing .chzn-container-multi .chzn-choices li.search-field input[type=text] {
height: 46px;
padding: 0 15px;
font-family: Quicksand;
font-size: 15px;
}
.edit[class*=item-page] #tp-tab-editContent .control-group,
.edit[class*=item-page] #attrib-sunfw-options .control-group,
.edit[class*=item-page] #com-content-formContent #images .control-group,
.edit[class*=item-page] #publishing .control-group {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.edit[class*=item-page] #tp-tab-editContent .control-group,
.edit[class*=item-page] #attrib-sunfw-options .control-group,
.edit[class*=item-page] #com-content-formContent #images .control-group,
.edit[class*=item-page] #publishing .control-group {
align-items: flex-start;
margin-bottom: 20px;
}
}
.edit[class*=item-page] #tp-tab-editContent .control-group .controls select + div.chzn-container .chzn-single,
.edit[class*=item-page] #attrib-sunfw-options .control-group .controls select + div.chzn-container .chzn-single,
.edit[class*=item-page] #com-content-formContent #images .control-group .controls select + div.chzn-container .chzn-single,
.edit[class*=item-page] #publishing .control-group .controls select + div.chzn-container .chzn-single {
margin-bottom: 0;
}
.edit[class*=item-page] #tp-tab-editContent .control-group .controls .chzn-container:not(.chzn-container-multi),
.edit[class*=item-page] #attrib-sunfw-options .control-group .controls .chzn-container:not(.chzn-container-multi),
.edit[class*=item-page] #com-content-formContent #images .control-group .controls .chzn-container:not(.chzn-container-multi),
.edit[class*=item-page] #publishing .control-group .controls .chzn-container:not(.chzn-container-multi) {
width: 100% !important;
}
.edit[class*=item-page] #tp-tab-editContent .control-group .controls .input-append > button,
.edit[class*=item-page] #attrib-sunfw-options .control-group .controls .input-append > button,
.edit[class*=item-page] #com-content-formContent #images .control-group .controls .input-append > button,
.edit[class*=item-page] #publishing .control-group .controls .input-append > button {
background: transparent;
position: absolute;
right: 1px;
top: 2px;
border: none;
}
.edit[class*=item-page] #tp-tab-editContent #com-content-formContent #images .control-group .controls select + div.chzn-container .chzn-single,
.edit[class*=item-page] #attrib-sunfw-options #com-content-formContent #images .control-group .controls select + div.chzn-container .chzn-single,
.edit[class*=item-page] #com-content-formContent #images #com-content-formContent #images .control-group .controls select + div.chzn-container .chzn-single,
.edit[class*=item-page] #publishing #com-content-formContent #images .control-group .controls select + div.chzn-container .chzn-single {
margin-bottom: 20px;
}
.edit[class*=item-page] #tp-tab-editContent .control-label,
.edit[class*=item-page] #attrib-sunfw-options .control-label,
.edit[class*=item-page] #com-content-formContent #images .control-label,
.edit[class*=item-page] #publishing .control-label {
flex: 0 0 20%;
}
@media (min-width: 768px) {
.edit[class*=item-page] #tp-tab-editContent .control-label,
.edit[class*=item-page] #attrib-sunfw-options .control-label,
.edit[class*=item-page] #com-content-formContent #images .control-label,
.edit[class*=item-page] #publishing .control-label {
text-align: right;
margin-right: 10px;
}
}
.edit[class*=item-page] #tp-tab-editContent .controls .field-calendar,
.edit[class*=item-page] #attrib-sunfw-options .controls .field-calendar,
.edit[class*=item-page] #com-content-formContent #images .controls .field-calendar,
.edit[class*=item-page] #publishing .controls .field-calendar {
position: relative;
}
.edit[class*=item-page] #tp-tab-editContent .controls .field-calendar button,
.edit[class*=item-page] #attrib-sunfw-options .controls .field-calendar button,
.edit[class*=item-page] #com-content-formContent #images .controls .field-calendar button,
.edit[class*=item-page] #publishing .controls .field-calendar button {
color: #333333;
padding: 12.5px 25px;
}
.edit[class*=item-page] #tp-tab-editContent .controls .field-calendar .calendar-container table tr:not(.time) td, .edit[class*=item-page] #tp-tab-editContent .controls .field-calendar .calendar-container table th,
.edit[class*=item-page] #attrib-sunfw-options .controls .field-calendar .calendar-container table tr:not(.time) td,
.edit[class*=item-page] #attrib-sunfw-options .controls .field-calendar .calendar-container table th,
.edit[class*=item-page] #com-content-formContent #images .controls .field-calendar .calendar-container table tr:not(.time) td,
.edit[class*=item-page] #com-content-formContent #images .controls .field-calendar .calendar-container table th,
.edit[class*=item-page] #publishing .controls .field-calendar .calendar-container table tr:not(.time) td,
.edit[class*=item-page] #publishing .controls .field-calendar .calendar-container table th {
padding: 13px 25px;
}
.edit[class*=item-page] #tp-tab-editContent .controls .field-calendar .calendar-container .time td,
.edit[class*=item-page] #attrib-sunfw-options .controls .field-calendar .calendar-container .time td,
.edit[class*=item-page] #com-content-formContent #images .controls .field-calendar .calendar-container .time td,
.edit[class*=item-page] #publishing .controls .field-calendar .calendar-container .time td {
border: 0;
}
.edit[class*=item-page] #tp-tab-editContent .controls .field-calendar .calendar-container .time td select,
.edit[class*=item-page] #attrib-sunfw-options .controls .field-calendar .calendar-container .time td select,
.edit[class*=item-page] #com-content-formContent #images .controls .field-calendar .calendar-container .time td select,
.edit[class*=item-page] #publishing .controls .field-calendar .calendar-container .time td select {
padding: 0 15px;
}
.edit[class*=item-page] #tp-tab-editContent .controls .field-calendar .calendar-container button,
.edit[class*=item-page] #attrib-sunfw-options .controls .field-calendar .calendar-container button,
.edit[class*=item-page] #com-content-formContent #images .controls .field-calendar .calendar-container button,
.edit[class*=item-page] #publishing .controls .field-calendar .calendar-container button {
border: none;
}
.edit[class*=item-page] #tp-tab-editContent .controls .field-calendar .calendar-container button:hover,
.edit[class*=item-page] #attrib-sunfw-options .controls .field-calendar .calendar-container button:hover,
.edit[class*=item-page] #com-content-formContent #images .controls .field-calendar .calendar-container button:hover,
.edit[class*=item-page] #publishing .controls .field-calendar .calendar-container button:hover {
background: #cfcfcf;
}
.edit[class*=item-page] #metadata {
margin-bottom: 20px;
}
.edit[class*=item-page] #metadata .control-label {
flex: 0 0 15%;
}
.edit[class*=item-page] #language {
margin-bottom: 20px;
}
.edit[class*=item-page] #language .control-group {
margin-bottom: 10px;
}
.edit[class*=item-page] #language .control-group .controls select.inputbox + div.chzn-container .chzn-single {
margin-bottom: 0;
}
@media (min-width: 1024px) {
.edit[class*=item-page] #language .control-group .controls select.inputbox + div.chzn-container .chzn-single + .chzn-drop {
min-width: 350px;
}
}
@media (min-width: 1024px) {
.edit[class*=item-page] .chzn-container-multi .chzn-choices,
.edit[class*=item-page] select:not(.time), .edit[class*=item-page] textarea, .edit[class*=item-page] input[type=text], .edit[class*=item-page] input[type=password], .edit[class*=item-page] input[type=datetime], .edit[class*=item-page] input[type=datetime-local], .edit[class*=item-page] input[type=date], .edit[class*=item-page] input[type=month], .edit[class*=item-page] input[type=time], .edit[class*=item-page] input[type=week], .edit[class*=item-page] input[type=number], .edit[class*=item-page] input[type=email], .edit[class*=item-page] input[type=url], .edit[class*=item-page] input[type=search], .edit[class*=item-page] input[type=tel], .edit[class*=item-page] input[type=color],
.edit[class*=item-page] .chzn-container-single .chzn-single {
min-width: 350px;
}
}
.edit[class*=item-page] .chzn-container-single .chzn-search input[type=text] {
min-width: 100%;
}
.edit[class*=item-page] .calendar-container table {
max-width: 355px;
}
.edit[class*=item-page] button.btn:not(.btn-primary),
.edit[class*=item-page] #pb3-switch-editor-button {
color: #FFFFFF;
border: none;
font-weight: normal;
box-sizing: border-box;
padding: 12.5px 40px;
background-color: #cfcfcf;
}
.edit[class*=item-page] button.btn:not(.btn-primary):hover,
.edit[class*=item-page] #pb3-switch-editor-button:hover {
background-color: #333333;
}
.edit[class*=item-page] #pb3-switch-editor-button {
border-radius: 25px !important;
}
.edit[class*=item-page] form#adminForm {
position: relative;
}
.edit[class*=item-page] form#adminForm .toggle-editor .btn {
border: 1px solid #d1d6de;
margin: 30px 0 0;
}
.edit[class*=item-page] form#adminForm .btn-toolbar > .btn-group .btn, .edit[class*=item-page] form#adminForm .btn-toolbar > .btn-group #pb3-switch-editor-button {
height: 50px;
font-weight: normal;
}
.edit #editor-xtd-buttons {
margin: 0 -15px 60px;
}
.edit #editor-xtd-buttons a.btn {
padding: 15px 10px;
}
.bl-readmore {
text-align: left;
}
.jsn-uniform.jsn-master .jsn-row-container .control-group .controls input,
.jsn-uniform.jsn-master .jsn-row-container .control-group .controls textarea {
box-sizing: border-box;
}
.jsn-uniform.jsn-master .jsn-row-container .control-group .controls input[type=checkbox], .jsn-uniform.jsn-master .jsn-row-container .control-group .controls input[type=radio],
.jsn-uniform.jsn-master .jsn-row-container .control-group .controls textarea[type=checkbox],
.jsn-uniform.jsn-master .jsn-row-container .control-group .controls textarea[type=radio] {
vertical-align: text-top;
margin-right: 10px;
}
.jsn-uniform.jsn-master .jsn-row-container .control-group .controls label.checkbox, .jsn-uniform.jsn-master .jsn-row-container .control-group .controls label.radio {
line-height: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.jsn-uniform.jsn-master input[type=range].jsn-uf-slider + input[type=number].jsn-uf-slider-value {
max-width: 60px;
padding: 0;
}
@media (max-width: 767px) {
.jsn-uniform.jsn-master .jsn-row-container.form-horizontal .jsn-form-content label.control-label {
float: none !important;
}
.jsn-uniform.jsn-master .jsn-row-container.form-horizontal .radio, .jsn-uniform.jsn-master .jsn-row-container.form-horizontal .checkbox {
padding-left: 25px;
}
}
/* ---------- Featured Article ----------- */
.sunfw-view-featured .blog-featured fieldset {
margin-bottom: 0;
}
.sunfw-view-featured .blog-featured fieldset legend {
font-family: Baloo;
font-size: 28px;
font-weight: normal;
color: #333333;
}
.sunfw-view-featured .blog-featured .readmore .btn {
color: #FFFFFF;
padding: 14.5px 30px;
}
.sunfw-view-featured .blog-featured .items-leading {
border: 2px solid #ececec;
border-radius: 15px;
margin-bottom: 30px;
padding: 30px 30px 35px;
overflow: hidden;
}
.sunfw-view-featured .blog-featured .items-leading .blog-featured-items {
padding: 0;
}
.sunfw-view-featured .blog-featured .items-row {
margin-bottom: 30px;
}
@media (max-width: 768px) {
.sunfw-view-featured .blog-featured .items-row .item:first-child {
margin-bottom: 30px;
}
}
.sunfw-view-featured .blog-featured .items-row:last-child {
margin-bottom: 0;
}
.sunfw-view-featured .blog-featured .items-row div[class*=col-] .blog-featured-items {
border: 2px solid #ececec;
padding-bottom: 30px;
overflow: hidden;
border-radius: 15px;
}
.sunfw-view-featured .blog-featured .items-row div[class*=col-] .blog-featured-items > div:not(.item-image) {
padding: 0 30px;
}
/* ---------- Archive Article ----------- */
.archive .page-header h2 {
margin-top: 0;
}
.archive > form > fieldset {
margin-bottom: 10px;
}
@media (max-width: 320px) {
.archive .filter-search select#limit {
margin-top: 20px;
}
}
.archive .filter-search button[type=submit].btn {
padding: 15px 30px;
}
@media (max-width: 768px) {
.archive .filter-search button[type=submit].btn {
margin-top: 20px;
}
}
.archive .filter-search .chzn-container {
width: auto !important;
margin-right: 15px;
}
@media (min-width: 768px) {
.archive .filter-search .chzn-container .chzn-single {
width: 116px;
}
}
.archive .filter-search > select {
min-width: 80px;
}
.archive .article-info-term {
display: none;
}
.archive #archive-items {
border: 2px solid #ececec;
overflow: hidden;
border-radius: 15px;
padding: 30px 30px 20px;
}
/* ---------- Administrator Components ----------- */
.article-index .nav-tabs {
border: 1px solid #d5d6d8;
}
.article-index .nav-tabs > li > a {
border-bottom: 1px solid #d5d6d8;
border-width: 0 0 1px 0;
border-radius: 0;
margin: 0;
color: #394a5c;
}
.article-index .nav-tabs > li.active > a:hover, .article-index .nav-tabs > li.active > a:focus {
border-width: 0 0 1px 0;
border-radius: 0;
background-color: #eee;
}
.article-index + .articleBody .pagenavcounter {
margin-bottom: 10px;
}
.article-index + .articleBody .pagenavcounter + p + ul {
padding-left: 15px;
padding-right: 15px;
}
/* ---------- Tag Category ----------- */
.tag-category form fieldset {
margin: 30px 0;
}
.tag-category form fieldset button {
padding: 8px 15px;
}
.tag-category form fieldset button[name*=filter-] i.fa {
margin: 0;
}
.tag-category form fieldset label.filter-search-lbl {
display: block;
}
.tag-category form fieldset .form-group + .btn-group {
margin-top: 27px;
}
.tag-category > img {
margin: 0 0 25px;
display: block;
}
.tag-category .category {
padding: 0;
}
.tag-category .category li {
list-style: none;
}
.tag-category .category li h3 {
margin-top: 0;
}
.tag-category .category li img {
margin-bottom: 20px;
}
.tag-category ul.thumbnails {
padding: 0;
}
.tag-category ul.thumbnails li {
list-style: none;
}
/* ---------- Content Types ----------- */
.sunfw-link {
background: url(../images/bg-link.png);
padding: 30px 0;
text-align: left;
}
.sunfw-link h2 {
margin: 0;
}
.sunfw-link a {
color: #333333;
display: flex;
align-content: center;
align-items: center;
font-size: 28px;
text-transform: uppercase;
font-weight: normal;
}
.sunfw-link a i {
font-size: 120px;
background: transparent;
width: 118px;
height: 118px;
margin-right: 0;
border-radius: 0;
display: inline-block;
float: none;
position: relative;
color: rgba(255, 255, 255, 0.2);
margin-right: -90px;
}
.sunfw-direction-rtl .sunfw-link a i {
margin-left: 0;
margin-right: inherit;
}
.sunfw-direction-rtl .sunfw-link a i {
margin-left: -90px;
margin-right: inherit;
}
.sunfw-quote {
padding: 25px;
background: url(../images/bg-quote.png) no-repeat bottom right;
background-size: cover;
}
.sunfw-quote p.text {
font-size: 14px;
font-weight: 500;
margin: 20px 0 0;
font-style: normal;
color: #333;
font-family: Baloo;
text-transform: uppercase;
}
.sunfw-quote .author {
color: #555555;
font-size: 14px;
font-weight: 500;
margin: 20px 0 0;
font-style: normal;
}
/* ---------- Content Types ----------- */
#sunfw-social-share a {
display: inline-block;
margin-left: 2px;
margin-right: 2px;
}
#sunfw-social-share a i.fa {
font-size: 22px;
}
.sunfw-social ul {
margin: 0 -12px;
padding: 0;
}
.sunfw-social li {
text-align: center;
text-align: center;
margin: 0px 5px;
padding: 0;
margin: 0;
transition: all 0.3s ease-in-out;
}
.sunfw-social li a i {
line-height: 30px;
border-radius: 50%;
margin: 0 10px;
}
.sunfw-social li a span {
display: inline-block;
}
.cookialaw {
display: none;
z-index: 999;
}
.cookialaw p {
line-height: 34px;
margin-bottom: 0;
}
.cookialaw.top {
top: 0;
}
.cookialaw.left {
left: 0;
}
.sunfw-direction-rtl .cookialaw.left {
right: 0;
left: auto;
}
.cookialaw.right {
right: 0;
}
.sunfw-direction-rtl .cookialaw.right {
left: 0;
right: auto;
}
.cookialaw.bottom {
bottom: 0;
}
.cookialaw.fixed {
position: fixed;
}
.cookialaw.full {
width: 100%;
}
.cookialaw.show {
display: block;
}
.subscribe .btn {
line-height: 20px;
border-radius: 0;
}
/*!
* Sun Framework
* Copyright 2016 Joomlashine.
* @file _modules.scss
*/
/* .sunfw-breadcrumb {
padding: 40px 0;
.breadcrumb {
background: transparent;
margin: 0;
padding: 0;
> .active {
color: #FFF;
}
}
} */
ul.nav > li > a i.fa {
padding-right: 5px;
}
.sunfw-direction-rtl ul.nav > li > a i.fa {
padding-right: 0;
padding-left: 5px;
}
/*===============Edit module front=============*/
.sunfw-com-config #modules-form textarea,
.sunfw-com-config #modules-form select:not(.time),
.sunfw-com-config #modules-form input[type=text],
.sunfw-com-config #modules-form a.chzn-single,
.sunfw-com-config #modules-form .chzn-container {
min-width: 300px;
}
.sunfw-com-config #modules-form .btn-toolbar button.btn:not(.btn-primary) {
border: 1px solid #d1d6de;
}
.sunfw-com-config #modules-form #options .input-append .btn {
padding: 14.5px 15px;
border: 1px solid #D1D6DE;
margin-top: -1px;
display: inline-block;
position: relative;
}
.sunfw-com-config #modules-form .accordion-heading {
font-size: 19px;
padding: 15px 0px 20px;
border-bottom: 1px solid #eeeeee;
}
.sunfw-com-config #modules-form .chzn-container-single .chzn-single abbr {
top: 15px;
background: #fff;
font-size: 24px;
}
.sunfw-com-config #modules-form .chzn-container-single .chzn-single abbr:before {
font-family: FontAwesome;
content: "";
width: 20px;
height: 33px;
display: block;
color: #333;
position: absolute;
top: -15px;
right: 10px;
}
.sunfw-com-config #modules-form .field-calendar button.btn {
padding: 5px 17px;
}
.sunfw-com-config #modules-form .chzn-search input {
width: 100%;
min-width: auto;
}
.sunfw-com-config #modules-form .form-horizontal .control-label {
text-align: left;
}
.sunfw-com-config #modules-form .radio#pb3-editor-switcher label {
margin-right: 0;
padding-left: 40px;
background: #cfcfcf;
}
.sunfw-com-config #modules-form .radio#pb3-editor-switcher label.active {
background: #00cf69;
}
.sunfw-com-config #modules-form .radio#pb3-editor-switcher label:first-child {
border-radius: 25px 0 0 25px;
}
.sunfw-com-config #modules-form .radio#pb3-editor-switcher label:last-child {
border-radius: 0 25px 25px 0;
}
.sunfw-com-config #modules-form .radio label {
padding-left: 0px;
margin-right: 40px;
}
.sunfw-direction-rtl .sunfw-com-config #modules-form .radio label {
padding-right: 0px;
padding-left: inherit;
}
.sunfw-direction-rtl .sunfw-com-config #modules-form .radio label {
margin-left: 40px;
margin-right: inherit;
}
.sunfw-com-config #modules-form hr {
margin-top: 30px;
margin-bottom: 30px;
}
.sunfw-com-config #modules-form fieldset.form-horizontal .control-group {
display: flex;
margin: 10px 0px;
}
.sunfw-com-config #modules-form fieldset.form-horizontal .control-label {
min-width: 200px;
}
.sunfw-com-config #modules-form fieldset.form-horizontal .control-label label {
font-weight: bold;
}
.sunfw-com-config #modules-form .field-calendar > .input-append {
position: relative;
}
.sunfw-com-config #modules-form .field-calendar > .input-append button.btn {
position: absolute;
top: 1px;
right: 1px;
padding: 15.5px 18px;
border-radius: 0;
border: none;
background: transparent;
}
.sunfw-direction-rtl .sunfw-com-config #modules-form .field-calendar > .input-append button.btn {
left: 1px;
right: auto;
}
@media (max-width: 767px) {
.sunfw-com-config #modules-form button.btn-primary {
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
}
.sunfw-com-config #modules-form textarea,
.sunfw-com-config #modules-form select,
.sunfw-com-config #modules-form input[type=text],
.sunfw-com-config #modules-form a.chzn-single {
min-width: auto;
width: 100%;
}
.sunfw-com-config #modules-form fieldset.form-horizontal .control-group {
flex-direction: column;
}
}
.sunfw-com-config #modules-form #custom .js-editor-tinymce .mce-edit-area {
border-width: 1px 1px 0 0 !important;
}
.jsn_latestposts.latestnews {
padding: 0;
}
.jsn_latestposts.latestnews > li:last-child {
margin-bottom: 0;
}
.jsn_latestposts.latestnews > li {
list-style: none;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.jsn_latestposts.latestnews > li:after {
display: table;
content: "";
clear: both;
}
.jsn_latestposts.latestnews > li .item-image {
width: 80px;
height: 80px;
margin-right: 15px;
margin-top: 5px;
flex: 0 0 40%;
}
.sunfw-direction-rtl .jsn_latestposts.latestnews > li .item-image {
margin-left: 15px;
margin-right: inherit;
}
.jsn_latestposts.latestnews > li .item-image > a {
padding: 0;
}
.jsn_latestposts.latestnews > li .item-image > a img {
width: 100%;
height: 100%;
border-radius: 10px;
object-fit: cover;
}
.jsn_latestposts.latestnews > li .item-title > a {
font-family: Baloo;
line-height: 1.39;
padding: 0;
font-size: 18px;
color: #333;
margin-bottom: 5px;
display: block;
}
.jsn_latestposts.latestnews > li .item-title p {
font-size: 11px;
color: #666;
margin-bottom: 5px;
}
div[class*=sunfw-pos-stick-] {
position: fixed;
z-index: 8888;
}
.sunfw-pos-stick-lefttop {
left: 0;
}
.sunfw-direction-rtl .sunfw-pos-stick-lefttop {
right: 0;
left: auto;
}
.sunfw-pos-stick-righttop {
right: 0;
}
.sunfw-direction-rtl .sunfw-pos-stick-righttop {
left: 0;
right: auto;
}
.sunfw-pos-stick-leftmiddle {
left: 0;
top: 50%;
transform: translateY(-50%);
}
.sunfw-direction-rtl .sunfw-pos-stick-leftmiddle {
right: 0;
left: auto;
}
.sunfw-pos-stick-rightmiddle {
right: 0;
top: 50%;
transform: translateY(-50%);
}
.sunfw-direction-rtl .sunfw-pos-stick-rightmiddle {
left: 0;
right: auto;
}
.sunfw-pos-stick-leftbottom {
left: 0;
bottom: 0;
}
.sunfw-direction-rtl .sunfw-pos-stick-leftbottom {
right: 0;
left: auto;
}
.sunfw-pos-stick-rightbottom {
right: 0;
bottom: 0;
}
.sunfw-direction-rtl .sunfw-pos-stick-rightbottom {
left: 0;
right: auto;
}
.cc-theme-block.cc-type-info.cc-top {
z-index: 9999;
}
nav.navbar.sunfw-menu-head {
background: transparent;
border-color: transparent;
border-radius: 0;
border: none;
margin: 0 -10px;
}
nav.navbar.sunfw-menu-head .navbar-collapse {
padding: 0;
}
nav.navbar.sunfw-menu-head ul.navbar-nav {
float: right;
}
.sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav {
float: left;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li {
transition: 0.3s ease-in-out;
padding-top: 0;
padding-bottom: 0;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent span.caret {
margin-left: 8px;
}
.sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent span.caret {
margin-right: 8px;
margin-left: inherit;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent:hover > a {
border-radius: 3px 3px 0 0;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu {
padding: 12px 0;
border-radius: 15px;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret {
display: inline-block;
float: right;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret {
left: 20px;
right: auto;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it),
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) {
padding: 26px 20px;
font-weight: bold;
display: block;
}
@media (min-width: 768px) {
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it,
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it {
padding: 15px 40px;
margin-left: 25px;
}
.sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it,
.sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it {
margin-right: 25px;
margin-left: inherit;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it:not(.btn-outline),
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it:not(.btn-outline) {
color: #fff !important;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it:not(.btn-outline):hover,
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it:not(.btn-outline):hover {
color: #fff;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it.btn-outline:hover,
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it.btn-outline:hover {
background-color: #8596a9;
color: #394A5C;
box-shadow: none;
}
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header > span:not(.caret),
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a > span:not(.caret) {
display: inline-block;
vertical-align: top;
}
@media (min-width: 768px) {
nav.navbar.sunfw-menu-head ul.navbar-nav > li > ul.dropdown-menu {
border-radius: 0 0 15px 15px;
}
}
@media (max-width: 767px) {
nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu {
border-radius: 0;
}
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li a span.image-title, nav.navbar.sunfw-menu-head ul.navbar-nav > li span.nav-header span.image-title {
margin: 0px 5px;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li:focus > a.get-it.btn:not(.btn-outline), nav.navbar.sunfw-menu-head ul.navbar-nav > li:hover > a.get-it.btn:not(.btn-outline), nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a.get-it.btn:not(.btn-outline) {
color: #fff;
box-shadow: none;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a,
nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a:focus {
background-color: transparent;
box-shadow: none;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li.active > a:hover {
background-color: #F8F8F8;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:hover,
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:focus,
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:hover,
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:focus {
background-color: #F8F8F8;
}
nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu {
border-radius: 0;
z-index: 999;
}
nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li {
transition: all 0.3s ease-in-out;
padding: 0;
}
nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a, nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li span.nav-header {
padding: 7px 20px;
display: block;
font-weight: bold;
}
nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li a:hover, nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li span.nav-header:hover {
background: transparent;
}
nav.navbar.sunfw-menu-head ul.navbar-nav ul.dropdown-menu li:last-child {
border-bottom: none;
}
.sunfw-tpl-menu .dropdown-menu .divider {
height: auto;
margin: 0;
overflow: inherit;
background-color: inherit;
}
.megamenu.full-width ul.sunfw-megamenu-sub-menu ul {
width: 100%;
}
.dropdown-menu {
box-shadow: none;
border: none;
}
.icons .dropdown-menu {
border: 1px solid #d1d6de;
border-radius: 0;
}
/* ===== MOBILE MENU ===== */
@media (max-width: 767px) {
.col-menu {
padding-left: 0px;
padding-right: 0px;
}
nav.navbar.sunfw-menu-head {
margin: 0;
}
.sunfw-menu-head .navbar-header {
background: #303030;
}
.sunfw-menu-head .navbar-header button.navbar-toggle {
background: #222;
margin: 0;
padding: 20px;
float: left;
outline: none;
border-radius: 0;
}
.sunfw-direction-rtl .sunfw-menu-head .navbar-header button.navbar-toggle {
float: right;
}
.sunfw-menu-head .navbar-header button.navbar-toggle i {
width: 15px;
height: 15px;
display: block;
color: #fff;
}
.sunfw-menu-head .navbar-header button.navbar-toggle:hover, .sunfw-menu-head .navbar-header button.navbar-toggle:focus {
background: #717F8E;
}
.sunfw-menu {
position: relative;
z-index: 999;
max-height: 500px;
}
ul.sunfw-tpl-menu.navbar-nav {
margin: 0;
float: none !important;
}
ul.sunfw-tpl-menu > li > span.nav-header:not(.get-it),
ul.sunfw-tpl-menu > li > a:not(.get-it) {
border-bottom: 1px solid #E7EAEE;
padding: 16px 25px !important;
position: relative;
}
ul.sunfw-tpl-menu > li a, ul.sunfw-tpl-menu > li span.nav-header {
padding: 10px 25px !important;
position: relative;
display: block;
}
ul.sunfw-tpl-menu > li ul {
padding: 0;
-webkit-box-shadow: none !important;
box-shadow: none !important;
display: none !important;
position: relative !important;
}
ul.sunfw-tpl-menu > li ul ul {
padding: 0 20px;
}
ul.sunfw-tpl-menu > li ul.menuShow {
float: none;
display: block !important;
width: 100%;
border-width: 0 0 1px;
border-style: solid;
border-color: #E7EAEE;
}
ul.sunfw-tpl-menu > li ul li {
padding-left: 20px;
}
ul.sunfw-tpl-menu > li li.dropdown-submenu > ul.menuShow {
border-width: 1px 0;
border-style: solid;
border-color: #E7EAEE;
}
.sunfw-sticky.sunfw-sticky-open .sunfw-menu ul.sunfw-tpl-menu.navbar-nav {
max-height: 480px;
}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background: transparent;
}
#sunfw-wrapper .sunfw-menu ul.dropdown-menu li a:hover, #sunfw-wrapper .sunfw-menu ul.dropdown-menu li a:focus, #sunfw-wrapper .sunfw-menu ul.dropdown-menu li a.current, ul.sunfw-megamenu-sub-menu li a:hover, ul.sunfw-megamenu-sub-menu li a:focus, ul.sunfw-megamenu-sub-menu li a.current {
background-color: transparent;
}
.sunfw-menu ul.dropdown-menu, ul.sunfw-megamenu-sub-menu ul {
width: 100% !important;
}
body.sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul {
right: 0 !important;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu {
padding: 0;
}
}
@media (min-width: 768px) {
ul.sunfw-tpl-menu {
display: -webkit-box;
/* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;
/* TWEENER - IE 10 */
display: -webkit-flex;
/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: wrap;
}
ul.sunfw-tpl-menu > li.dropdown-submenu ul {
border: 1px solid #ececec;
margin: 2px 0 0;
position: absolute;
width: 200px;
left: auto;
display: none;
list-style: none;
border-radius: 0 0 15px 15px;
text-align: left;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul {
text-align: right;
}
ul.sunfw-tpl-menu > li.dropdown-submenu ul li {
position: relative;
}
ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul {
top: 0;
left: 100%;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu ul li:hover > ul {
right: 100%;
left: auto;
}
ul.sunfw-tpl-menu > li.dropdown-submenu ul li a {
position: relative;
}
ul.sunfw-tpl-menu > li.dropdown-submenu ul li a:hover {
background: transparent;
}
ul.sunfw-tpl-menu > li.dropdown-submenu ul li:last-child a:before {
display: none;
}
ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu .dropdown-menu {
display: none;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
ul.sunfw-tpl-menu > li.dropdown-submenu li.dropdown-submenu:hover > .dropdown-menu {
display: block;
opacity: 1;
filter: alpha(opacity=100);
}
ul.sunfw-tpl-menu ul li.parent span.nav-header span.caret, ul.sunfw-tpl-menu ul li.parent a span.caret {
border: none;
}
ul.sunfw-tpl-menu ul li.parent span.nav-header span.caret:before, ul.sunfw-tpl-menu ul li.parent a span.caret:before {
content: "";
font-family: FontAwesome;
font-size: 14px;
line-height: 1;
}
ul.sunfw-tpl-menu li.sunfw-submenu-flipback ul li.parent span.nav-header span.caret, ul.sunfw-tpl-menu li.sunfw-submenu-flipback ul li.parent a span.caret {
border: none;
}
ul.sunfw-tpl-menu li.sunfw-submenu-flipback ul li.parent span.nav-header span.caret:before, ul.sunfw-tpl-menu li.sunfw-submenu-flipback ul li.parent a span.caret:before {
content: "";
}
ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) ul {
right: 0;
left: auto !important;
}
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) ul {
right: auto;
left: 0 !important;
}
}
@media (min-width: 768px) {
ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) ul ul {
right: 100%;
}
}
@media (min-width: 768px) {
ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) ul.dropdown-menu {
text-align: right;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) ul.dropdown-menu {
text-align: left;
}
ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) ul.dropdown-menu .caret {
left: 5px;
border-right: 4px dashed;
border-left: 0;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) ul.dropdown-menu .caret {
right: 5px;
left: auto;
}
}
@media (min-width: 768px) {
ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) > ul.sunfw-megamenu-sub-menu {
right: 0 !important;
}
}
@media (min-width: 768px) {
ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) ul li:hover > ul {
left: auto !important;
right: 100%;
}
}
@media (min-width: 768px) {
ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu).center {
position: static;
}
ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu).center > ul {
width: 100% !important;
left: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu).center > ul {
right: 0;
left: auto;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu).center > ul {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width: 768px) {
.sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback ul li:hover > ul {
left: 100% !important;
right: auto !important;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback > ul.sunfw-megamenu-sub-menu {
left: 0 !important;
right: auto !important;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.dropdown-submenu.sunfw-submenu-flipback li.dropdown-submenu .caret {
right: 5px;
left: auto;
border-left: 4px dashed;
border-right: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it),
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) {
padding-left: 10px;
padding-right: 10px;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it,
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it {
margin-left: 7px;
}
.sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header.get-it,
.sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it {
margin-right: 7px;
margin-left: inherit;
}
ul.nav.sunfw-tpl-menu .sunfw-submenu-flipback:not(.megamenu) ul ul {
right: 0;
}
}
@media (max-width: 767px) {
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a {
padding-left: 12px;
padding-right: 12px;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it {
margin: 5px;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li > a.get-it:not(.btn-outline) {
color: #fff !important;
}
}
/* ===== ANIMATION MENU ===== */
@media (min-width: 768px) {
.sunfwMenuFading .sunfw-megamenu-sub-menu, .sunfwMenuFading .dropdown-menu, .sunfwMenuSlide .sunfw-megamenu-sub-menu, .sunfwMenuSlide .dropdown-menu {
display: none;
}
.sunfwMenuFading ul.sunfw-tpl-menu li.dropdown-submenu ul {
display: block !important;
opacity: 0;
visibility: hidden;
transition: 0.3s !important;
}
.sunfwMenuFading ul.sunfw-tpl-menu li.dropdown-submenu:hover > ul {
opacity: 1;
visibility: visible;
transition-delay: 0.3s !important;
}
.sunfwMenuFading ul.sunfw-tpl-menu li.dropdown-submenu ul li > ul {
top: 0;
left: 100%;
}
.sunfwMenuFading ul.sunfw-tpl-menu li.megamenu > ul {
display: block !important;
opacity: 0;
visibility: hidden;
transition: 0.3s !important;
}
.sunfwMenuFading ul.sunfw-tpl-menu li.megamenu:hover > ul {
opacity: 1;
visibility: visible;
transition-delay: 0.3s !important;
}
.sunfwMenuNoneEffect ul.sunfw-tpl-menu > li > ul {
display: none;
}
.sunfwMenuNoneEffect ul.sunfw-tpl-menu > li:hover > ul {
display: block;
}
}
ul.sunfw-tpl-menu .menudescription {
display: block;
font-size: 12px;
text-transform: initial;
}
ul.sunfw-tpl-menu li > a > i, ul.sunfw-tpl-menu li > span.nav-header > i {
padding-right: 5px;
margin: 0;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu li > a > i, .sunfw-direction-rtl ul.sunfw-tpl-menu li > span.nav-header > i {
padding-left: 5px;
padding-right: inherit;
}
ul.sunfw-tpl-menu > li {
position: relative;
}
ul.sunfw-tpl-menu > li.megamenu {
position: static;
}
ul.sunfw-tpl-menu > li.right > ul {
right: 0;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.right > ul {
left: 0;
right: auto;
}
ul.sunfw-tpl-menu > li.left > ul {
left: 0;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.left > ul {
right: 0;
left: auto;
}
ul.sunfw-tpl-menu > li.center > ul {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.center > ul {
right: 50%;
left: auto;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.center > ul {
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
ul.sunfw-tpl-menu > li.full-width {
position: static;
}
ul.sunfw-tpl-menu > li.full-width > ul {
left: 0;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.full-width > ul {
right: 0;
left: auto;
}
ul.sunfw-tpl-menu > li > ul {
background: #fff;
z-index: 1;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu {
position: absolute;
padding: 0;
border: 1px solid #ececec;
width: 100%;
z-index: 999;
margin: 1px 0 0;
border-radius: 0 0 15px 15px;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu {
width: 100%;
padding: 10px 15px 12px;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu a span.caret, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu span.nav-header span.caret {
position: absolute;
right: 15px;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu a span.caret, .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu span.nav-header span.caret {
left: 15px;
right: auto;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu > ul {
border: 1px solid #D1D6DE;
left: 100%;
top: 0;
transition: opacity 0.4s ease;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul.nav.sub-menu li.parent.dropdown-submenu > ul {
right: 100%;
left: auto;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3 {
clear: both;
color: #333;
background: #fff;
font-size: 14px;
margin-top: 0;
padding: 10px 20px 10px;
margin-bottom: 0;
font-family: Quicksand;
text-transform: uppercase;
font-weight: bold;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li {
padding: 0;
list-style: none;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li ul {
opacity: 0;
position: absolute;
width: 100%;
display: none;
left: 100%;
top: 0;
list-style: none;
background: #fff;
border: 1px solid #ececec;
padding: 9px 0;
border-radius: 15px;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li ul li {
padding: 0;
position: relative;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li > ul {
top: -9px;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li:hover > ul {
opacity: 1;
display: block;
z-index: 9;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer > ul > li span.nav-header {
padding: 7px 20px 6px;
display: block;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > span.nav-header > span.caret {
right: 15px;
position: absolute;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > a > span.caret, .sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer li.parent > span.nav-header > span.caret {
left: 15px;
right: auto;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form {
padding-top: 15px;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form #form-login-remember, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form .checkbox {
margin-bottom: 5px;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer #login-form ul.unstyled {
position: relative;
opacity: 1;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu ul {
max-width: 100%;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul {
display: block;
position: relative;
width: 100%;
right: 0;
padding: 0;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul ul {
position: absolute;
width: 100%;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul {
display: block;
left: 100%;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item > ul li:hover > ul a, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div > ul li:hover > ul a {
width: 100%;
display: block;
}
@media (min-width: 768px) {
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item ul li:hover > ul, ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-item .module-style > div ul li:hover > ul {
display: block !important;
opacity: 1 !important;
}
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-social ul {
position: relative;
left: 0;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu li a:hover {
background: transparent;
}
@media (max-width: 1024px) {
ul.sunfw-tpl-menu .sunfw-submenu-flipback .sunfw-mega-menu ul {
right: 0;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu .sunfw-submenu-flipback .sunfw-mega-menu ul {
left: 0;
right: auto;
}
}
@media (max-width: 767px) {
ul.sunfw-tpl-menu > li.megamenu {
position: relative;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu {
width: 100% !important;
border: none;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer ul .menuShow {
border: none;
padding: 0 15px;
background: transparent;
display: block !important;
left: 0 !important;
opacity: 1;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer ul .menuShow {
right: 0 !important;
left: auto;
}
ul.sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .modulecontainer h3 {
padding: 10px 25px 10px;
}
ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu [class*=col-xs-] {
width: 100%;
padding: 0;
}
ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu .row {
margin: 0;
}
ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul {
display: block !important;
left: 0 !important;
border: none !important;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul {
right: 0 !important;
left: auto;
}
ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul.unstyled {
display: none !important;
}
ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu h3 {
margin-top: 0;
padding: 10px 15px;
}
ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li {
padding: 0;
}
ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu ul.sub-menu {
padding: 0;
}
ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li.dropdown-submenu ul.dropdown-menu {
left: 0 !important;
display: none !important;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li.dropdown-submenu ul.dropdown-menu {
right: 0 !important;
left: auto;
}
ul.sunfw-tpl-menu > li.megamenu .sunfw-mega-menu li.dropdown-submenu ul.dropdown-menu.menuShow {
display: block !important;
border: none !important;
padding: 0px 15px;
}
ul.sunfw-tpl-menu li:last-child {
border-bottom: none;
}
ul.sunfw-tpl-menu .caret {
border: none;
width: 48px;
top: 0;
position: absolute;
right: 0;
height: 100%;
text-align: center;
margin-top: 0;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu .caret {
left: 0;
right: auto;
}
ul.sunfw-tpl-menu .caret:before {
content: "";
font-family: "FontAwesome";
color: #4E6176;
font-size: 20px;
vertical-align: middle;
position: relative;
top: 50%;
transform: translateY(-50%);
display: block;
}
ul.sunfw-tpl-menu .caret.open:before {
content: "" !important;
}
.sunfw-menu-head.navbar-default .navbar-nav > li > a {
padding: 10px 15px;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret {
right: 0;
}
.sunfw-direction-rtl nav.navbar.sunfw-menu-head ul.navbar-nav > li ul.dropdown-menu span.caret {
left: 0;
right: auto;
}
.sunfw-direction-rtl ul.sunfw-tpl-menu .caret:before {
content: "";
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateY(50px);
}
25% {
opacity: 0.25;
transform: translateY(40px);
}
50% {
opacity: 0.5;
transform: translateY(30px);
}
75% {
opacity: 0.7;
transform: translateY(15px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translate3d(0, -20%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(50px);
}
25% {
opacity: 0.25;
transform: translateX(40px);
}
50% {
opacity: 0.5;
transform: translateX(30px);
}
75% {
opacity: 0.7;
transform: translateX(15px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInDown {
-webkit-animation: fadeInDown;
animation: fadeInDown;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.fadeInUp {
-webkit-animation: fadeInUp;
animation: fadeInUp;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.fadeInLeft {
-webkit-animation: fadeInLeft;
animation: fadeInLeft;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.fadeInRight {
-webkit-animation: fadeInRight;
animation: fadeInRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.border-top-2 {
border-top: 2px solid #ececec;
margin: 0;
}
.move-text h3 {
transition: margin 0.3s ease-in-out;
}
.move-text:hover h3 {
margin: 0 10px;
}
.hover-block {
transition: all 0.3s ease-in-out;
}
.hover-block:hover {
box-shadow: 2px 3px 12px 9px rgba(0, 0, 0, 0.03);
}
.move-block {
transition: margin-top 0.3s ease-in-out;
margin-top: 0;
}
.move-block:hover {
margin-top: -20px;
}
.more-images {
display: flex;
justify-content: space-between;
}
.more-images img {
border-radius: 15px;
}
ul.jsn-article-list[class*=horiz] {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
padding: 0;
}
ul.jsn-article-list[class*=horiz] li {
display: flex;
flex: 0 0 50%;
padding: 0;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item {
display: flex;
border-radius: 15px;
background-color: #ffffff;
margin: 0 15px 30px;
flex: 0 0 100%;
max-width: calc(100% - 30px);
border: 2px solid #ececec;
overflow: hidden;
z-index: 10;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item h3.newsflash-title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 8px;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item img {
min-height: 240px;
border-radius: 15px 0 0 15px;
object-fit: cover;
flex: 1 0 auto;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item > div:not(.show-image) {
flex: 0 0 100%;
padding: 36px 30px 26px;
max-width: calc(100% - 270px);
position: relative;
z-index: 99;
background: #FFF;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item .introtext {
margin-bottom: -4px;
}
ul.jsn-article-list[class*=horiz] li .fields-container {
display: flex;
justify-content: space-between;
margin-top: 26px;
margin-bottom: 0;
flex-wrap: wrap;
}
ul.jsn-article-list[class*=horiz] li .fields-container .field-entry {
display: flex;
flex-direction: column;
flex: 0 0 40%;
margin: 0 0 10px;
}
ul.jsn-article-list[class*=horiz] li .fields-container .field-entry:nth-child(2n) {
padding: 0 26px;
flex: 0 0 60%;
}
ul.jsn-article-list[class*=horiz] li .fields-container .field-entry:first-child {
position: relative;
}
ul.jsn-article-list[class*=horiz] li .fields-container .field-entry:first-child:after {
content: "";
height: 42px;
width: 2px;
background: #ececec;
position: absolute;
right: 0;
top: 4px;
}
.sunfw-direction-rtl ul.jsn-article-list[class*=horiz] li .fields-container .field-entry:first-child:after {
left: 0;
right: auto;
}
ul.jsn-article-list[class*=horiz] li .fields-container .field-entry .field-label {
font-family: Baloo;
font-size: 18px;
font-weight: normal;
color: #333;
margin-bottom: 2px;
}
#sunfw-master .topbar {
display: flex !important;
justify-content: flex-end;
flex-direction: row;
align-items: center;
}
/*========== Login ========== */
.login-topbar {
position: relative;
margin: 6px 0;
display: inline-block;
float: right;
}
.sunfw-direction-rtl .login-topbar {
float: left;
}
.login-topbar form {
margin-bottom: 0;
}
.login-topbar h3.box-title {
font-size: 13px;
margin: 0;
cursor: pointer;
color: #fff;
font-family: Quicksand;
font-weight: bold;
}
.login-topbar.display-dropdown .module-body {
margin-top: 16px;
width: 290px;
border: 2px solid #ececec;
transition: all 0.3s ease-in-out 0s;
visibility: hidden;
position: absolute;
left: 100%;
z-index: 99999;
background: #fff;
padding: 20px;
min-width: 200px;
opacity: 0;
transform: translateX(-100%);
border-radius: 0 0 15px 15px;
}
.login-topbar.display-dropdown .module-body #form-login-username .input-group-addon,
.login-topbar.display-dropdown .module-body #form-login-password .input-group-addon {
display: none;
}
.login-topbar.display-dropdown .module-body #form-login-username .input-group-addon + input,
.login-topbar.display-dropdown .module-body #form-login-password .input-group-addon + input {
border-radius: 15px;
}
.login-topbar.jsn-dropdown-active .module-body {
opacity: 1;
visibility: visible;
}
.login-topbar .checkbox {
margin-left: 0;
padding: 0;
margin: 20px 0 18px;
}
.sunfw-direction-rtl .login-topbar .checkbox {
margin-right: 0;
margin-left: inherit;
}
.login-topbar .logout-button {
margin-top: 18px;
}
.radio label, .checkbox label {
font-weight: 500;
}
/*========== Search ========== */
.custom-search h3.box-title {
margin: 0;
}
.custom-search > form {
margin: 0px 15px;
position: relative;
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.custom-search > form label.element-invisible {
padding: 0;
border: none;
text-shadow: none;
color: #fff;
cursor: pointer;
height: 20px;
position: static;
width: 15px;
text-align: center;
margin: 0 13px;
vertical-align: middle;
}
.custom-search > form label.element-invisible:before {
display: inline-block;
font: normal normal normal 16px/1.5 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "";
}
.custom-search .inputbox {
background: none;
padding: 0;
font-size: 13px;
margin: 0;
width: 0px !important;
visibility: hidden;
transition: all 0.3s ease-in-out;
height: 30px;
color: #999999;
background: #fff;
border: none;
}
.custom-search .inputbox.active {
width: 200px !important;
visibility: visible;
padding: 6px 20px;
}
.custom-search button.button {
position: absolute;
top: 1px;
right: 23px;
padding: 6.5px 9px;
visibility: hidden;
}
.custom-search.active button.button {
visibility: visible;
}
@media (max-width: 1024px) {
ul.jsn-article-list[class*=horiz] {
padding: 0;
overflow: hidden;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item {
flex-direction: column;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item img {
border-radius: 15px 15px 0 0;
max-width: 100%;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item > div:not(.show-image) {
padding: 26px 20px;
max-width: 100%;
}
.more-images {
flex-wrap: wrap;
}
.more-images img {
margin: 5px 0;
}
}
@media (max-width: 767px) {
[id*=jsn-thememasonry-container] .jsn-is-msnry-grid {
width: 100% !important;
}
#sunfw-master .topbar {
flex-wrap: wrap-reverse;
}
.custom-search > form label.element-invisible {
margin: 0;
}
.custom-search.active > form {
margin: 0;
}
.custom-search.active input.inputbox {
margin: 0 13px;
}
ul.jsn-article-list[class*=horiz] {
margin: 0;
}
ul.jsn-article-list[class*=horiz] li {
flex: 0 0 100%;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
.login-topbar.display-dropdown .module-body {
margin-top: 26px;
}
.text-sm-center {
text-align: center;
}
}
.hover-image {
z-index: 10;
overflow: hidden;
}
.hover-image img {
border-radius: 15px 15px 0 0;
overflow: hidden;
z-index: -10;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item img,
.hover-image img {
transition: all 0.3s ease-in-out;
z-index: -10;
}
ul.jsn-article-list[class*=horiz] li .newsflash-item img:hover,
.hover-image:hover img {
transform: scale(1.1);
}
body.sunfw-direction-rtl ul.jsn-article-list[class*=horiz] li .newsflash-item img {
border-radius: 0 15px 15px 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.jsn-is-msnry-grid {
margin: 0 auto;
}
}
span[class*=icon-] {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
}
.icon-eye:before {
content: "";
}
.icon-user:before {
content: "";
}
.icon-file:before {
content: "";
}
.icon-edit:before {
content: "";
}
.icon-remove:before {
content: "";
}
.btn.jmodedit {
padding: 10px;
border: 1px solid #FFF;
background: #fff;
}
.select2-drop-active,
.jsn-uf-select2-dropdown {
box-shadow: none;
border-color: #ececec;
border-width: 2px;
}
.select2-drop.select2-drop-above {
box-shadow: none;
}
.tpl-jsn-contact-form .select2-container .select2-focusser {
display: none;
}
.tpl-jsn-contact-form .select2-container .select2-choice {
border-width: 2px;
border-color: #ececec;
height: 50px;
line-height: 50px;
background-image: none;
border-radius: 15px;
padding-left: 20px;
background: #FFFFFF;
box-shadow: none;
font-family: Quicksand;
font-size: 16px;
color: #666666;
}
.tpl-jsn-contact-form .select2-container .select2-choice span {
opacity: 0.5;
}
.tpl-jsn-contact-form .select2-container .select2-choice div {
border: none;
width: 25px;
background: #FFFFFF;
}
.tpl-jsn-contact-form .select2-container .select2-choice div b {
background: none !important;
}
.tpl-jsn-contact-form .select2-container .select2-choice div b:before {
content: "";
font-family: fontAwesome;
font-size: 18px;
color: #666666;
}
div[style="text-align:center;"] {
padding: 0 20px;
}
/*=================== uniform ====================*/
.jsn-uniform.jsn-master .jsn-row-container .form-actions {
padding: 0;
}
.jsn-uniform .radio input[type=radio],
.jsn-uniform .checkbox input[type=checkbox] {
margin-left: -25px;
}
.jsn-uniform .select2-container.jsn-input-fluid {
min-width: 220px;
}
.jsn-uniform textarea {
padding-top: 15px;
}
.jsn-uniform .radio,
.jsn-uniform .checkbox {
padding-left: 26px;
}
.jsn-uniform button.btn .icon-calendar {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.jsn-uniform button.btn .icon-calendar:before {
content: "";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.jsn-uniform label.checkbox input:before, .jsn-uniform label.checkbox input:before {
left: -2px;
}
.jsn-uniform select,
.jsn-uniform textarea,
.jsn-uniform input[type=text],
.jsn-uniform input[type=password],
.jsn-uniform input[type=datetime],
.jsn-uniform input[type=datetime-local],
.jsn-uniform input[type=date],
.jsn-uniform input[type=month],
.jsn-uniform input[type=time],
.jsn-uniform input[type=week],
.jsn-uniform input[type=number],
.jsn-uniform input[type=email],
.jsn-uniform input[type=url],
.jsn-uniform input[type=search],
.jsn-uniform input[type=tel],
.jsn-uniform input[type=color],
.jsn-uniform .uneditable-input {
margin-bottom: 9px;
height: 48px;
}
.jsn-uniform .ui-datepicker select.ui-datepicker-month,
.jsn-uniform .ui-datepicker select.ui-datepicker-year {
width: auto !important;
}
.jsn-uniform .input-append {
position: relative;
}
.jsn-uniform .input-append .ui-datepicker-trigger.btn-icon {
padding: 13px 10px;
height: 50px;
vertical-align: middle;
margin: 0;
border-radius: 0;
position: absolute;
right: 4px;
background: transparent;
}
.jsn-uniform.jsn-master .jsn-bootstrap select {
height: 48px !important;
}
@media (max-width: 767px) {
.jsn-uniform.jsn-master input[type=range].jsn-uf-slider + input[type=number].jsn-uf-slider-value {
max-width: 15px;
}
}
li.imgOutline.thumbnail.height-80.width-80.center {
float: left;
padding-top: 20px;
}
.thumbnails-media .icon-folder-2:before {
font: normal normal normal 31px/1 FontAwesome;
width: 38px;
height: 31px;
display: inline-block;
content: "";
color: #005e8d;
}
#ModalSelectItem_jform_params_base,
#ModalSelectItem_jform_params_login,
#ModalSelectItem_jform_params_logout {
width: 90%;
margin: 30px 5%;
overflow: hidden;
Z-INDEX: 111111;
}
#ModalSelectItem_jform_params_base .modal-body,
#ModalSelectItem_jform_params_login .modal-body,
#ModalSelectItem_jform_params_logout .modal-body {
padding: 0px;
}
#ModalSelectItem_jform_params_base .modal-body iframe,
#ModalSelectItem_jform_params_login .modal-body iframe,
#ModalSelectItem_jform_params_logout .modal-body iframe {
width: 100%;
border: none;
height: 70vh;
}
#ModalSelectItem_jform_params_base .modal-footer,
#ModalSelectItem_jform_params_login .modal-footer,
#ModalSelectItem_jform_params_logout .modal-footer {
display: none;
}
#ModalSelectItem_jform_params_base .close.novalidate,
#ModalSelectItem_jform_params_login .close.novalidate,
#ModalSelectItem_jform_params_logout .close.novalidate {
margin-top: 10px;
margin-right: 10px;
}
#ModalSelectItem_jform_params_base .modal-header,
#ModalSelectItem_jform_params_login .modal-header,
#ModalSelectItem_jform_params_logout .modal-header {
background: #fff;
display: block;
}
.sunfw-view-items.sunfw-layout-modal .container-popup {
padding: 20px;
}
.tab-pane #pagebuilder4-editor-switcher input {
display: none;
}
.tab-pane #pagebuilder4-editor-switcher label.btn {
border: 1px solid #d92351;
padding-left: 21px !important;
color: #000;
border-radius: 0px;
background: none !important;
line-height: 23px;
max-width: 300px;
}
.tab-pane #pagebuilder4-editor-switcher label.btn.active {
color: #fff;
background: #d92351 !important;
}
.tab-pane #editor-xtd-buttons {
float: none;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
.accordion-inner {
padding: 9px 15px;
border-top: 1px solid #e5e5e5;
}
.accordion-inner .thumbnail {
border: none;
}
body.sunfw-com-media .well {
background-color: #f5f5f5;
}
body.sunfw-com-media .well > .row-fluid:after {
content: "";
display: block;
clear: both;
}
body.sunfw-com-media .well > .row-fluid,
body.sunfw-com-media .well > .row {
display: flex;
align-items: center;
}
body.sunfw-com-media .well > .row-fluid .span8,
body.sunfw-com-media .well > .row .span8 {
width: 55%;
}
body.sunfw-com-media .well > .row-fluid .span8 .btn,
body.sunfw-com-media .well > .row-fluid .span8 .btn:hover,
body.sunfw-com-media .well > .row .span8 .btn,
body.sunfw-com-media .well > .row .span8 .btn:hover {
border: none !important;
}
body.sunfw-com-media .well > .row-fluid .span4,
body.sunfw-com-media .well > .row .span4 {
width: 43%;
text-align: right;
margin-right: 2%;
margin-top: 16px;
}
body.sunfw-com-media .well > .row-fluid .span4 .btn,
body.sunfw-com-media .well > .row-fluid .span4 .btn:hover,
body.sunfw-com-media .well > .row .span4 .btn,
body.sunfw-com-media .well > .row .span4 .btn:hover {
border: 1px solid #ccc;
}
.com_media #uploadForm.form-horizontal .controls button.btn,
.com_media #uploadForm.form-horizontal .controls button.btn:hover {
border: none !important;
}
.accordion-heading {
padding: 10px 0;
}
.accordion-group {
margin-bottom: 2px;
border: 1px solid #e5e5e5;
border-radius: 4px;
}
.accordion-group .accordion-heading {
padding: 0;
line-height: 1;
}
.accordion-group .accordion-heading a {
display: block;
padding: 15px 15px;
}
body.sunfw-com-media.sunfw-view-images .well input[type=file] {
display: inline-block;
}
#sbox-window .sbox-content-iframe iframe {
max-height: 100%;
}
.btn.jmodedit {
background: #FFF;
border: 1px solid #CCC;
padding: 6px 10px;
width: 33px !important;
height: 33px !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.btn.jmodedit .icon-edit:before {
content: "";
font-size: 14px;
line-height: 1;
color: #333;
font-family: FontAwesome;
}
.form-horizontal .control-label {
text-align: left;
}
.radio input[type=radio], .radio-inline input[type=radio],
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
position: relative;
margin-left: 0;
}
.radio label, .checkbox label {
margin-right: 20px;
padding-left: 0px;
}
.edit[class*=item-page] #images .input-prepend.input-append .modal.btn {
position: absolute;
display: inline-block;
z-index: 1;
max-width: 75px;
border-width: 0 0 0 1px;
border-color: #e7e9e9;
border-style: solid;
right: 41px;
top: 1px;
left: 244px;
padding: 9px 15px;
background: #fff;
bottom: 1px;
color: #000;
font-weight: normal;
}
.icon-remove {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
}
.icon-remove:before {
content: "";
}
.sunfw-com-config #modules-form #options .input-append .btn {
padding: 8px 15px;
border: 1px solid #D1D6DE;
display: inline-block;
position: relative;
margin-left: -1px;
vertical-align: top;
line-height: 1.5;
height: 40px;
}
html {
overflow-y: auto !important;
}
.edit.item-page {
margin: 30px;
}
#kunena.layout .kwho-guest {
display: block;
}
@media (max-width: 480px) {
.jsn-uniform .form-actions .btn-toolbar .btn {
font-size: inherit !important;
}
}
li.imgOutline.thumbnail.height-80.width-80.center > a {
color: #000;
}
input[type=file][hidden] {
display: none;
}
body.sunfw-com-media.sunfw-view-images .well > .row-fluid input,
body.sunfw-com-media.sunfw-view-images .well > .row-fluid .chzn-container-single .chzn-single {
background: #fff;
background-color: #fff !important;
border-color: #333 !important;
}
body.sunfw-com-media,
body.sunfw-com-media .thumbnails-media .thumbnail {
background-color: #fff;
}
.edit[class*=item-page] #publishing .control-group {
float: none !important;
}
.edit[class*=item-page] form#adminForm {
padding: 10px;
}
#kunena.layout .center .btn + .btn {
margin-left: 0;
}
#kunena.layout .kmsg {
font-family: inherit;
}
#kunena .btn.btn-default.btn-success {
color: #000;
}
.tpl-jsn-contact-form .jsn-uniform.jsn-master .jsn-bootstrap .jsn-form-content .control-group .control-label .required {
display: none;
}
.padding-0 {
padding: 0px;
}
.padding-top-0 {
padding-top: 0px;
}
.padding-bottom-0 {
padding-bottom: 0px;
}
.padding-left-0 {
padding-left: 0px;
}
.sunfw-direction-rtl .padding-left-0 {
padding-right: 0px;
padding-left: inherit;
}
.padding-right-0 {
padding-right: 0px;
}
.sunfw-direction-rtl .padding-right-0 {
padding-left: 0px;
padding-right: inherit;
}
.padding-5 {
padding: 5px;
}
.padding-top-5 {
padding-top: 5px;
}
.padding-bottom-5 {
padding-bottom: 5px;
}
.padding-left-5 {
padding-left: 5px;
}
.sunfw-direction-rtl .padding-left-5 {
padding-right: 5px;
padding-left: inherit;
}
.padding-right-5 {
padding-right: 5px;
}
.sunfw-direction-rtl .padding-right-5 {
padding-left: 5px;
padding-right: inherit;
}
.padding-10 {
padding: 10px;
}
.padding-top-10 {
padding-top: 10px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
.padding-left-10 {
padding-left: 10px;
}
.sunfw-direction-rtl .padding-left-10 {
padding-right: 10px;
padding-left: inherit;
}
.padding-right-10 {
padding-right: 10px;
}
.sunfw-direction-rtl .padding-right-10 {
padding-left: 10px;
padding-right: inherit;
}
.padding-15 {
padding: 15px;
}
.padding-top-15 {
padding-top: 15px;
}
.padding-bottom-15 {
padding-bottom: 15px;
}
.padding-left-15 {
padding-left: 15px;
}
.sunfw-direction-rtl .padding-left-15 {
padding-right: 15px;
padding-left: inherit;
}
.padding-right-15 {
padding-right: 15px;
}
.sunfw-direction-rtl .padding-right-15 {
padding-left: 15px;
padding-right: inherit;
}
.padding-20 {
padding: 20px;
}
.padding-top-20 {
padding-top: 20px;
}
.padding-bottom-20 {
padding-bottom: 20px;
}
.padding-left-20 {
padding-left: 20px;
}
.sunfw-direction-rtl .padding-left-20 {
padding-right: 20px;
padding-left: inherit;
}
.padding-right-20 {
padding-right: 20px;
}
.sunfw-direction-rtl .padding-right-20 {
padding-left: 20px;
padding-right: inherit;
}
.padding-25 {
padding: 25px;
}
.padding-top-25 {
padding-top: 25px;
}
.padding-bottom-25 {
padding-bottom: 25px;
}
.padding-left-25 {
padding-left: 25px;
}
.sunfw-direction-rtl .padding-left-25 {
padding-right: 25px;
padding-left: inherit;
}
.padding-right-25 {
padding-right: 25px;
}
.sunfw-direction-rtl .padding-right-25 {
padding-left: 25px;
padding-right: inherit;
}
.padding-30 {
padding: 30px;
}
.padding-top-30 {
padding-top: 30px;
}
.padding-bottom-30 {
padding-bottom: 30px;
}
.padding-left-30 {
padding-left: 30px;
}
.sunfw-direction-rtl .padding-left-30 {
padding-right: 30px;
padding-left: inherit;
}
.padding-right-30 {
padding-right: 30px;
}
.sunfw-direction-rtl .padding-right-30 {
padding-left: 30px;
padding-right: inherit;
}
.padding-35 {
padding: 35px;
}
.padding-top-35 {
padding-top: 35px;
}
.padding-bottom-35 {
padding-bottom: 35px;
}
.padding-left-35 {
padding-left: 35px;
}
.sunfw-direction-rtl .padding-left-35 {
padding-right: 35px;
padding-left: inherit;
}
.padding-right-35 {
padding-right: 35px;
}
.sunfw-direction-rtl .padding-right-35 {
padding-left: 35px;
padding-right: inherit;
}
.padding-40 {
padding: 40px;
}
.padding-top-40 {
padding-top: 40px;
}
.padding-bottom-40 {
padding-bottom: 40px;
}
.padding-left-40 {
padding-left: 40px;
}
.sunfw-direction-rtl .padding-left-40 {
padding-right: 40px;
padding-left: inherit;
}
.padding-right-40 {
padding-right: 40px;
}
.sunfw-direction-rtl .padding-right-40 {
padding-left: 40px;
padding-right: inherit;
}
.padding-45 {
padding: 45px;
}
.padding-top-45 {
padding-top: 45px;
}
.padding-bottom-45 {
padding-bottom: 45px;
}
.padding-left-45 {
padding-left: 45px;
}
.sunfw-direction-rtl .padding-left-45 {
padding-right: 45px;
padding-left: inherit;
}
.padding-right-45 {
padding-right: 45px;
}
.sunfw-direction-rtl .padding-right-45 {
padding-left: 45px;
padding-right: inherit;
}
.padding-50 {
padding: 50px;
}
.padding-top-50 {
padding-top: 50px;
}
.padding-bottom-50 {
padding-bottom: 50px;
}
.padding-left-50 {
padding-left: 50px;
}
.sunfw-direction-rtl .padding-left-50 {
padding-right: 50px;
padding-left: inherit;
}
.padding-right-50 {
padding-right: 50px;
}
.sunfw-direction-rtl .padding-right-50 {
padding-left: 50px;
padding-right: inherit;
}
.padding-55 {
padding: 55px;
}
.padding-top-55 {
padding-top: 55px;
}
.padding-bottom-55 {
padding-bottom: 55px;
}
.padding-left-55 {
padding-left: 55px;
}
.sunfw-direction-rtl .padding-left-55 {
padding-right: 55px;
padding-left: inherit;
}
.padding-right-55 {
padding-right: 55px;
}
.sunfw-direction-rtl .padding-right-55 {
padding-left: 55px;
padding-right: inherit;
}
.padding-60 {
padding: 60px;
}
.padding-top-60 {
padding-top: 60px;
}
.padding-bottom-60 {
padding-bottom: 60px;
}
.padding-left-60 {
padding-left: 60px;
}
.sunfw-direction-rtl .padding-left-60 {
padding-right: 60px;
padding-left: inherit;
}
.padding-right-60 {
padding-right: 60px;
}
.sunfw-direction-rtl .padding-right-60 {
padding-left: 60px;
padding-right: inherit;
}
.padding-65 {
padding: 65px;
}
.padding-top-65 {
padding-top: 65px;
}
.padding-bottom-65 {
padding-bottom: 65px;
}
.padding-left-65 {
padding-left: 65px;
}
.sunfw-direction-rtl .padding-left-65 {
padding-right: 65px;
padding-left: inherit;
}
.padding-right-65 {
padding-right: 65px;
}
.sunfw-direction-rtl .padding-right-65 {
padding-left: 65px;
padding-right: inherit;
}
.padding-70 {
padding: 70px;
}
.padding-top-70 {
padding-top: 70px;
}
.padding-bottom-70 {
padding-bottom: 70px;
}
.padding-left-70 {
padding-left: 70px;
}
.sunfw-direction-rtl .padding-left-70 {
padding-right: 70px;
padding-left: inherit;
}
.padding-right-70 {
padding-right: 70px;
}
.sunfw-direction-rtl .padding-right-70 {
padding-left: 70px;
padding-right: inherit;
}
.padding-75 {
padding: 75px;
}
.padding-top-75 {
padding-top: 75px;
}
.padding-bottom-75 {
padding-bottom: 75px;
}
.padding-left-75 {
padding-left: 75px;
}
.sunfw-direction-rtl .padding-left-75 {
padding-right: 75px;
padding-left: inherit;
}
.padding-right-75 {
padding-right: 75px;
}
.sunfw-direction-rtl .padding-right-75 {
padding-left: 75px;
padding-right: inherit;
}
.m-0 {
margin: 0px;
}
.mt-0 {
margin-top: 0px;
}
.mb-0 {
margin-bottom: 0px;
}
.ml-0 {
margin-left: 0px;
}
.sunfw-direction-rtl .ml-0 {
margin-right: 0px;
margin-left: inherit;
}
.mr-0 {
margin-right: 0px;
}
.sunfw-direction-rtl .mr-0 {
margin-left: 0px;
margin-right: inherit;
}
.m-5 {
margin: 5px;
}
.mt-5 {
margin-top: 5px;
}
.mb-5 {
margin-bottom: 5px;
}
.ml-5 {
margin-left: 5px;
}
.sunfw-direction-rtl .ml-5 {
margin-right: 5px;
margin-left: inherit;
}
.mr-5 {
margin-right: 5px;
}
.sunfw-direction-rtl .mr-5 {
margin-left: 5px;
margin-right: inherit;
}
.m-10 {
margin: 10px;
}
.mt-10 {
margin-top: 10px;
}
.mb-10 {
margin-bottom: 10px;
}
.ml-10 {
margin-left: 10px;
}
.sunfw-direction-rtl .ml-10 {
margin-right: 10px;
margin-left: inherit;
}
.mr-10 {
margin-right: 10px;
}
.sunfw-direction-rtl .mr-10 {
margin-left: 10px;
margin-right: inherit;
}
.m-15 {
margin: 15px;
}
.mt-15 {
margin-top: 15px;
}
.mb-15 {
margin-bottom: 15px;
}
.ml-15 {
margin-left: 15px;
}
.sunfw-direction-rtl .ml-15 {
margin-right: 15px;
margin-left: inherit;
}
.mr-15 {
margin-right: 15px;
}
.sunfw-direction-rtl .mr-15 {
margin-left: 15px;
margin-right: inherit;
}
.m-20 {
margin: 20px;
}
.mt-20 {
margin-top: 20px;
}
.mb-20 {
margin-bottom: 20px;
}
.ml-20 {
margin-left: 20px;
}
.sunfw-direction-rtl .ml-20 {
margin-right: 20px;
margin-left: inherit;
}
.mr-20 {
margin-right: 20px;
}
.sunfw-direction-rtl .mr-20 {
margin-left: 20px;
margin-right: inherit;
}
.m-25 {
margin: 25px;
}
.mt-25 {
margin-top: 25px;
}
.mb-25 {
margin-bottom: 25px;
}
.ml-25 {
margin-left: 25px;
}
.sunfw-direction-rtl .ml-25 {
margin-right: 25px;
margin-left: inherit;
}
.mr-25 {
margin-right: 25px;
}
.sunfw-direction-rtl .mr-25 {
margin-left: 25px;
margin-right: inherit;
}
.m-30 {
margin: 30px;
}
.mt-30 {
margin-top: 30px;
}
.mb-30 {
margin-bottom: 30px;
}
.ml-30 {
margin-left: 30px;
}
.sunfw-direction-rtl .ml-30 {
margin-right: 30px;
margin-left: inherit;
}
.mr-30 {
margin-right: 30px;
}
.sunfw-direction-rtl .mr-30 {
margin-left: 30px;
margin-right: inherit;
}
.m-35 {
margin: 35px;
}
.mt-35 {
margin-top: 35px;
}
.mb-35 {
margin-bottom: 35px;
}
.ml-35 {
margin-left: 35px;
}
.sunfw-direction-rtl .ml-35 {
margin-right: 35px;
margin-left: inherit;
}
.mr-35 {
margin-right: 35px;
}
.sunfw-direction-rtl .mr-35 {
margin-left: 35px;
margin-right: inherit;
}
.m-40 {
margin: 40px;
}
.mt-40 {
margin-top: 40px;
}
.mb-40 {
margin-bottom: 40px;
}
.ml-40 {
margin-left: 40px;
}
.sunfw-direction-rtl .ml-40 {
margin-right: 40px;
margin-left: inherit;
}
.mr-40 {
margin-right: 40px;
}
.sunfw-direction-rtl .mr-40 {
margin-left: 40px;
margin-right: inherit;
}
.m-45 {
margin: 45px;
}
.mt-45 {
margin-top: 45px;
}
.mb-45 {
margin-bottom: 45px;
}
.ml-45 {
margin-left: 45px;
}
.sunfw-direction-rtl .ml-45 {
margin-right: 45px;
margin-left: inherit;
}
.mr-45 {
margin-right: 45px;
}
.sunfw-direction-rtl .mr-45 {
margin-left: 45px;
margin-right: inherit;
}
.m-50 {
margin: 50px;
}
.mt-50 {
margin-top: 50px;
}
.mb-50 {
margin-bottom: 50px;
}
.ml-50 {
margin-left: 50px;
}
.sunfw-direction-rtl .ml-50 {
margin-right: 50px;
margin-left: inherit;
}
.mr-50 {
margin-right: 50px;
}
.sunfw-direction-rtl .mr-50 {
margin-left: 50px;
margin-right: inherit;
}
.m-55 {
margin: 55px;
}
.mt-55 {
margin-top: 55px;
}
.mb-55 {
margin-bottom: 55px;
}
.ml-55 {
margin-left: 55px;
}
.sunfw-direction-rtl .ml-55 {
margin-right: 55px;
margin-left: inherit;
}
.mr-55 {
margin-right: 55px;
}
.sunfw-direction-rtl .mr-55 {
margin-left: 55px;
margin-right: inherit;
}
.m-60 {
margin: 60px;
}
.mt-60 {
margin-top: 60px;
}
.mb-60 {
margin-bottom: 60px;
}
.ml-60 {
margin-left: 60px;
}
.sunfw-direction-rtl .ml-60 {
margin-right: 60px;
margin-left: inherit;
}
.mr-60 {
margin-right: 60px;
}
.sunfw-direction-rtl .mr-60 {
margin-left: 60px;
margin-right: inherit;
}
.m-65 {
margin: 65px;
}
.mt-65 {
margin-top: 65px;
}
.mb-65 {
margin-bottom: 65px;
}
.ml-65 {
margin-left: 65px;
}
.sunfw-direction-rtl .ml-65 {
margin-right: 65px;
margin-left: inherit;
}
.mr-65 {
margin-right: 65px;
}
.sunfw-direction-rtl .mr-65 {
margin-left: 65px;
margin-right: inherit;
}
.m-70 {
margin: 70px;
}
.mt-70 {
margin-top: 70px;
}
.mb-70 {
margin-bottom: 70px;
}
.ml-70 {
margin-left: 70px;
}
.sunfw-direction-rtl .ml-70 {
margin-right: 70px;
margin-left: inherit;
}
.mr-70 {
margin-right: 70px;
}
.sunfw-direction-rtl .mr-70 {
margin-left: 70px;
margin-right: inherit;
}
.m-75 {
margin: 75px;
}
.mt-75 {
margin-top: 75px;
}
.mb-75 {
margin-bottom: 75px;
}
.ml-75 {
margin-left: 75px;
}
.sunfw-direction-rtl .ml-75 {
margin-right: 75px;
margin-left: inherit;
}
.mr-75 {
margin-right: 75px;
}
.sunfw-direction-rtl .mr-75 {
margin-left: 75px;
margin-right: inherit;
}
.middle {
top: 50%;
}
.top-0 {
top: 0px;
}
.bottom-0 {
bottom: 0px;
}
.left-0 {
left: 0px;
}
.sunfw-direction-rtl .left-0 {
right: 0px;
left: auto;
}
.right-0 {
right: 0px;
}
.sunfw-direction-rtl .right-0 {
left: 0px;
right: auto;
}
.top-5 {
top: 5px;
}
.bottom-5 {
bottom: 5px;
}
.left-5 {
left: 5px;
}
.sunfw-direction-rtl .left-5 {
right: 5px;
left: auto;
}
.right-5 {
right: 5px;
}
.sunfw-direction-rtl .right-5 {
left: 5px;
right: auto;
}
.top-10 {
top: 10px;
}
.bottom-10 {
bottom: 10px;
}
.left-10 {
left: 10px;
}
.sunfw-direction-rtl .left-10 {
right: 10px;
left: auto;
}
.right-10 {
right: 10px;
}
.sunfw-direction-rtl .right-10 {
left: 10px;
right: auto;
}
.top-15 {
top: 15px;
}
.bottom-15 {
bottom: 15px;
}
.left-15 {
left: 15px;
}
.sunfw-direction-rtl .left-15 {
right: 15px;
left: auto;
}
.right-15 {
right: 15px;
}
.sunfw-direction-rtl .right-15 {
left: 15px;
right: auto;
}
.top-20 {
top: 20px;
}
.bottom-20 {
bottom: 20px;
}
.left-20 {
left: 20px;
}
.sunfw-direction-rtl .left-20 {
right: 20px;
left: auto;
}
.right-20 {
right: 20px;
}
.sunfw-direction-rtl .right-20 {
left: 20px;
right: auto;
}
.top-25 {
top: 25px;
}
.bottom-25 {
bottom: 25px;
}
.left-25 {
left: 25px;
}
.sunfw-direction-rtl .left-25 {
right: 25px;
left: auto;
}
.right-25 {
right: 25px;
}
.sunfw-direction-rtl .right-25 {
left: 25px;
right: auto;
}
.top-30 {
top: 30px;
}
.bottom-30 {
bottom: 30px;
}
.left-30 {
left: 30px;
}
.sunfw-direction-rtl .left-30 {
right: 30px;
left: auto;
}
.right-30 {
right: 30px;
}
.sunfw-direction-rtl .right-30 {
left: 30px;
right: auto;
}
.top-35 {
top: 35px;
}
.bottom-35 {
bottom: 35px;
}
.left-35 {
left: 35px;
}
.sunfw-direction-rtl .left-35 {
right: 35px;
left: auto;
}
.right-35 {
right: 35px;
}
.sunfw-direction-rtl .right-35 {
left: 35px;
right: auto;
}
.top-40 {
top: 40px;
}
.bottom-40 {
bottom: 40px;
}
.left-40 {
left: 40px;
}
.sunfw-direction-rtl .left-40 {
right: 40px;
left: auto;
}
.right-40 {
right: 40px;
}
.sunfw-direction-rtl .right-40 {
left: 40px;
right: auto;
}
.top-45 {
top: 45px;
}
.bottom-45 {
bottom: 45px;
}
.left-45 {
left: 45px;
}
.sunfw-direction-rtl .left-45 {
right: 45px;
left: auto;
}
.right-45 {
right: 45px;
}
.sunfw-direction-rtl .right-45 {
left: 45px;
right: auto;
}
.top-50 {
top: 50px;
}
.bottom-50 {
bottom: 50px;
}
.left-50 {
left: 50px;
}
.sunfw-direction-rtl .left-50 {
right: 50px;
left: auto;
}
.right-50 {
right: 50px;
}
.sunfw-direction-rtl .right-50 {
left: 50px;
right: auto;
}
.top-55 {
top: 55px;
}
.bottom-55 {
bottom: 55px;
}
.left-55 {
left: 55px;
}
.sunfw-direction-rtl .left-55 {
right: 55px;
left: auto;
}
.right-55 {
right: 55px;
}
.sunfw-direction-rtl .right-55 {
left: 55px;
right: auto;
}
.top-60 {
top: 60px;
}
.bottom-60 {
bottom: 60px;
}
.left-60 {
left: 60px;
}
.sunfw-direction-rtl .left-60 {
right: 60px;
left: auto;
}
.right-60 {
right: 60px;
}
.sunfw-direction-rtl .right-60 {
left: 60px;
right: auto;
}
.top-65 {
top: 65px;
}
.bottom-65 {
bottom: 65px;
}
.left-65 {
left: 65px;
}
.sunfw-direction-rtl .left-65 {
right: 65px;
left: auto;
}
.right-65 {
right: 65px;
}
.sunfw-direction-rtl .right-65 {
left: 65px;
right: auto;
}
.top-70 {
top: 70px;
}
.bottom-70 {
bottom: 70px;
}
.left-70 {
left: 70px;
}
.sunfw-direction-rtl .left-70 {
right: 70px;
left: auto;
}
.right-70 {
right: 70px;
}
.sunfw-direction-rtl .right-70 {
left: 70px;
right: auto;
}
.top-75 {
top: 75px;
}
.bottom-75 {
bottom: 75px;
}
.left-75 {
left: 75px;
}
.sunfw-direction-rtl .left-75 {
right: 75px;
left: auto;
}
.right-75 {
right: 75px;
}
.sunfw-direction-rtl .right-75 {
left: 75px;
right: auto;
}
.font-weight-100 {
font-weight: 100;
}
.font-weight-200 {
font-weight: 200;
}
.font-weight-300 {
font-weight: 300;
}
.font-weight-400 {
font-weight: 400;
}
.font-weight-500 {
font-weight: 500;
}
.font-weight-600 {
font-weight: 600;
}
.font-weight-700 {
font-weight: 700;
}
.font-size-1 {
font-size: 1px;
}
.font-size-2 {
font-size: 2px;
}
.font-size-3 {
font-size: 3px;
}
.font-size-4 {
font-size: 4px;
}
.font-size-5 {
font-size: 5px;
}
.font-size-6 {
font-size: 6px;
}
.font-size-7 {
font-size: 7px;
}
.font-size-8 {
font-size: 8px;
}
.font-size-9 {
font-size: 9px;
}
.font-size-10 {
font-size: 10px;
}
.font-size-11 {
font-size: 11px;
}
.font-size-12 {
font-size: 12px;
}
.font-size-13 {
font-size: 13px;
}
.font-size-14 {
font-size: 14px;
}
.font-size-15 {
font-size: 15px;
}
.font-size-16 {
font-size: 16px;
}
.font-size-17 {
font-size: 17px;
}
.font-size-18 {
font-size: 18px;
}
.font-size-19 {
font-size: 19px;
}
.font-size-20 {
font-size: 20px;
}
.font-size-21 {
font-size: 21px;
}
.font-size-22 {
font-size: 22px;
}
.font-size-23 {
font-size: 23px;
}
.font-size-24 {
font-size: 24px;
}
.font-size-25 {
font-size: 25px;
}
.font-size-26 {
font-size: 26px;
}
.font-size-27 {
font-size: 27px;
}
.font-size-28 {
font-size: 28px;
}
.font-size-29 {
font-size: 29px;
}
.font-size-30 {
font-size: 30px;
}
.font-size-31 {
font-size: 31px;
}
.font-size-32 {
font-size: 32px;
}
.font-size-33 {
font-size: 33px;
}
.font-size-34 {
font-size: 34px;
}
.font-size-35 {
font-size: 35px;
}
.font-size-36 {
font-size: 36px;
}
.font-size-37 {
font-size: 37px;
}
.font-size-38 {
font-size: 38px;
}
.font-size-39 {
font-size: 39px;
}
.font-size-40 {
font-size: 40px;
}
.font-size-41 {
font-size: 41px;
}
.font-size-42 {
font-size: 42px;
}
.font-size-43 {
font-size: 43px;
}
.font-size-44 {
font-size: 44px;
}
.font-size-45 {
font-size: 45px;
}
.font-size-46 {
font-size: 46px;
}
.font-size-47 {
font-size: 47px;
}
.font-size-48 {
font-size: 48px;
}
.font-size-49 {
font-size: 49px;
}
.font-size-50 {
font-size: 50px;
}
.display-inline {
display: inline-block;
}
.p-relative {
position: relative;
}
.p-absolute {
position: absolute;
}
.p-fixed {
position: fixed;
}
.p-static {
position: static;
}
.width-5 {
width: 5px;
}
.width-10 {
width: 10px;
}
.width-15 {
width: 15px;
}
.width-20 {
width: 20px;
}
.width-25 {
width: 25px;
}
.width-30 {
width: 30px;
}
.width-35 {
width: 35px;
}
.width-40 {
width: 40px;
}
.width-45 {
width: 45px;
}
.width-50 {
width: 50px;
}
.width-55 {
width: 55px;
}
.width-60 {
width: 60px;
}
.width-65 {
width: 65px;
}
.width-70 {
width: 70px;
}
.width-75 {
width: 75px;
}
.width-80 {
width: 80px;
}
.width-85 {
width: 85px;
}
.width-90 {
width: 90px;
}
.width-95 {
width: 95px;
}
.width-100 {
width: 100px;
}
/* ====================================== */
/* --------------- Offcanvas ------------ */
/* ====================================== */
.off-canvas-base {
position: absolute;
background-color: #f5f5f5;
z-index: 999;
}
.off-canvas-base .close-offcanvas {
z-index: 999;
color: #000;
}
.off-canvas-base .padding-20 a.close-offcanvas {
display: none;
}
.offcanvas-bottom a {
color: #8A91A4;
}
#close-offcanvas {
color: #000;
}
body.offcanvas-open .sunfw-content::before {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
content: "";
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: opacity 0.2s, -webkit-transform 0s 0.2s;
transition: opacity 0.2s, transform 0s 0.2s;
}
body[class*=-open].offcanvas-open .sunfw-content::before {
opacity: 1;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.off-canvas-base {
z-index: 10000;
}
@media (max-width: 767px) {
body.sunfw-offCanvas.is-right-open > .off-canvas-right {
transform: translate3d(0px, 0px, 0px) !important;
}
body.sunfw-offCanvas.is-left-open > .off-canvas-left {
transform: translate3d(0px, 0px, 0px) !important;
}
}
.effect-left-push.is-left-open .sunfw-content {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.effect-left-push.is-left-open.sunfw-direction-rtl .sunfw-content {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
.effect-left-push .off-canvas-left {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
}
.effect-left-push.is-left-open .off-canvas-left {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.effect-right-push.is-right-open .sunfw-content {
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
.effect-right-push.is-right-open.sunfw-direction-rtl .sunfw-content {
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
.effect-right-push .off-canvas-right {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
}
.effect-right-push.is-right-open .off-canvas-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.effect-top-push.is-top-open .sunfw-content {
-webkit-transform: translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0);
}
.effect-top-push .off-canvas-top {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0);
width: 100%;
height: 300px;
}
.effect-top-push.is-top-open .off-canvas-top {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.effect-bottom-push.is-bottom-open .sunfw-content {
-webkit-transform: translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0);
}
.effect-bottom-push .off-canvas-bottom {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0);
width: 100%;
height: 300px;
}
.effect-bottom-push.is-bottom-open .off-canvas-bottom {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
.effect-bottom-push .off-canvas-bottom {
position: fixed;
}
.effect-left-slide .off-canvas-left {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
}
.effect-left-slide.is-left-open .off-canvas-left {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.effect-right-slide .off-canvas-right {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
height: 100%;
}
.effect-right-slide.is-right-open .off-canvas-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.effect-top-slide .off-canvas-top {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, -300px, 0);
transform: translate3d(0, -300px, 0);
width: 100%;
height: 300px;
}
.effect-top-slide.is-top-open .off-canvas-top {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.effect-bottom-slide .off-canvas-bottom {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 300px, 0);
transform: translate3d(0, 300px, 0);
width: 100%;
height: 300px;
}
.effect-bottom-slide.is-bottom-open .off-canvas-bottom {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
.effect-bottom-slide .off-canvas-bottom {
position: fixed;
}
.off-canvas-left .toggle-offcanvas {
right: 0;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.sunfw-direction-rtl .off-canvas-left .toggle-offcanvas {
left: 0;
right: auto;
}
.sunfw-direction-rtl .off-canvas-left .toggle-offcanvas {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.off-canvas-left .toggle-offcanvas.middle {
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
-o-transform: translate(100%, -50%);
transform: translate(100%, -50%);
}
.sunfw-direction-rtl .off-canvas-left .toggle-offcanvas.middle {
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.off-canvas-right .toggle-offcanvas {
left: 0;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.sunfw-direction-rtl .off-canvas-right .toggle-offcanvas {
right: 0;
left: auto;
}
.sunfw-direction-rtl .off-canvas-right .toggle-offcanvas {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.off-canvas-right .toggle-offcanvas.middle {
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.sunfw-direction-rtl .off-canvas-right .toggle-offcanvas.middle {
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
-o-transform: translate(100%, -50%);
transform: translate(100%, -50%);
}
.off-canvas-top .toggle-offcanvas {
transform: translate(0, 100%);
bottom: 0;
}
.off-canvas-top .toggle-offcanvas.center {
transform: translate(-50%, 100%);
}
.off-canvas-bottom .toggle-offcanvas {
top: 0;
transform: translate(0, -100%);
}
.off-canvas-bottom .toggle-offcanvas.center {
transform: translate(-50%, -100%);
}
.toggle-offcanvas {
background: #FFF;
padding: 5px 15px;
line-height: 30px;
text-align: center;
position: absolute;
border: 1px solid rgba(221, 221, 221, 0.5);
}
.toggle-offcanvas .fa-bars {
margin: 0 !important;
line-height: 60px;
}
.toggle-offcanvas:focus {
outline: none;
}
.offcanvas-content .navbar-header {
display: none;
}
.offcanvas-content .sunfw-menu-head.navbar-default .navbar-nav > li:before {
content: none;
}
.offcanvas-content .sunfw-menu-head.navbar-default .navbar-nav > li > a:before {
content: none;
}
.offcanvas-content .sunfw-mega-menu [class*=col-xs-] {
width: 100%;
}
.offcanvas-content .navbar-collapse.sunfw-menu {
display: block !important;
}
.offcanvas-content .sunfw-menu-head.navbar-default {
box-shadow: none;
}
.offcanvas-content > .row {
margin: 0;
}
.offcanvas-content .container {
width: 100%;
}
.offcanvas-content h3.module-title {
padding-left: 20px;
}
.sunfw-direction-rtl .offcanvas-content h3.module-title {
padding-right: 20px;
padding-left: inherit;
}
.offcanvas-content .col-xs-12 {
padding: 0;
}
.offcanvas-content ul.nav.menu li a {
font-size: 14px;
color: #333;
display: block;
padding: 13px 10px 13px 20px;
}
.sunfw-direction-rtl .offcanvas-content ul.nav.menu li a {
padding: 13px 20px 13px 10px;
}
.offcanvas-content ul.nav.menu .nav-child > li:last-child {
border: medium none;
}
.offcanvas-content ul.nav.menu ul {
padding: 0;
list-style: none;
}
.offcanvas-content #login-form {
padding: 10px 15px 0;
}
.offcanvas-content #login-form ul {
padding: 0;
list-style: none;
}
.off-canvas-base {
position: fixed;
}
.off-canvas-base .offcanvas-content {
position: fixed;
top: 0;
bottom: 0;
width: inherit;
background: #fff;
}
.toggle-offcanvas.top {
top: 0;
}
.toggle-offcanvas.bottom {
bottom: 0;
}
.toggle-offcanvas.middle {
top: 50%;
}
.toggle-offcanvas.right {
right: 0;
}
.toggle-offcanvas.left {
left: 0;
}
.toggle-offcanvas.center {
left: 50%;
}
.sunfw-offCanvas .only-mobile {
display: none;
}
@media (max-width: 767px) {
.sunfw-offCanvas .only-mobile {
display: block;
}
.sunfw-offCanvas .only-mobile .close-offcanvas.toggle-offcanvas {
display: block;
}
.offcanvas-content .sunfw-tpl-menu .caret:before {
line-height: 0;
display: flex !important;
}
}
.icons .dropdown-menu {
border: 1px solid #d1d6de;
border-radius: 0;
}
.offcanvas-content {
overflow-y: scroll;
}
.offcanvas-content .sunfw-tpl-menu {
display: flex;
flex-direction: column;
float: none !important;
text-align: left;
}
.sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu {
text-align: right;
}
.offcanvas-content .sunfw-tpl-menu ul {
position: relative !important;
left: 0 !important;
opacity: 1 !important;
border: none !important;
width: 100% !important;
padding: 0 0 0 10px !important;
}
.sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu ul {
right: 0 !important;
left: auto;
}
.offcanvas-content .sunfw-tpl-menu ul ul.dropdown-menu {
display: none;
}
.offcanvas-content .sunfw-tpl-menu li {
width: 100%;
float: none;
}
.offcanvas-content .sunfw-tpl-menu li ul {
height: 0;
overflow: hidden;
}
.offcanvas-content .sunfw-tpl-menu li ul.menuShow {
height: auto;
display: block !important;
box-shadow: none;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.offcanvas-content .sunfw-tpl-menu li a, .offcanvas-content .sunfw-tpl-menu li span.nav-header {
position: relative;
padding: 10px 20px !important;
text-align: left;
}
.sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu li a, .sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu li span.nav-header {
text-align: right;
}
.offcanvas-content .sunfw-tpl-menu li span.nav-header.get-it:not(.btn-outline), .offcanvas-content .sunfw-tpl-menu li a.get-it:not(.btn-outline) {
margin-left: 0 !important;
}
.offcanvas-content .sunfw-tpl-menu li .fa {
margin-right: 5px;
}
.offcanvas-content .sunfw-tpl-menu li span.caret {
position: absolute;
right: 15px !important;
top: 50% !important;
border: none !important;
width: 40px;
height: 40px;
text-align: center;
margin: 0 !important;
line-height: 40px;
transform: translateY(-50%);
cursor: pointer;
}
.sunfw-direction-rtl .offcanvas-content .sunfw-tpl-menu li span.caret {
left: 15px !important;
right: auto;
}
.offcanvas-content .sunfw-tpl-menu li span.caret:before {
content: "" !important;
font-family: FontAwesome;
transform: translate(50%, 50%);
}
.offcanvas-content .sunfw-tpl-menu li span.caret.open:before {
content: "" !important;
}
.offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu .col-xs-3 {
width: 100%;
}
.offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu .pb-grid--automatic > .grid__column:not([class*=-twelfth]) {
-ms-flex: auto;
flex: auto;
-webkit-flex: auto;
width: 100%;
}
.offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul {
height: auto;
overflow: hidden;
}
.offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul > li ul {
height: 0;
overflow: hidden;
}
.offcanvas-content .sunfw-tpl-menu > li.megamenu ul.sunfw-megamenu-sub-menu .sunfw-mega-menu ul > li ul.menuShow {
height: auto;
display: block !important;
box-shadow: none;
}
body .off-canvas-base .toggle-offcanvas.middle {
padding: 0 !important;
border: 2px solid #FFF;
}
@media (max-width: 767px) {
ul.nav > li > a i.fa {
min-width: 15px;
}
}
fieldset#jform_privacyconsent_privacy.radio {
position: relative;
padding-left: 0;
}
fieldset#jform_privacyconsent_privacy.radio input[type=radio] {
margin-left: 0;
width: auto;
height: auto;
display: inline-block;
}
fieldset#jform_privacyconsent_privacy.radio label {
margin-right: 10px;
display: block;
}
fieldset#jform_privacyconsent_privacy.radio label[for*=jform_privacyconsent] {
display: inline-block;
}
label#jform_privacyconsent_privacy-lbl a.modal {
display: inline-block;
position: static;
}
#member-registration .controls input {
margin-bottom: 0;
margin-left: 0;
vertical-align: middle;
}
.sunfw-direction-rtl #member-registration .controls input {
margin-right: 0;
margin-left: inherit;
}
#member-registration .controls label {
padding: 0;
vertical-align: middle;
}
.form-contact .control-group {
margin-bottom: 20px;
zoom: 1;
}
.form-contact .control-group:before {
display: table;
line-height: 0;
content: "";
}
.form-contact .control-group:after {
display: table;
line-height: 0;
content: "";
clear: both;
}
.form-contact .control-label {
float: left;
width: 160px;
padding-top: 5px;
text-align: right;
}
.sunfw-direction-rtl .form-contact .control-label {
float: right;
}
.sunfw-direction-rtl .form-contact .control-label {
text-align: left;
}
.form-contact .controls {
display: inline-block;
padding-left: 20px;
width: calc(100% - 180px);
}
.sunfw-direction-rtl .form-contact .controls {
padding-right: 20px;
padding-left: inherit;
}
.form-contact .controls input, .form-contact .controls textarea {
display: block;
width: 100%;
}
.form-contact .help-block {
margin-bottom: 0;
}
.form-contact input + .help-block, .form-contact select + .help-block, .form-contact textarea + .help-block, .form-contact .uneditable-input + .help-block, .form-contact .input-prepend + .help-block, .form-contact .input-append + .help-block {
margin-top: 10px;
}
.form-contact .form-actions {
padding-left: 180px;
}
.sunfw-direction-rtl .form-contact .form-actions {
padding-right: 180px;
padding-left: inherit;
}
.body.jsn-error-page {
height: 100vh;
width: 100%;
display: flex;
overflow: hidden;
background-image: url(../images/bg-404.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
font-family: Quicksand;
}
@media (min-width: 992px) {
.body.jsn-error-page {
padding-left: 168px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.body.jsn-error-page {
padding-left: 15px;
}
}
.page-404 .pb-custom-html {
padding: 0;
}
.jsn-error-page .jsn-error-inner {
display: flex;
align-items: center;
}
.jsn-error-page .table {
display: table;
width: 100%;
height: 100%;
text-align: left;
background: transparent;
border: none;
}
.jsn-error-page .table .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.jsn-error-page .table .table-cell .content-inner h3 {
font-family: Baloo;
font-size: 50px;
font-weight: bold;
color: #222222;
}
.jsn-error-page .table .table-cell .content-inner p {
font-weight: 500px;
line-height: 1.5;
color: #555555;
margin-bottom: 35px;
}
.jsn-error-page .table .table-cell .content-inner .back-home a {
color: #ffffff;
padding: 15px 26px;
background-color: #d92351;
border-radius: 25px;
border: none;
}
.jsn-error-page .table .table-cell .content-inner .back-home a:hover {
background-color: #b30d00;
}
@media (max-width: 767px) {
.jsn-error-page .table .table-cell .content-inner {
padding: 0 15px;
}
.jsn-error-page .table .table-cell .content-inner h3 {
font-size: 35px;
}
}
.jsn-offline {
border: 1px solid;
border-radius: 4px;
margin: 30px auto 0;
max-width: 400px;
padding: 20px;
}
.jsn-offline .form-login fieldset {
border: none;
}
body.site.offline {
background-size: cover;
background-image: url(../../../templates/jsn_kidzone/images/bg-404.jpg);
}
body.site.offline #content {
display: flex;
height: calc(100vh);
align-items: center;
text-align: center;
justify-content: center;
background-size: cover;
background-repeat: no-repeat;
}
body.site.offline .content-inner h2 {
font-size: 60px;
font-weight: bold;
line-height: 1.5;
text-align: center;
color: #333;
}
body.site.offline .content-inner p {
font-size: 15px;
text-align: center;
color: #333;
margin-bottom: 35px;
line-height: 1.5;
}
body.site.offline .content-inner .countdown-timer .countdown {
width: 80px;
height: 80px;
border: none;
background-color: #ffffff;
border-radius: 5px;
font-size: 40px;
font-weight: bold;
line-height: 80px;
text-align: center;
color: #fff;
margin-bottom: 12px;
background-image: linear-gradient(to bottom, #3d3d3d, #010101);
}
body.site.offline .content-inner .countdown-timer .day-container, body.site.offline .content-inner .countdown-timer .hour-container, body.site.offline .content-inner .countdown-timer .minute-container, body.site.offline .content-inner .countdown-timer .second-container {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: center;
color: #333;
font-weight: bold;
}
body.site.offline .input-group {
margin-right: 10px;
}
body.site.offline .input-group .input-group-prepend {
z-index: 9;
padding: 0px 14px;
background-color: #ffffff;
border: 1px solid #ffffff;
margin-right: -1px;
height: 40px;
line-height: 40px;
border-radius: 5px 0 0 5px;
}
body.site.offline .input-group .pd-left {
border-radius: 0px 5px 5px 0px;
box-shadow: none;
height: 40px;
border: 1px solid #ffffff;
}
body.site.offline .input-group .pd-left:focus {
border-color: #ffffff;
}
body.site.offline .countdown-timer {
margin: 10px 0 40px;
}
body.site.offline .btn-primary {
background-color: #d92351;
color: #fff;
font-size: 14px;
letter-spacing: 0px;
border-radius: 25px;
padding: 0px 20px;
height: 40px;
line-height: 40px;
transition: 0.5s ease-out;
}
body.site.offline .form-inline > .input-group {
display: flex;
float: left;
}
@media (max-width: 767px) {
body.site.offline {
text-align: center;
padding: 0px 10px;
}
body.site.offline .input-group {
margin: 0 0 15px 0;
}
body.site.offline .form-inline > .input-group {
float: none;
}
body.site.offline #form-login {
justify-content: center;
display: flex;
}
body.site.offline .content-inner .countdown-timer .countdown {
width: 60px;
height: 60px;
font-size: 25px;
line-height: 60px;
text-align: center;
margin-bottom: 12px;
}
}
ul.tags {
margin-bottom: 20px;
}
ul.tags li {
padding: 0 2px;
display: inline-block;
margin: 5px 0;
}
.label-info {
border-radius: 15px;
border-width: 1px;
border-style: solid;
font-weight: 500;
padding: 5px 15px;
background-color: #FFFFFF;
font-size: 11px;
text-transform: capitalize;
}
.contact #contact-form {
position: relative;
}
.contact .accordion {
margin-top: 65px;
}
.contact .page-header h2 {
font-size: 32px;
font-weight: normal;
margin-bottom: 20px;
}
.contact .page-header h3 {
font-size: 28px;
margin-bottom: 15px;
}
.contact .page-header h3 span.contact-category {
color: #333333;
}
.contact #selectForm + #slide-contact.accordion {
margin-top: 30px;
}
.contact #contact-form.form-horizontal .control-group {
padding-bottom: 20px;
display: flex;
}
.contact #contact-form.form-horizontal .control-group:before {
display: table;
line-height: 0;
content: " ";
clear: both;
}
.contact #contact-form.form-horizontal .control-group.field-spacer {
padding-bottom: 0;
}
.contact #contact-form.form-horizontal .control-group.field-spacer .control-label {
padding-top: 0;
}
@media (max-width: 768px) {
.contact #contact-form.form-horizontal .control-group.field-spacer .control-label {
width: 100%;
text-align: left;
}
}
.contact #contact-form.form-horizontal .control-group.field-spacer .control-label label#jform_spacer-lbl {
margin-top: 0;
}
.contact #contact-form.form-horizontal .control-group .control-label {
width: 150px;
height: 50px;
line-height: 50px;
margin-right: 20px;
float: left;
padding-top: 5px;
text-align: right;
}
.sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .control-label {
float: right;
}
.sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .control-label {
text-align: left;
}
.contact #contact-form.form-horizontal .control-group .control-label #jform_spacer-lbl {
margin-bottom: 22px;
margin-top: 12px;
}
.contact #contact-form.form-horizontal .control-group .controls {
width: 100%;
clear: both;
position: relative;
}
.contact #contact-form.form-horizontal .control-group .controls input, .contact #contact-form.form-horizontal .control-group .controls textarea {
border-radius: 15px;
-webkit-box-shadow: none;
box-shadow: none;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
width: calc(100% - 30px);
}
.contact #contact-form.form-horizontal .control-group .controls input:focus, .contact #contact-form.form-horizontal .control-group .controls textarea:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact #contact-form.form-horizontal .control-group .controls input:-moz-placeholder, .contact #contact-form.form-horizontal .control-group .controls textarea:-moz-placeholder {
color: #999;
opacity: 1;
}
.contact #contact-form.form-horizontal .control-group .controls input:-ms-input-placeholder, .contact #contact-form.form-horizontal .control-group .controls textarea:-ms-input-placeholder {
color: #999;
}
.contact #contact-form.form-horizontal .control-group .controls input::-webkit-input-placeholder, .contact #contact-form.form-horizontal .control-group .controls textarea::-webkit-input-placeholder {
color: #999;
}
.contact #contact-form.form-horizontal .control-group .controls input::-ms-expand, .contact #contact-form.form-horizontal .control-group .controls textarea::-ms-expand {
border: 0;
background-color: transparent;
}
.contact #contact-form.form-horizontal .control-group .controls input .form-control[disabled], .contact #contact-form.form-horizontal .control-group .controls input fieldset[disabled] .form-control, .contact #contact-form.form-horizontal .control-group .controls textarea .form-control[disabled], .contact #contact-form.form-horizontal .control-group .controls textarea fieldset[disabled] .form-control {
cursor: not-allowed;
}
.contact #contact-form.form-horizontal .control-group #jform_contact_email_copy {
height: auto;
margin-top: 8px;
width: auto;
}
.contact #contact-form.form-horizontal fieldset .control-group:last-child {
display: block;
flex-direction: row-reverse;
justify-content: flex-end;
}
.contact #contact-form.form-horizontal fieldset .control-group:last-child .control-label {
width: auto;
height: auto;
line-height: normal;
position: absolute;
}
@media (min-width: 1024px) {
.contact #contact-form.form-horizontal fieldset .control-group:last-child .control-label {
left: 180px;
}
}
.contact #contact-form.form-horizontal fieldset .control-group:last-child .control-label label.hasPopover, .contact #contact-form.form-horizontal fieldset .control-group:last-child .control-label span.optional {
font-size: 15px;
}
.contact #contact-form.form-horizontal fieldset .control-group:last-child .controls {
width: auto;
position: absolute;
}
@media (min-width: 1024px) {
.contact #contact-form.form-horizontal fieldset .control-group:last-child .controls {
left: 145px;
}
}
.contact #contact-form.form-horizontal fieldset .control-group:last-child .controls input[type=checkbox] {
margin-right: 10px;
}
.contact .accordion-group {
border: 2px solid #ececec;
border-radius: 15px;
margin-bottom: 30px;
overflow: hidden;
}
.contact .accordion-group .accordion-heading {
font-size: 18px;
padding: 0;
line-height: 1;
position: relative;
}
.contact .accordion-group .accordion-heading:after {
content: "";
display: block;
width: 100%;
height: 2px;
background: #ececec;
position: absolute;
}
.contact .accordion-group .accordion-heading a {
font-family: Baloo;
border-radius: 15px 15px 0 0;
background: #f8f8f8;
color: #333333;
font-weight: normal;
font-size: 18px;
padding: 10px 20px;
line-height: normal;
display: block;
}
.contact .accordion-group .accordion-body#display-links .accordion-inner {
padding: 0;
}
.contact .accordion-group .accordion-body#display-links .accordion-inner .contact-links ul li {
border-bottom: 2px solid #ececec;
}
.contact .accordion-group .accordion-body#display-links .accordion-inner .contact-links ul li:last-child {
border: none;
}
.contact .accordion-group .accordion-body .accordion-inner {
padding: 30px;
}
@media (max-width: 1024px) {
.contact .accordion-group .accordion-body .contact-form > form#contact-form fieldset {
margin-bottom: 20px;
}
}
@media (max-width: 375px) {
.contact .accordion-group .accordion-body .contact-form > form#contact-form fieldset {
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.contact .accordion-group .accordion-body .contact-form > form#contact-form .control-group:last-child .control-label {
left: 25px;
}
}
.contact .accordion-group .accordion-body fieldset {
margin: 0;
}
.contact .accordion-group .accordion-body fieldset legend {
margin: 0;
margin-bottom: 20px;
border: none;
padding-bottom: 0;
font-size: 32px;
font-weight: normal;
color: #333333;
font-family: Baloo;
}
.contact .accordion-group button[type=submit] {
position: absolute;
right: 30px;
top: -25px;
}
.sunfw-direction-rtl .contact .accordion-group button[type=submit] {
left: 30px;
right: auto;
}
@media (max-width: 1024px) {
.contact .accordion-group button[type=submit] {
position: static;
}
}
.contact .accordion-group .contact-links ul {
border-bottom: none;
}
.contact .accordion-group .contact-links li {
padding: 15px 30px;
}
.contact .accordion-group .contact-links li:last-child {
border-bottom: none;
}
.contact .accordion-group .contact-links li a {
padding: 0;
border: none;
font-weight: 500;
}
.contact .well {
background: transparent;
box-shadow: none;
border-radius: none;
border: none;
padding: 0;
}
.contact .accordion-inner {
word-wrap: break-word;
}
.contact .accordion-inner .thumbnail {
border: none;
margin: -30px 0 0;
padding: 0;
display: none;
}
.contact .accordion-inner .contact-position {
margin-bottom: 15px;
}
.contact .accordion-inner .contact-position dt {
color: #333333;
}
@media (max-width: 991px) {
.contact .accordion-inner .contact-position {
margin-bottom: 0;
margin-top: 0 !important;
}
}
.contact .accordion-inner .contact-position dt {
width: auto;
}
.contact .accordion-inner .contact-position dd {
margin-left: 85px;
}
.sunfw-direction-rtl .contact .accordion-inner .contact-position dd {
margin-right: 85px;
margin-left: inherit;
}
@media (max-width: 400px) {
.contact .accordion-inner .contact-position dd {
margin-left: 75px;
}
.sunfw-direction-rtl .contact .accordion-inner .contact-position dd {
margin-right: 75px;
margin-left: inherit;
}
}
.contact .accordion-inner .contact-address dt {
width: auto;
}
.contact .accordion-inner .contact-address dd {
margin-left: 85px;
}
.sunfw-direction-rtl .contact .accordion-inner .contact-address dd {
margin-right: 85px;
margin-left: inherit;
}
@media (max-width: 400px) {
.contact .accordion-inner .contact-address dd {
margin-left: 75px;
}
.sunfw-direction-rtl .contact .accordion-inner .contact-address dd {
margin-right: 75px;
margin-left: inherit;
}
}
.contact .accordion-inner .contact-miscinfo dl {
margin-bottom: 0;
}
.contact .accordion-inner .contact-miscinfo .dl-horizontal dt {
width: auto;
}
.contact .accordion-inner .contact-miscinfo .dl-horizontal dd {
margin-left: 25px;
}
.sunfw-direction-rtl .contact .accordion-inner .contact-miscinfo .dl-horizontal dd {
margin-right: 25px;
margin-left: inherit;
}
.contact .contact-links .nav > li > a:hover, .contact .contact-links .nav > li > a:focus {
background: transparent;
}
.contact .accordion-heading {
padding: 10px 0;
}
.contact a:focus {
outline: none;
}
/* ---------- Single Contact Category ----------- */
.contact-category ul {
list-style: none;
padding: 0;
}
.contact-category ul [class*=span]:not(.list-title) {
display: none;
}
.contact-category ul [class*=span].list-title {
padding-left: 0;
padding-right: 0;
margin-bottom: -8px;
}
.contact-category ul [class*=span].list-title a {
font-weight: bold;
}
.contact-category fieldset.filters {
margin-bottom: 25px;
}
.contact-category fieldset.filters .btn-group {
padding: 0;
}
.contact-category fieldset.filters select#limit,
.contact-category fieldset.filters input#filter-search {
width: auto;
}
/* ---------- Contact Page ----------- */
.jsn-master .jsn-narrow .jsn-row-container label + .controls {
overflow: hidden;
}
.jsn-contact-form {
max-width: 650px;
margin: 0 auto;
}
.jsn-contact-form .jsn-master .jsn-bootstrap .form-actions {
padding: 2px;
margin: 0;
}
.jsn-contact-form .hidden-label label {
display: none !important;
}
.jsn-contact-form .mess-input textarea {
padding-top: 15px;
}
.jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group {
display: flex;
flex-direction: row;
justify-content: center;
}
.jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls {
display: flex;
flex: 0 0 100%;
}
.jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls .help-block {
margin-bottom: 0;
}
.jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls input:not([type=checkbox]), .jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group .controls textarea {
width: 100%;
}
.jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group[class*=address] .controls {
display: block;
}
.jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group[class*=address] .controls input[type=text] {
width: calc(100% - 20px);
}
.jsn-contact-form .jsn-uniform .jsn-bootstrap .form-horizontal .control-group[class*=address] .controls select.jsn-input-xlarge-fluid {
width: 100%;
height: 37px;
}
.jsn-contact-form .form-horizontal .control-label {
float: left;
}
.jsn-contact-form .jsn-master .jsn-text-center {
display: none;
}
.login {
border-radius: 0;
display: flex;
justify-content: center;
}
.login > form {
border: none;
border-radius: 0;
margin-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
background: transparent;
}
.login > form button,
.login > form input[type=text],
.login > form input[type=password] {
min-width: 100%;
}
.login .control-group {
margin-bottom: 20px;
}
.login .control-group ul.nav-tabs {
padding-top: 0;
}
.login .control-group ul.nav-tabs > li:first-child {
padding-top: 0;
}
.login .control-group ul.nav-tabs > li:first-child a {
padding-top: 0;
}
.login .login-description img {
display: block;
margin: 20px 0;
}
.login .form-horizontal .control-label {
margin-right: 10px;
padding-top: 0;
}
.sunfw-direction-rtl .login .form-horizontal .control-label {
margin-left: 10px;
margin-right: inherit;
}
.login .control-group #remember {
height: auto;
width: auto;
vertical-align: middle;
}
.login .control-group label {
vertical-align: middle;
}
.login .nav.nav-stacked > li > a {
border: none;
background: transparent;
padding-bottom: 0;
}
.login .nav.nav-stacked > li > a:hover {
border: none;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
button[type=submit] + .btn {
border-width: 2px;
border-style: solid;
background-color: #cfcfcf;
font-weight: bold;
height: 50px;
padding: 14px 54px;
}
.profile-edit .control-label,
.login .control-label,
#user-registration .control-label,
#member-registration .control-label {
text-align: right;
float: left;
width: 125px;
text-align: right;
clear: left;
word-break: break-word;
}
.sunfw-direction-rtl .profile-edit .control-label,
.sunfw-direction-rtl .login .control-label,
.sunfw-direction-rtl #user-registration .control-label,
.sunfw-direction-rtl #member-registration .control-label {
text-align: left;
}
.profile-edit .controls,
.login .controls,
#user-registration .controls,
#member-registration .controls {
margin-left: 145px;
}
.sunfw-direction-rtl .profile-edit .controls,
.sunfw-direction-rtl .login .controls,
.sunfw-direction-rtl #user-registration .controls,
.sunfw-direction-rtl #member-registration .controls {
margin-right: 145px;
margin-left: inherit;
}
@media (min-width: 767px) {
.profile-edit .controls,
.login .controls,
#user-registration .controls,
#member-registration .controls {
width: 330px;
}
}
.profile-edit .controls .btn,
.login .controls .btn,
#user-registration .controls .btn,
#member-registration .controls .btn {
font-family: Baloo;
font-weight: normal;
}
.profile-edit .controls input:-moz-placeholder, .profile-edit .controls textarea:-moz-placeholder, .profile-edit .controls .chzn-container:-moz-placeholder,
.login .controls input:-moz-placeholder,
.login .controls textarea:-moz-placeholder,
.login .controls .chzn-container:-moz-placeholder,
#user-registration .controls input:-moz-placeholder,
#user-registration .controls textarea:-moz-placeholder,
#user-registration .controls .chzn-container:-moz-placeholder,
#member-registration .controls input:-moz-placeholder,
#member-registration .controls textarea:-moz-placeholder,
#member-registration .controls .chzn-container:-moz-placeholder {
color: #999;
opacity: 1;
}
.profile-edit .controls input:-ms-input-placeholder, .profile-edit .controls textarea:-ms-input-placeholder, .profile-edit .controls .chzn-container:-ms-input-placeholder,
.login .controls input:-ms-input-placeholder,
.login .controls textarea:-ms-input-placeholder,
.login .controls .chzn-container:-ms-input-placeholder,
#user-registration .controls input:-ms-input-placeholder,
#user-registration .controls textarea:-ms-input-placeholder,
#user-registration .controls .chzn-container:-ms-input-placeholder,
#member-registration .controls input:-ms-input-placeholder,
#member-registration .controls textarea:-ms-input-placeholder,
#member-registration .controls .chzn-container:-ms-input-placeholder {
color: #999;
}
.profile-edit .controls input::-webkit-input-placeholder, .profile-edit .controls textarea::-webkit-input-placeholder, .profile-edit .controls .chzn-container::-webkit-input-placeholder,
.login .controls input::-webkit-input-placeholder,
.login .controls textarea::-webkit-input-placeholder,
.login .controls .chzn-container::-webkit-input-placeholder,
#user-registration .controls input::-webkit-input-placeholder,
#user-registration .controls textarea::-webkit-input-placeholder,
#user-registration .controls .chzn-container::-webkit-input-placeholder,
#member-registration .controls input::-webkit-input-placeholder,
#member-registration .controls textarea::-webkit-input-placeholder,
#member-registration .controls .chzn-container::-webkit-input-placeholder {
color: #999;
}
.profile-edit .controls input::-ms-expand, .profile-edit .controls textarea::-ms-expand, .profile-edit .controls .chzn-container::-ms-expand,
.login .controls input::-ms-expand,
.login .controls textarea::-ms-expand,
.login .controls .chzn-container::-ms-expand,
#user-registration .controls input::-ms-expand,
#user-registration .controls textarea::-ms-expand,
#user-registration .controls .chzn-container::-ms-expand,
#member-registration .controls input::-ms-expand,
#member-registration .controls textarea::-ms-expand,
#member-registration .controls .chzn-container::-ms-expand {
border: 0;
background-color: transparent;
}
.profile-edit .controls input .form-control[disabled], .profile-edit .controls input fieldset[disabled] .form-control, .profile-edit .controls textarea .form-control[disabled], .profile-edit .controls textarea fieldset[disabled] .form-control, .profile-edit .controls .chzn-container .form-control[disabled], .profile-edit .controls .chzn-container fieldset[disabled] .form-control,
.login .controls input .form-control[disabled],
.login .controls input fieldset[disabled] .form-control,
.login .controls textarea .form-control[disabled],
.login .controls textarea fieldset[disabled] .form-control,
.login .controls .chzn-container .form-control[disabled],
.login .controls .chzn-container fieldset[disabled] .form-control,
#user-registration .controls input .form-control[disabled],
#user-registration .controls input fieldset[disabled] .form-control,
#user-registration .controls textarea .form-control[disabled],
#user-registration .controls textarea fieldset[disabled] .form-control,
#user-registration .controls .chzn-container .form-control[disabled],
#user-registration .controls .chzn-container fieldset[disabled] .form-control,
#member-registration .controls input .form-control[disabled],
#member-registration .controls input fieldset[disabled] .form-control,
#member-registration .controls textarea .form-control[disabled],
#member-registration .controls textarea fieldset[disabled] .form-control,
#member-registration .controls .chzn-container .form-control[disabled],
#member-registration .controls .chzn-container fieldset[disabled] .form-control {
cursor: not-allowed;
}
.profile-edit .control-group:last-child,
.login .control-group:last-child,
#user-registration .control-group:last-child,
#member-registration .control-group:last-child {
margin-bottom: 0;
}
@media (min-width: 767px) {
#member-registration .controls {
width: 365px;
}
}
.remind > form > fieldset > p {
margin-bottom: 30px;
}
.remind .control-group {
max-width: 370px;
}
.reset input[type=text] {
width: 100%;
}
.reset .control-group {
max-width: 370px;
}
.registration #member-registration fieldset + fieldset {
margin-bottom: 60px;
}
.registration #member-registration .control-group .control-label span.spacer {
margin-bottom: 20px;
display: block;
}
#user-registration,
#member-registration {
margin-bottom: 0;
padding: 0;
background-color: transparent;
border: none;
box-shadow: none;
position: relative;
}
#user-registration .control-group,
#member-registration .control-group {
margin-bottom: 20px;
}
#user-registration .control-group:before,
#member-registration .control-group:before {
display: table;
content: " ";
clear: both;
}
#user-registration legend,
#member-registration legend {
font-family: Teko;
font-weight: bold;
color: #222222;
}
.remind button,
.reset button {
min-width: 100%;
}
.remind input[type=email],
.reset input[type=email] {
width: calc(100%);
}
.profile legend {
text-align: left;
}
.profile .btn-toolbar {
margin-bottom: -40px;
padding-left: 0;
background: #fff;
}
.sunfw-direction-rtl .profile .btn-toolbar {
padding-right: 0;
padding-left: inherit;
}
.profile dt, .profile dd {
line-height: 30px;
}
.profile .dl-horizontal dd {
min-width: 200px;
text-align: left;
}
.sunfw-direction-rtl .profile .dl-horizontal dd {
text-align: right;
}
.profile [id^=users-profile-] {
clear: both;
text-align: center;
}
.profile [id^=users-profile-] dl.dl-horizontal {
display: inline-block;
}
.profile-edit .control-group {
margin-bottom: 20px;
}
.profile-edit .control-group .controls button[type=button] {
border: none;
margin-top: 15px;
}
@media (max-width: 375px) {
.profile-edit .control-group .controls button[type=button] {
margin-top: 10px;
}
}
.profile-edit .control-group .controls .chzn-container {
min-width: 360px;
}
.profile-edit .well {
background: transparent;
box-shadow: none;
border-radius: none;
border: none;
padding: 0;
}
.profile-edit legend,
.profile legend {
margin-bottom: 25px;
font-family: Baloo;
font-size: 22px;
color: #333333;
}
[id*=member-] input[name*="jform[easydiscussprofile]"] {
max-width: 360px;
}
[id*=member-] input[type=email], [id*=member-] input[type=password], [id*=member-] input[type=text], [id*=member-] textarea {
min-width: 360px;
}
.sunfw-login-nav .nav {
padding-top: 10px;
border: none;
}
.sunfw-login-nav .nav li a {
padding: 5px 0;
border: none;
}
.sunfw-login-nav .nav li a:hover {
background: transparent;
border: none;
}
.disable-responsive .container {
width: 960px !important;
}
@media (min-width: 992px) {
.container-fluid .layout-item {
margin-left: -15px;
margin-right: -15px;
}
}
@media (max-width: 1366px) {
body.coming-soon {
height: 100%;
}
}
@media (min-width: 768px) and (max-width: 1366px) {
.calendar-container table table select, .calendar-container table select {
padding: 0;
}
.calendar-container .time td {
padding: 8px;
}
.item-page.edit .calendar-container button.btn:not(.btn-primary) {
padding: 15.5px 11px;
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
nav.navbar.sunfw-menu-head ul.navbar-nav > li > span.nav-header:not(.get-it), nav.navbar.sunfw-menu-head ul.navbar-nav > li > a:not(.get-it) {
padding: 26px 12px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
body.disable-responsive .pb-grid--doubling.pb-grid--two-columns > .grid__column {
width: 50%;
}
body.disable-responsive .pb-eight-twelfths {
width: 66.666%;
}
body.disable-responsive .pb-four-twelfths {
width: 33.333%;
}
body.disable-responsive .pb-grid--four-columns > .grid__column {
width: 25%;
}
nav.navbar.sunfw-menu-head {
margin: 0;
}
}
@media (min-width: 991px) {
.sunfw-menu-head li.megamenu > .caret {
display: none;
}
}
@media (max-width: 1199px) {
#finder-search fieldset > input[type=text] {
margin-bottom: 15px;
}
body.coming-soon .sunfw-content {
width: 100%;
}
}
@media (max-width: 991px) {
.contact .accordion-inner .contact-position {
margin-top: 30px;
}
.contact .accordion-inner .contact-position * {
margin-top: 0;
}
.contact .dl-horizontal dt {
float: left;
width: 80px;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.contact .dl-horizontal dd {
margin-left: 100px;
}
.contact #contact-form.form-horizontal .control-group .controls input,
.contact #contact-form.form-horizontal .control-group .controls textarea {
width: 230px;
}
#sunfw_section_bottom .module-style[class*=richbox-] {
margin-bottom: 30px;
}
[id*=member-] input[name*="jform[easydiscussprofile]"] {
max-width: 100%;
}
[id*=member-] input[type=email], [id*=member-] input[type=password], [id*=member-] input[type=text], [id*=member-] textarea {
min-width: 100%;
}
.contact .accordion-group button[type=submit] {
position: static;
}
}
@media (min-device-width: 768px) and (max-device-width: 991px) {
nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent > span.nav-header:not(.get-it) span.caret,
nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent > a:not(.get-it) span.caret {
display: inline;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
border: none;
}
nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent > span.nav-header:not(.get-it) span.caret:before,
nav.navbar.sunfw-menu-head ul.navbar-nav > li.parent > a:not(.get-it) span.caret:before {
content: "";
}
}
@media (max-width: 767px) {
.item-page .content_rating {
float: none;
}
.sunfw-social li a i {
margin: 0 6px;
}
ul.menu-divmenu li a {
padding: 0 10px;
}
.sunfw-social ul {
margin: 0 -7px;
}
.layout-item .items-row {
margin-bottom: 0;
}
.layout-item .items-row:last-child [class*=col-xs-]:last-child {
margin-bottom: 0;
}
.items-row [class*=col-xs-] {
width: 100%;
margin-bottom: 30px;
}
.sunfw-logo {
padding: 10px 0;
}
.sunfw-logo img.logo {
display: block;
margin: 0 auto;
}
.sunfw-pos-right .module-style:first-child {
margin-top: 30px;
}
.remind button,
.reset button,
.login > form button {
min-width: 100%;
}
textarea, input[type=text]:not([name*=filter]), input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color],
.chzn-container-single .chzn-single {
width: 100%;
}
.filters .btn-group {
width: 100%;
}
.filters .btn-group.pull-right {
width: calc(100% - 10px);
}
.filters input[type=text][name=filter-search] {
margin-bottom: 20px;
}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
padding: 10px;
}
.edit.item-page .chzn-container-multi .chzn-choices,
.edit.item-page select:not(.time), .edit.item-page textarea, .edit.item-page input[type=text], .edit.item-page input[type=password], .edit.item-page input[type=datetime], .edit.item-page input[type=datetime-local], .edit.item-page input[type=date], .edit.item-page input[type=month], .edit.item-page input[type=time], .edit.item-page input[type=week], .edit.item-page input[type=number], .edit.item-page input[type=email], .edit.item-page input[type=url], .edit.item-page input[type=search], .edit.item-page input[type=tel], .edit.item-page input[type=color],
.edit.item-page .chzn-container-single .chzn-single {
min-width: 235px;
width: 100%;
}
.edit.item-page .chzn-container-single .chzn-search input[type=text] {
min-width: 100%;
}
.edit.item-page .calendar-container table {
max-width: 235px;
}
.edit.item-page #metadata .control-label,
.edit.item-page #publishing .control-label {
flex: 0 0 32%;
}
.edit.item-page form#adminForm .toggle-editor .btn {
margin-bottom: 80px;
}
.table {
table-layout: fixed;
overflow-y: hidden;
min-height: 0.01%;
overflow-x: scroll;
overflow-y: hidden;
webkit-overflow-scrolling: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #d5d6d8;
text-overflow: ellipsis;
}
.table.table-bordered {
border: none;
}
.registration #member-registration .control-group,
.profile-edit .control-group {
max-width: 100%;
}
.registration #member-registration > .control-group .controls {
margin-left: 0;
}
.sunfw-direction-rtl .registration #member-registration > .control-group .controls {
margin-right: 0;
margin-left: inherit;
}
.contact .accordion-group fieldset legend {
margin: 0;
}
.contact #contact-form.form-horizontal .control-group .control-label {
float: none;
text-align: left;
}
.sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .control-label {
text-align: right;
}
.contact #contact-form.form-horizontal .control-group .controls {
margin-left: 0;
}
.sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group .controls {
margin-right: 0;
margin-left: inherit;
}
.contact #contact-form.form-horizontal .control-group .controls input, .contact #contact-form.form-horizontal .control-group .controls textarea {
width: 100%;
}
.contact #contact-form.form-horizontal .control-group:last-child {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.contact #contact-form.form-horizontal .control-group:last-child #jform_contact_email_copy {
margin-right: 10px;
}
.sunfw-direction-rtl .contact #contact-form.form-horizontal .control-group:last-child #jform_contact_email_copy {
margin-left: 10px;
margin-right: inherit;
}
.jsn-contact-form .jsn-master .jsn-bootstrap .form-actions {
margin-right: -25px;
}
.sunfw-direction-rtl .jsn-contact-form .jsn-master .jsn-bootstrap .form-actions {
margin-left: -25px;
margin-right: inherit;
}
.jsn-contact-form .jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls {
display: block;
}
.jsn-contact-form .jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls input:not([type=checkbox]) {
width: calc(90% - 5px) !important;
}
.jsn-contact-form .jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea {
width: calc(90% - 5px) !important;
}
.jsn-counter-wrap .info .number {
font-size: 25px;
line-height: 50px;
width: 50px;
height: 50px;
}
.sunfw-scrollup {
padding: 10px 15px;
}
#sunfw_section_bottom .module-style {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.sunfw-logo {
padding: 2px 0;
}
.sunfw-logo img {
text-align: center;
margin: 20px auto 0;
}
.sunfw-logo img.bottom-logo {
margin: 0;
}
nav.navbar.sunfw-menu-head ul.navbar-nav {
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
nav.navbar.sunfw-menu-head ul.navbar-nav {
float: none;
display: flex;
justify-content: center;
}
.show-search input[type=search] {
width: 65% !important;
}
#jtwrap.tjBs3 .pin {
width: 50%;
}
ul.menu-divmenu li a {
padding: 0 10px;
}
.sunfw-social li a i {
margin: 0 6px;
}
}
@media (max-width: 380px) {
#sunfw-master #recaptcha_table {
width: 250px !important;
}
input#search-searchword[type=text] {
margin-bottom: 20px;
}
.remind button,
.remind input[type=email],
.reset button,
.reset input[type=email] {
min-width: 100%;
}
.article-index {
width: 100%;
margin: 0 0 20px;
}
.marginright-15 {
margin-right: 15px;
}
.sunfw-direction-rtl .marginright-15 {
margin-left: 15px;
margin-right: inherit;
}
}
@media (max-width: 320px) {
#finder-search button.btn {
margin-bottom: 10px;
}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
padding: 10px 5px;
}
.table {
font-size: 0.9em;
}
.table.category th {
font-size: 1em;
}
.badge {
padding: 4px 8px;
}
.jsn-counter-wrap .info .number {
font-size: 20px;
line-height: 40px;
width: 40px;
height: 40px;
}
.jsn-counter-wrap .info .title {
font-size: 11px;
}
}
.contentpane {
padding: 20px;
}
/*# sourceMappingURL=template.css.map */