@font-face { font-family: 'wpsm-icons'; src: url(//matriek.co.za/wp-content/plugins/table-maker/font/wpsm-icons.eot?-jgkfsj); src: url(//matriek.co.za/wp-content/plugins/table-maker/font/wpsm-icons.eot?#iefix-jgkfsj) format('embedded-opentype'),  url(//matriek.co.za/wp-content/plugins/table-maker/font/wpsm-icons.woff?-jgkfsj) format('woff'),  url(//matriek.co.za/wp-content/plugins/table-maker/font/wpsm-icons.ttf?-jgkfsj) format('truetype'),  url(//matriek.co.za/wp-content/plugins/table-maker/font/wpsm-icons.svg?-jgkfsj#wpsm-icons) format('svg'); font-weight: normal; font-style: normal; }.wpsm-comptable i.wpsm-table-icon { font-family: 'wpsm-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }.wpsm-icon-heart:before { content: "\e601"; color: #cc0000; font-size: 22px; }.wpsm-icon-star:before { content: "\e602"; color: #FFBF00; font-size: 22px; }.wpsm-icon-star-empty:before { content: "\e607"; color: #FFBF00; font-size: 22px; }.wpsm-icon-lock:before { content: "\e600"; font-size: 18px; }.wpsm-icon-tick:before { content: "\e603"; color: #06C29F; font-size: 22px; }.wpsm-icon-cross:before { content: "\e604"; color: #cc0000; font-size: 22px; }.wpsm-icon-info:before { content: "\e605"; color: #13B3E3; font-size: 16px; }.wpsm-icon-warning:before { content: "\e606"; color: #FF6A00; font-size: 18px; }.wpsm-comptable-wrap { margin: 25px 0; overflow: auto; }.wpsm-comptable { border-collapse: separate; margin: 0; width: 100%; border-spacing: 0; max-width: 100%; border:1px solid transparent; }.wpsm-comptable th, .wpsm-comptable td { padding: 15px; box-sizing: border-box; }.wpsm-comptable th { border-right: 1px solid #cdcdcd; background: #707070; text-align: left; font-weight: 700; border: none; color: #fff }.wpsm-comptable td { background: #fff; border: 1px solid #e8e8e8; border-width: 0px 1px 1px 0px; color: #111; min-width: 120px; vertical-align: middle; position: relative; }.wpsm-comptable.center-table-align td, .wpsm-comptable.center-table-align th { text-align: center; vertical-align: middle; }.wpsm-comptable td ul li, .wpsm-comptable td ul { margin: 0; list-style: disc inside none; }.wpsm-comptable td:first-child { border-left-width: 1px; }.wpsm-comptable td img { max-width: 250px; max-height: 250px; padding: 15px }.wpsm-comptable td:hover, .wpsm-comptable td.betterhover, .wpsm-comptable tr:hover td { background-color: #f8f8f8; }.wpsm-comptable .subheader td { font-weight: 600; }.hover-col1 tr td:first-child { background-color: #f8f8f8; min-width: 140px; text-align: left; }.wpsm-comptable td .wpsm-button{margin: 10px 15px; white-space: nowrap;}  .wpsm-thead-default th { background-color: #707070; color: #fff; border-color: #f8f8f8; }.wpsm-thead-default th:last-child { border-right-color: #707070; }.wpsm-thead-black th { background-color: #000; color: #fff; border-color: rgb(226, 226, 226); }.wpsm-thead-black th:last-child { border-right-color: #000; }.wpsm-thead-yellow th { background-color: #fd0; color: #000; border-color: rgb(226, 226, 226); }.wpsm-thead-yellow th:last-child { border-right-color: #fd0; }.wpsm-thead-blue th { background-color: #00aae9; color: #fff; border-color: rgb(226, 226, 226); }.wpsm-thead-blue th:last-child { border-right-color: #00aae9; }.wpsm-thead-red th { background-color: #dd0007; color: #fff; border-color: rgb(226, 226, 226); }.wpsm-thead-red th:last-child { border-right-color: #dd0007; }.wpsm-thead-green th { background-color: #77bb0f; color: #fff; border-color: rgb(226, 226, 226); }.wpsm-thead-green th:last-child { border-right-color: #77bb0f; }.wpsm-thead-orange th { background-color: #fb7203; color: #fff; border-color: rgb(226, 226, 226); }.wpsm-thead-orange th:last-child { border-right-color: #fb7203; }.wpsm-thead-purple th { background-color: #662d91; color: #fff; border-color: rgb(226, 226, 226); }.wpsm-thead-purple th:last-child { border-right-color: #662d91; }.wpsm-comptable .subheader td:first-child, .hover-col1 .subheader td:first-child { background-color: #eaeaea; }.stacktable { width: 100%; }.wpsm-comptable th.st-head-row { background-color: #eee; color: black; border-left-width: 1px; font-weight: 400;position: relative; }.wpsm-comptable .st-key { width: 48%; text-align: right !important; padding-right: 2%; }.wpsm-comptable .st-key.wpsm-spec-heading{text-align: left !important;    background-color: #F4F4F4;}.wpsm-comptable .st-val { width: 48%; padding-left: 2%; text-align: left !important; }.wpsm-comptable .subheader th.st-head-row { font-weight: 700; background-color: #eaeaea; }.wpsm-comptable th.st-head-row-main { display: none; }.wpsm-comptable .wpsm-bar, .wpsm-comptable .wpsm-bar-title span, .wpsm-comptable .wpsm-bar-bar, .wpsm-comptable .wpsm-bar-percent{height: 20px; line-height: 20px} .wpsm-comptable .wpsm-bar{margin-bottom: 10px}.wpsm-comptable .wpsm-bar-title span {padding: 0 12px}.wpsm-comptable .editor_selected_row td:first-child{border-left:3px solid #77B21D;}.wpsm-comptable .editor_selected_row td:last-child{border-right:3px solid #77B21D;}.wpsm-comptable .editor_selected_row td:not(.st-key):not(.st-val){border-bottom:3px solid #77B21D;border-top:3px solid #77B21D;}.editor_selected_row .st-head-row{border: 3px solid #77B21D !important; border-bottom: none !important;}.wpsm-comptable td.editor_selected_col, .wpsm-comptable th.editor_selected_col{border-left:3px solid #77B21D;border-right:3px solid #77B21D;}.wpsm-comptable th.editor_selected_col{background-color: #77B21D !important; color: #fff !important}.wpsm-comptable tr:last-child td.editor_selected_col{border-bottom:3px solid #77B21D;}.badge_div_col_img{position: absolute;background: url(//matriek.co.za/wp-content/plugins/table-maker/img/editor_badge.png);width: 65px;height: 65px;top: 10px;right: 10px;} .stacktable.large-only { display: table; }.stacktable.small-only { display: none; }@media (max-width: 800px) {.stacktable.large-only { display: none; }.stacktable.small-only { display: table; }.hover-col1 tr:hover { background-color: #f8f8f8; }}#primary-menu {
text-transform: uppercase;
font-family:"Work Sans",Sans-serif;
}
.main-header-bar .button-custom-menu-item .ast-custom-button-link .ast-custom-button{
text-transform:uppercase;
font-size:1em;
font-weight:700;
}
@media (max-width: 360px) {
.hero-heading.elementor-widget.elementor-widget-heading > div > h2 {
font-size: 22px;
}
#post-4265 > div > div > div > div > section.elementor-element.elementor-element-2f3bfc7.elementor-section-full_width.elementor-section-height-min-height.elementor-section-content-middle.elementor-section-height-default.elementor-section-items-middle.elementor-section.elementor-top-section > div.elementor-container.elementor-column-gap-no > div > div > div > div > div.elementor-element.elementor-element-ff5bacf.hero-subtitle.elementor-widget.elementor-widget-heading > div > h3 {
font-size: 14px;
}
}
div .ast-row a{font-weight:500 !important;}
div .ast-row a:hover{font-weight:500 !important;
color:#264365;} .explore-menu #menu-options,
.explore-menu #menu-info {
list-style: none;
}
.explore-menu .menu-item {
border: 1px solid white;
border-bottom: none;
padding: 20px;
text-align: center;
width: 60%;
margin: auto;
background-color:#264365;
}
.explore-menu .menu-item:hover {
background: #43648B;
}
.explore-menu #menu-item-8438,
.explore-menu #menu-item-8515 {
border-bottom: 1px solid white;
}
.explore-menu .menu-item > a {
color: #fff;
font-family: "Work Sans", Sans-serif;
font-size: 18px;
text-decoration: none;
text-transform:uppercase;
}
@media (max-width: 767px) {
.explore-menu .menu-item {
width: 100%;
}
}
.matric-content-menu {
width: 100%; }   body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {
width: 100%;
border:rgba(0,0,0,.3) 1px solid;
margin-bottom: 10px;
border-radius: 10px;
padding: 10px !important;
font-size:16px;
}
body .gform_wrapper ul li {
margin-top:0px !important;
padding-right:0px;
} body .gform_wrapper .gform_body .gform_fields .gfield select {
width: 100%;
height: 100%;
border:rgba(0,0,0,.3) 1px solid;
margin-bottom: 10px;
border-radius: 10px;
padding: 10px !important;
font-weight:500;
} body .gform_wrapper .gform_footer input[type=submit] {
background: #BA1B1B;
color: #fff;
font-weight: 700;
font-size: 18px;
text-transform:uppercase;
transition: all .125s ease-in;
padding: .5em 1.2em;
width: 100%;
border-radius:10px !important;
box-sizing: border-box;
padding: 10px;
}
body .gform_wrapper .gform_footer input[type=submit]:hover {
background: #EF5C5C;
} body .gform_wrapper .gform_body .gform_fields .gfield textarea {
width:100%;
border-radius:10px;
border:rgba(0,0,0,.3) 2px solid;
box-sizing:border-box;
padding: 10px;
color: #999;
margin-bottom: 5px;
text-transform:uppercase;
}
#input_6_6,
#input_6_7 {
text-align: left;
font-size: 18px;
font-weight: 500;
}
.gform_wrapper #input_6_6 li label,
.gform_wrapper #input_6_7 li label {
max-width: 100%;
text-align:left;
padding-right:30px;
}
.gform_wrapper {
font-family: "Work Sans", Sans-serif;
color: #75758a;
font-weight: 400;
}  .custom-tab .elementor-element .elementor-tab-content {
border-top: none;
border-width: 0;
}
.custom-tab .elementor-tabs-wrapper .elementor-active { background: #264365;
border: none;
color: #fff !important;
}
.custom-tab div.elementor-tab-title {
background: #43648B;
border: none;
color: #fff !important;
width: 1%;
border-right: 1px solid #264365;
}
.custom-tab div.elementor-tab-title::before,
.custom-tab div.elementor-tab-title::after {
border-width: 0;
}
.custom-tab div.elementor-tabs-content-wrapper {
margin-top: 1px;
border-top: none;
border: 1px solid #BA1B1B;
}
@media (max-width: 767px) {
.custom-tab div.elementor-tab-title {
width: 100%;
}
}  .matric-h1 {
position: absolute;
color: #fff;
font-size: 39px;
text-align: center;
top: 40%;
}
.matric-content-hero-overlay {
background-color: #000000;
opacity: 0.5;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
height: 100%;
width:100%;
position: absolute;
}
#matric-content-hero {
height: 480px;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-size: 100%;
border-style: solid;
border-width: 0px 0px 10px 0px;
border-color: #BA1B1B;
position: relative;
}
.matric-hero-buttons {
position: relative;
display: grid;
grid-template-columns: 50% 50%;
width: 75%;
top: 15%;
}
.matric-hero-buttons div {
padding: 10px;
}
.matric-hero-button {
font-family: "Work Sans", Sans-serif;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
}
.matric-hero-button button {
width: 100%;
background-color: rgba(140,204,0,0);
border-radius: 10px 10px 10px 10px;
padding: 4% 4% 4% 4%;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #ffffff;
}
.matric-hero-button button:hover {
background-color: rgba(255,255,255,0.26);
}
.matric-content-button {
width: 100%; border: none;
border-radius: 0;
background: black;
}
.matric-content-button:hover {
background: black;
}
.matric-content-button h5 {
color: white;
font-family: 'Montserrat',sans-serif;
font-weight: 300;
font-size: 18px;
}
.container {    
display: grid;
grid-template-columns: 33.3% 33.3% 33.3%;
}
.matric-content-menu-footer {
background-image: url(https://www.matric.co.za/wp-content/uploads/2019/06/adult-blur-chair-196649-1.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.matric-content-menu-div { display: grid;
grid-template-columns: 50% 50%;
padding: 45px 0;
position: relative;
}
@media (max-width: 767px) {
#matric-content-hero {
height: 230px;
}
.matric-content-menu-div,
.container,
.matric-hero-buttons {    
display: grid;
grid-template-columns: 100%; 
}
.matric-hero-buttons {
top: 20%;
}
.matric-content-btn-outskirts { border-right: none;
border-bottom: 1px solid #fff;
}
.matric-h1 {
top: 5%;
padding: 0 15px;
}
}
.matric-content-btn-outskirts { border-right: 1px solid #fff;
} .matric-content-menu-div h2 {
text-align: center;
margin-bottom: 25px;
color: black;
}
.matric-content-menu-footer-overlay {
background-color: #ffffff;
opacity: 0.9;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
padding: 0;
} #gform_widget-2 {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #999999;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
border-radius: 10px 10px 10px 10px;
padding: 15px;
} .jet-popup.jet-popup--front-mode .jet-popup__container-inner {
background:none;
}
.jet-popup.jet-popup--front-mode .jet-popup__overlay {
background-color:rgba(0,0,0,0.8)
}