File: /home/clinicamaciel/www/wp-content/plugins/trx_addons/css/trx_addons.front.css
/* Preloader
-----------------------------------------------------------------*/
#page_preloader {
background-color:#f0f0f0;
background-position:center;
background-repeat:no-repeat;
position:fixed;
z-index:1000000;
left:0; top:0; right:0; bottom:0;
opacity: 0.8;
}
.preloader_wrap {
position:absolute;
display:inline-block;
left:50%;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
}
.preloader_wrap > div {
height: 10px;
width: 10px;
background-color: #efa758;
}
/* Circle */
.preloader_wrap > div[class*="preloader_circ"] {
margin-right:5px;
border-radius: 50%;
display: inline-block;
-webkit-animation: preloader-circle 0.7s infinite ease-in-out;
animation: preloader-circle 0.7s infinite ease-in-out;
}
.preloader_wrap > div.preloader_circ2 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.preloader_wrap > div.preloader_circ3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.preloader_wrap > div.preloader_circ4 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.preloader_wrap > div.preloader_circ5 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
@-webkit-keyframes preloader-circle {
0%, 40%, 100% { -webkit-transform: translateY(-10px) }
20% { -webkit-transform: translateY(-20px) }
}
@keyframes preloader-circle {
0%, 40%, 100% {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
} 20% {
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
}
}
/* Square */
.preloader_wrap .preloader_square {
width: 50px;
height: 50px;
}
.preloader_wrap > div.preloader_square1,
.preloader_wrap > div.preloader_square2 {
position: absolute;
top: 0;
left: 0;
-webkit-animation: preloader-square 1.8s infinite ease-in-out;
animation: preloader-square 1.8s infinite ease-in-out;
}
.preloader_wrap > div.preloader_square2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes preloader-square {
25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
100% { -webkit-transform: rotate(-360deg) }
}
@keyframes preloader-square {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
/* Scroll to top
--------------------------------------------------------------- */
.trx_addons_scroll_to_top {
display:block;
position: fixed;
z-index: 100001;
width: 3em;
height: 3em;
line-height: 3em;
text-align:center;
bottom: -4em;
right: 2em;
background: #fff;
border: 1px solid #eee;
cursor: pointer;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0;
}
.trx_addons_scroll_to_top:before {
margin:0 !important;
}
.trx_addons_scroll_to_top.show {
opacity: 1;
bottom: 2em;
}
@media (max-width: 959px) {
.trx_addons_scroll_to_top { right: 1em; }
.trx_addons_scroll_to_top.show {bottom: 1em;}
}
/* jQuery UI widgets reset
-------------------------------------------------------------- */
div.ui-widget,
div.ui-widget .ui-widget,
div.ui-widget .ui-widget-header,
div.ui-widget .ui-widget-content,
div.ui-accordion .ui-accordion-header,
div.ui-widget button,
div.ui-widget input,
div.ui-widget select,
div.ui-widget textarea,
div.ui-state-default,
div.ui-widget-content .ui-state-default,
div.ui-widget-header .ui-state-default {
font-family: inherit;
font-size: 1em;
line-height:inherit;
}
div.ui-widget,
div.ui-widget .ui-widget,
div.ui-widget .ui-widget-header,
div.ui-widget .ui-widget-content,
div.ui-accordion .ui-accordion-header,
div.ui-state-default,
div.ui-widget-content .ui-state-default,
div.ui-widget-header .ui-state-default {
color: inherit;
background: none;
border-style: none;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
div.ui-datepicker {
background-color: #fff;
}
div.ui-accordion .ui-accordion-header {
padding: 0;
}
div.ui-accordion .ui-accordion-header-icon {
display: none;
}
div.ui-tabs,
div.ui-tabs .ui-tabs-nav {
padding: 0;
}
div.ui-tabs .ui-tabs-nav li {
float: none;
margin: 0;
}
div.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float:none;
}
/* Tabs
------------------------------------------------------ */
.trx_addons_tabs .trx_addons_tabs_content+.trx_addons_tabs_content {
display:none;
}
.trx_addons_tabs .trx_addons_tabs_titles li:before {
display:none;
}
.trx_addons_tabs .trx_addons_tabs_titles li {
display:inline-block;
font-size:0.8462em;
line-height: 1.7273em;
font-weight:700;
padding: 0;
margin: 0;
border: none;
text-transform:uppercase;
position:relative;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.trx_addons_tabs .trx_addons_tabs_titles li+li {
margin-left: 1em;
}
.trx_addons_tabs .trx_addons_tabs_titles li.ui-tabs-active:after {
content:' ';
display:block;
position:absolute;
left:0;
right:0;
bottom: -2px;
height: 2px;
background-color:#000;
}
.trx_addons_tabs .trx_addons_tabs_titles li.trx_addons_tabs_title > a {
padding: 0;
float: none;
}
.trx_addons_tabs .trx_addons_tabs_content {
padding:0;
border: none;
overflow:hidden;
}
.trx_addons_tabs_with_titles .trx_addons_tabs_content {
padding-top: 1.5em;
font-family:inherit;
font-size:1em;
line-height:inherit;
background:none;
}
/* Range Slider
------------------------------------------------------ */
.trx_addons_range_slider {
position: relative;
font-family:inherit;
font-size:1em;
line-height:inherit;
margin-top: 1em;
margin-bottom: 1.5em;
}
.trx_addons_range_slider_label {
font-size: 0.75em;
font-weight: bold;
line-height: 1em;
position: absolute;
z-index:1;
bottom: -1.5em;
}
.trx_addons_range_slider_label_min {
left: 0;
color: #aaa;
}
.trx_addons_range_slider_label_max {
right: 0;
color: #aaa;
}
.trx_addons_range_slider_label_cur {
left: 0;
bottom: auto;
top: -1.5em;
-webkit-transform:translateX(-25%);
-ms-transform:translateX(-25%);
transform:translateX(-25%);
}
.trx_addons_range_slider_label_cur + .trx_addons_range_slider_label_cur {
-webkit-transform:translateX(-75%);
-ms-transform:translateX(-75%);
transform:translateX(-75%);
}
div.ui-slider {
position:relative;
text-align:left;
background-color: #f7f7f7;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
div.ui-slider .ui-slider-handle {
position:absolute;
z-index:2;
width:1em;
height:1em;
cursor:default;
-ms-touch-action:none;
touch-action:none;
border: 1px solid #ddd;
background-color: #e7e7e7;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
div.ui-slider .ui-slider-range {
position:absolute;
z-index:1;
font-size:.7em;
display:block;
border:0;
background-position:0 0;
background-color: #f0f0f0;
}
div.ui-slider.ui-state-disabled .ui-slider-handle,
div.ui-slider.ui-state-disabled .ui-slider-range {
filter:inherit
}
div.ui-slider-horizontal {
height:.8em
}
div.ui-slider-horizontal .ui-slider-handle {
top:-.2em;
margin-left:-.5em
}
div.ui-slider-horizontal .ui-slider-range {
top:0;
height:100%
}
div.ui-slider-horizontal .ui-slider-range-min {
left:0
}
div.ui-slider-horizontal .ui-slider-range-max {
right:0
}
div.ui-slider-vertical {
width:.8em;
height:100px
}
div.ui-slider-vertical .ui-slider-handle {
left:-.3em;
margin-left:0;
margin-bottom:-.6em
}
div.ui-slider-vertical .ui-slider-range {
left:0;
width:100%
}
div.ui-slider-vertical .ui-slider-range-min {
bottom:0
}
div.ui-slider-vertical .ui-slider-range-max {
top:0
}
/* Popup forms
--------------------------------------------------------------- */
a.trx_addons_popup_link:before {
display: inline-block;
line-height:inherit;
margin-right:0.4em;
}
.trx_addons_popup {
position:relative;
margin:0 auto;
font-family:inherit;
font-size: 1em;
line-height:inherit;
width: 460px;
height: 310px;
background-color:#f7f7f7;
background-image:none;
color: #888;
border:1px solid #ccc;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.trx_addons_popup button.mfp-close {
background-color: transparent;
color: #292929;
border-bottom: 1px solid #ccc;
height: 50px;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.trx_addons_popup .trx_addons_tabs_titles {
margin-right:44px;
}
.trx_addons_popup .trx_addons_tabs_titles li.trx_addons_tabs_title {
width:50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
border-width: 0 1px 1px 0;
background-color:#ddd;
background-image: none;
float: none;
padding:0;
margin:0;
}
.trx_addons_popup .trx_addons_tabs_titles li.trx_addons_tabs_title > a {
display:block;
width: 100%;
height: 49px;
line-height:49px;
font-size: 18px;
font-weight:400;
text-align:center;
}
.trx_addons_popup .trx_addons_tabs_titles li.trx_addons_tabs_title > a > i {
display: inline-block;
line-height:inherit;
margin-right:0.5em;
}
.trx_addons_popup .trx_addons_tabs_titles li.trx_addons_tabs_title[data-disabled="true"] a,
.trx_addons_popup .trx_addons_tabs_titles li.trx_addons_tabs_title[data-disabled="true"] a > i {
color: #a0a0a0;
cursor: not-allowed;
}
.trx_addons_popup .trx_addons_tabs_titles li.trx_addons_tabs_title.ui-tabs-active {
background-color:#f7f7f7;
border-bottom-color: transparent;
padding:0;
margin:0;
}
.trx_addons_popup .trx_addons_tabs_titles li.trx_addons_tabs_title.ui-tabs-active:after {
bottom: auto;
top: -1px;
left: -1px;
height: 2px;
}
.trx_addons_popup .trx_addons_tabs_titles + .trx_addons_tabs_content,
.trx_addons_popup .trx_addons_tabs_titles + .trx_addons_tabs_content + .trx_addons_tabs_content {
padding: 2em 1.5em;
position:relative;
}
.trx_addons_left_side,
.trx_addons_right_side {
display: block;
float:left;
width: 50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.trx_addons_left_side {
padding-right: 1em;
}
.trx_addons_right_side {
padding-left: 1em;
}
.trx_addons_popup_form_wrap form {
position:static;
}
.trx_addons_popup_form_field .sc_form_field {
margin-bottom:0.8667em;
}
.trx_addons_popup_form_field_remember,
.trx_addons_popup_form_field_agree,
.trx_addons_popup_form_field_pwd_description {
font-size: 0.8667em;
letter-spacing:0;
margin: 0;
}
.trx_addons_popup_form_field_forgot_password {
margin-right: 1em;
}
.trx_addons_popup_form_field_submit {
clear:both;
padding-top: 1.5em;
}
.trx_addons_popup_form_field_submit .submit_button {
padding: 1em 2em;
}
.trx_addons_popup .wp-social-login-provider-list {
padding: 12px 0;
}
.trx_addons_popup .wp-social-login-provider-list a {
margin: 0 2px 2px 0;
}
@media (max-width: 479px) {
.trx_addons_popup {
width: 300px;
height: auto;
}
.trx_addons_left_side,
.trx_addons_right_side {
display: block;
float:none;
width: 100%;
padding:0;
}
.trx_addons_right_side {
padding-top: 2em;
}
}
/* Message box
--------------------------------------------------------------- */
.trx_addons_message_box {
display:none;
position:absolute;
z-index:1000;
left:50%;
top:50%;
max-width:80%;
padding: 2em;
line-height:1.2em;
border: 1px solid #07759C;
background-color:#B6DDF3;
color: #07759C;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
-webkit-box-shadow: 4px 4px 16px 0px rgba(0, 0, 200, 0.3);
-ms-box-shadow: 4px 4px 16px 0px rgba(0, 0, 200, 0.3);
box-shadow: 4px 4px 16px 0px rgba(0, 0, 200, 0.3);
}
form .trx_addons_message_box {
min-width:60%;
}
.trx_addons_message_box_error {
border: 1px solid #A00000;
background-color:#FDCDCD;
color: #A00000;
-webkit-box-shadow: 4px 4px 16px 0px rgba(200, 0, 0, 0.3);
-ms-box-shadow: 4px 4px 16px 0px rgba(200, 0, 0, 0.3);
box-shadow: 4px 4px 16px 0px rgba(200, 0, 0, 0.3);
}
.trx_addons_message_box_success {
border: 1px solid #00A000;
background-color:#CDFDCD;
color: #00A000;
-webkit-box-shadow: 4px 4px 16px 0px rgba(0, 200, 0, 0.3);
-ms-box-shadow: 4px 4px 16px 0px rgba(0, 200, 0, 0.3);
box-shadow: 4px 4px 16px 0px rgba(0, 200, 0, 0.3);
}
.trx_addons_message_box p {
margin:0;
line-height:1.2em;
}
.trx_addons_message_box p+p {
margin-top: 0.2em;
}
/* Magnific popup
----------------------------------------------------------------*/
html {
overflow-y: scroll !important;
}
.mfp-bg {
background:#fff;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #888;
}
.mfp-figure figcaption {
margin-bottom:40px !important;
height:40px;
padding:0 16px;
overflow:hidden;
background-color:rgba(255,255,255,0.8);
}
.mfp-figure figcaption .mfp-bottom-bar {
left: 16px;
right:16px;
margin-top:-30px;
width:auto;
}
.mfp-title, .mfp-counter {
color:#888;
}
.wp-caption a[class*="magnific"],
.wp-caption a[class*="prettyPhoto"] {
display: block;
}
.wp-caption a[class*="magnific"] img,
.wp-caption a[class*="prettyPhoto"] img {
vertical-align: top;
}
/* Breadcrumbs
-----------------------------------------------------------------*/
.breadcrumbs {
font-size: 13px;
line-height: 19px;
}
.breadcrumbs .breadcrumbs_item {
display:inline-block;
vertical-align:top;
white-space:nowrap;
}
.breadcrumbs .breadcrumbs_delimiter {
display:inline-block;
position:relative;
margin: 0 0.45em;
vertical-align:top;
text-align:center;
}
.breadcrumbs .breadcrumbs_delimiter:before {
content:'/';
}
/* Post's counters
-----------------------------------------------------------------*/
[class^="trx_addons_icon-"]:before, [class*=" trx_addons_icon-"]:before {
margin:0;
width: auto;
}
.post_counters_likes.disabled,
.comment_counters_likes.disabled {
color:#e05100;
}
.post_counters_item:before {
vertical-align:top;
line-height:inherit;
margin:0 0.2em 0 0;
}
.post_counters_item,
.comment_counters_item {
margin-left: 0.5em;
}
.post_counters_item .post_counters_number,
.comment_counters .comment_counters_number {
margin: 0 0.25em;
}
/* Social icons
-----------------------------------------------------------------*/
/* Socials share */
.socials_share {
position:relative;
vertical-align:top;
}
.socials_share.socials_wrap {
margin:0;
}
.socials_share .socials_caption {
display:inline-block;
margin-right:1em;
}
.socials_share .socials_caption:before {
content:'\e802';
font-family: 'trx_addons_icons';
margin-right:0.4em;
}
.socials_share.socials_type_drop .socials_caption {
margin-right:0;
}
.socials_share.socials_type_drop .social_items {
display:none;
position:absolute;
z-index:1000;
right:0;
bottom: 3em;
border:1px solid #eee;
background-color:#ffffff;
padding: 1em 1.5em;
max-width:10em;
line-height:2em;
text-align:left;
}
.socials_share.socials_type_drop .social_items:before {
content:' ';
display:block;
position:absolute;
z-index:1;
right: 20%;
bottom: -5px;
width: 8px;
height: 8px;
border-bottom:1px solid #eee;
border-left:1px solid #eee;
background-color:#ffffff;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.socials_share.socials_type_drop .social_item {
display:block;
text-align:left;
margin:0;
white-space:nowrap;
}
.socials_share.socials_type_drop .social_item+.social_item {
margin-left:0;
}
.socials_share.socials_type_drop .social_item .social_icon {
width:auto;
height:auto;
line-height:inherit;
background-color: transparent !important;
text-align:left;
}
.socials_share.socials_type_drop .social_item .social_icon span {
margin-left:0;
margin-right:0.75em;
width:1em;
display:inline-block;
line-height:1em;
}
/* No posts section
-----------------------------------------------------------------*/
.trx_addons_no_posts .trx_addons_no_posts_title {
margin-top: 0;
}
/* Widgets decoration
-----------------------------------------------------------------*/
/* Widgets with posts */
.widget_area .post_item,
aside .post_item {
overflow:hidden;
text-align:left;
margin-bottom: 0;
background-color: transparent;
position:relative;
}
aside .post_item + .post_item {
border-top:1px solid #e5e5e5;
margin-top:2.5em;
padding-top:2.5em;
}
.widget_area .post_item .post_content,
aside .post_item .post_content {
overflow:hidden;
}
.widget_area .post_item .post_thumb,
aside .post_item .post_thumb {
float:left;
width: 5em;
height: 5em;
margin:0 1em 4px 0;
overflow:hidden;
}
.widget_area .post_item .post_thumb img,
aside .post_item .post_thumb img {
width:100%;
}
.widget_area .post_item .post_title,
aside .post_item .post_title {
margin: -2px 0 4px 0;
text-align:left;
}
.widget_area .post_item .post_info,
aside .post_item .post_info {
font-size:0.9231em;
margin-bottom:0;
}
.widget_area .post_item .post_info .post_info_item+.post_info_item:before,
aside .post_item .post_info .post_info_item+.post_info_item:before {
content: "";
margin:0 0 0 5px;
}
.widget_area .post_item .post_categories,
aside .post_item .post_categories {
font-size:11px;
font-weight:400;
line-height:15px;
margin-top:-2px;
margin-bottom:0.7em;
position:relative;
padding-right:3em;
text-transform:uppercase;
}
.widget_area .post_item .post_categories .post_info_counters,
aside .post_item .post_categories .post_info_counters {
position:absolute;
right: 0;
top: 0;
}
.widget_area .post_item .post_categories .post_info_counters .post_counters_label,
aside .post_item .post_categories .post_info_counters .post_counters_label {
display:none;
}
/* Widgets with bg image */
aside.widget_fullwidth {
padding:0 !important;
}
aside.widget_bg_image {
background-repeat:no-repeat;
background-position:center;
background-size: cover;
position:relative;
padding: 2.6429em 3.1429em;
}
aside.widget_bg_image:before {
content:' ';
position:absolute;
z-index:1;
left:0;
top:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0.6);
}
aside.widget_bg_image .widget_title,
aside.widget_bg_image .widget_content {
position:relative;
z-index:2;
}
aside.widget_bg_image .widget_title,
aside.widget_bg_image a,
aside.widget_bg_image li,
aside.widget_bg_image li a {
color: #ffffff;
}
/* Common styles
-------------------------------------------------------------- */
.trx_addons_stretch_height {
min-height: 100vh;
}
.trx_addons_hidden {
display:none;
}
/* Columns grid
-------------------------------------------------------------- */
.trx_addons_columns_wrap {
margin-left: 0px; /* -15px; */
margin-right: -30px; /* -15px; */
}
.trx_addons_columns_wrap > [class*="trx_addons_column-"] {
/* Old way: floating columns */
/* float: left;*/
/* New way: inline blocks */
/* Warning: remove spaces between column's tags:
Right: Wrong:
<div class="trx_addons_columns_wrap"><div class="trx_addons_column-1_2"> <div class="columns_wrap">
<div class="trx_addons_column-1_2">
... ...
</div><div class="trx_addons_column-1_2"> </div>
<div class="trx_addons_column-1_2">
... ...
</div></div> </div>
</div>
*/
display:inline-block;
vertical-align:top;
position: relative;
min-height: 1px;
padding-left: 0px; /* 15px; */
padding-right: 30px; /* 15px; */
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.trx_addons_columns_wrap.columns_padding_left {
margin-left: -30px;
margin-right: 0;
}
.trx_addons_columns_wrap.columns_padding_left > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_left {
padding-left:30px;
padding-right:0;
}
.trx_addons_columns_wrap.columns_padding_right {
margin-left: 0;
margin-right: -30px;
}
.trx_addons_columns_wrap.columns_padding_right > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_right {
padding-left:0;
padding-right:30px;
}
.trx_addons_columns_wrap.columns_padding_center {
margin-left: -15px;
margin-right: -15px;
}
.trx_addons_columns_wrap.columns_padding_center > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_center {
padding-left:15px;
padding-right:15px;
}
.trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_bottom {
padding-bottom: 30px;
}
.trx_addons_columns_wrap.no_margin {
margin-left: 0 !important;
margin-right: 0 !important;
}
.trx_addons_columns_wrap.no_margin > [class*="trx_addons_column-"] {
padding: 0 !important;
}
/* Columns width */
.trx_addons_column-1, .trx_addons_column-1_1, .trx_addons_column-2_2,
.trx_addons_column-3_3, .trx_addons_column-4_4, .trx_addons_column-5_5,
.trx_addons_column-6_6, .trx_addons_column-7_7, .trx_addons_column-8_8,
.trx_addons_column-9_9, .trx_addons_column-10_10, .trx_addons_column-11_11,
.trx_addons_column-12_12 { width:100%; }
.trx_addons_column-1_2, .trx_addons_column-2_4, .trx_addons_column-3_6,
.trx_addons_column-4_8, .trx_addons_column-5_10, .trx_addons_column-6_12 { width:50%; }
.trx_addons_column-1_3, .trx_addons_column-2_6, .trx_addons_column-3_9,
.trx_addons_column-4_12 { width:33.33333333%; }
.trx_addons_column-2_3, .trx_addons_column-4_6, .trx_addons_column-8_12 { width:66.66666667%; }
.trx_addons_column-1_4, .trx_addons_column-2_8, .trx_addons_column-3_12 { width:25%; }
.trx_addons_column-3_4, .trx_addons_column-6_8, .trx_addons_column-9_12 { width:75%; }
.trx_addons_column-1_5, .trx_addons_column-2_10 { width:20%; }
.trx_addons_column-2_5, .trx_addons_column-4_10 { width:40%; }
.trx_addons_column-3_5, .trx_addons_column-6_10 { width:60%; }
.trx_addons_column-4_5, .trx_addons_column-8_10 { width:80%; }
.trx_addons_column-1_6, .trx_addons_column-2_12 { width:16.66666667%; }
.trx_addons_column-5_6, .trx_addons_column-10_12 { width:83.33333333%; }
.trx_addons_column-1_7 { width:14.28571429%; }
.trx_addons_column-2_7 { width:28.57142857%; }
.trx_addons_column-3_7 { width:42.85714286%; }
.trx_addons_column-4_7 { width:57.14285714%; }
.trx_addons_column-5_7 { width:71.42857143%; }
.trx_addons_column-6_7 { width:85.71428571%; }
.trx_addons_column-1_8 { width:12.5%; }
.trx_addons_column-3_8 { width:37.5%; }
.trx_addons_column-5_8 { width:62.5%; }
.trx_addons_column-7_8 { width:87.5%; }
.trx_addons_column-1_9 { width:11.11111111%; }
.trx_addons_column-2_9 { width:22.22222222%; }
.trx_addons_column-3_9 { width:33.33333333%; }
.trx_addons_column-4_9 { width:44.44444444%; }
.trx_addons_column-5_9 { width:55.55555556%; }
.trx_addons_column-6_9 { width:66.66666667%; }
.trx_addons_column-7_9 { width:77.77777778%; }
.trx_addons_column-8_9 { width:88.88888889%; }
.trx_addons_column-1_10 { width:10%; }
.trx_addons_column-3_10 { width:30%; }
.trx_addons_column-7_10 { width:70%; }
.trx_addons_column-9_10 { width:90%; }
.trx_addons_column-1_11 { width: 9.09090909%; }
.trx_addons_column-2_11 { width:18.18181818%; }
.trx_addons_column-3_11 { width:27.27272727%; }
.trx_addons_column-4_11 { width:36.36363636%; }
.trx_addons_column-5_11 { width:45.45454545%; }
.trx_addons_column-6_11 { width:54.54545455%; }
.trx_addons_column-7_11 { width:63.63636364%; }
.trx_addons_column-8_11 { width:72.72727273%; }
.trx_addons_column-9_11 { width:81.81818182%; }
.trx_addons_column-10_11 { width:90.90909091%; }
.trx_addons_column-1_12 { width: 8.33333333%; }
.trx_addons_column-5_12 { width:41.66666667%; }
.trx_addons_column-7_12 { width:58.33333333%; }
.trx_addons_column-11_12 { width:91.66666667%; }
.clearfix:before,
.clearfix:after,
.trx_addons_columns_wrap:before,
.trx_addons_columns_wrap:after {
content: " ";
display: table;
}
.clearfix:after,
.trx_addons_columns_wrap:after {
clear: both;
width:100%;
height:0;
display:block;
}
@media (min-width: 768px) and (max-width: 1279px) {
/* Grid */
.trx_addons_container, .trx_addons_container-fluid {
padding-left: 15px;
padding-right: 15px;
}
.trx_addons_columns_wrap {
margin-right: -30px;
}
.trx_addons_columns_wrap > [class*="trx_addons_column-"] {
padding-right: 30px;
}
.trx_addons_columns_wrap.columns_padding_left {
margin-left: -30px;
}
.trx_addons_columns_wrap.columns_padding_left > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_left {
padding-left: 30px;
}
.trx_addons_columns_wrap.columns_padding_right {
margin-right: -30px;
}
.trx_addons_columns_wrap.columns_padding_right > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_right {
padding-right:30px;
}
.trx_addons_columns_wrap.columns_padding_center {
margin-left: -15px;
margin-right: -15px;
}
.trx_addons_columns_wrap.columns_padding_center > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_center {
padding-left:30px;
}
.trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_bottom {
padding-bottom: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
/* Grid */
.trx_addons_container, .trx_addons_container-fluid {
padding-left: 10px;
padding-right: 10px;
}
.trx_addons_columns_wrap {
margin-right: -20px;
}
.trx_addons_columns_wrap > [class*="trx_addons_column-"] {
padding-right: 20px;
}
.trx_addons_columns_wrap.columns_padding_left {
margin-left: -20px;
}
.trx_addons_columns_wrap.columns_padding_left > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_left {
padding-left: 20px;
}
.trx_addons_columns_wrap.columns_padding_right {
margin-right: -20px;
}
.trx_addons_columns_wrap.columns_padding_right > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_right {
padding-right:20px;
}
.trx_addons_columns_wrap.columns_padding_center {
margin-left: -10px;
margin-right: -10px;
}
.trx_addons_columns_wrap.columns_padding_center > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_center {
padding-left:20px;
}
.trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_bottom {
padding-bottom: 0; /*20px;*/
}
/* Columns relayout (max 2 columns in the row) */
.trx_addons_columns_wrap:not(.columns_fluid) > [class*="trx_addons_column-"] {
width:50%;
}
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-1_1,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-2_2,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-3_3,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-4_4,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-5_5,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-6_6,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-7_7,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-8_8,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-9_9,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-10_10,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-11_11,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-12_12,
/* .trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-1_3:nth-child(3n),*/
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-2_3,
/* .trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-1_3.after_span_2,*/
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-3_4,
/* .trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-1_4.after_span_3,*/
/* .trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-1_5:nth-child(5n),*/
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-2_5,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-3_5,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-4_5,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-2_6,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-3_6,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-4_6,
.trx_addons_columns_wrap:not(.columns_fluid) > .trx_addons_column-5_6 {
width:100%;
}
.trx_addons_columns_wrap:not(.columns_fluid) > [class*="trx_addons_column-"]:nth-child(2n+3),
.trx_addons_columns_wrap:not(.columns_fluid) > [class*="trx_addons_column-"]:nth-child(2n+4) {
padding-top: 20px;
}
}
@media (max-width: 479px) {
/* Grid */
.trx_addons_container, .trx_addons_container-fluid {
padding-left: 5px;
padding-right: 5px;
}
.trx_addons_columns_wrap {
margin-right: -10px;
}
.trx_addons_columns_wrap > [class*="trx_addons_column-"] {
padding-right: 10px;
}
.trx_addons_columns_wrap.columns_padding_left {
margin-left: -10px;
}
.trx_addons_columns_wrap.columns_padding_left > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_left {
padding-left: 10px;
}
.trx_addons_columns_wrap.columns_padding_right {
margin-right: -10px;
}
.trx_addons_columns_wrap.columns_padding_right > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_right {
padding-right:10px;
}
.trx_addons_columns_wrap.columns_padding_center {
margin-left: -5px;
margin-right: -5px;
}
.trx_addons_columns_wrap.columns_padding_center > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_center {
padding-left:10px;
}
.trx_addons_columns_wrap.columns_padding_bottom > [class*="trx_addons_column-"],
.trx_addons_columns_wrap > [class*="trx_addons_column-"].columns_padding_bottom {
padding-bottom: 0; /*10px;*/
}
/* trx_addons_columns relayout (no trx_addons_columns) */
.trx_addons_columns_wrap:not(.columns_fluid) > [class*="trx_addons_column-"] {
width:100%;
}
.trx_addons_columns_wrap.columns_fluid > [class*="trx_addons_column-"] {
width:50%;
}
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-1_1,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-2_2,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-3_3,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-4_4,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-5_5,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-6_6,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-7_7,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-8_8,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-9_9,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-10_10,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-11_11,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-12_12,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-1_3:nth-child(3n),
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-2_3,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-1_3.after_span_2,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-3_4,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-1_4.after_span_3,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-1_5:nth-child(5n),
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-2_5,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-3_5,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-4_5,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-2_6,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-3_6,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-4_6,
.trx_addons_columns_wrap.columns_fluid > .trx_addons_column-5_6 {
width:100%;
}
.trx_addons_columns_wrap:not(.columns_fluid) > [class*="trx_addons_column-"]+[class*="trx_addons_column-"],
.trx_addons_columns_wrap.columns_fluid > [class*="trx_addons_column-"]:nth-child(2n+3),
.trx_addons_columns_wrap.columns_fluid > [class*="trx_addons_column-"]:nth-child(2n+4) {
padding-top: 20px;
}
}