/*
Theme Name: FroPro
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for FroPro.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fropro
Tags: one-column, two-columns, custom-menu, featured-images
*/

@font-face {
  font-family: 'Signpainter';
  src: url('/wp-content/themes/fropro/fonts/SignPainter-HouseScript.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/themes/fropro/fonts/SignPainter-HouseScript.ttf')  format('truetype'), /* Safari, Android, iOS */
}

.menubar .container {max-width: 95%;}
a.schoolrange {background: #00aff5;padding: 15px 10px !important;font-size: 16px !important;
}
body {font-family: 'NexaLight'; color:#000; overflow-x:hidden}
img {max-width:100%; height:auto;}
a {color:#ff2d8c; transition:all linear 0.2s; -webkit-transition:all linear 0.2s;}
a:hover, a:focus {color:#000; text-decoration:none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'NexaBold';}
section {padding:50px 0;}
section.register {width: 80%; margin: 0 auto; padding: 50px 20px; display:flex; flex-wrap: wrap;}
section.callout {width: 80%;margin: -100px auto 0px auto;padding: 50px 20px;background: url(https://fropro.com.au/wp-content/uploads/2021/01/Swirl_Background.png);background-size: auto 100%;background-position: center;background-repeat: no-repeat;}
section.about { margin-top:100px;}
.text-danger {color:#ff2d8c !important;}
.text-primary {color:#00aeef !important;}
.heading_style { font-family: 'EdoSZ';}
.sec_title {text-align:center; margin-bottom:45px; text-transform:uppercase;}
.form-control {border-radius:0;}
.form-control:focus, .btn:focus {box-shadow:none;}
.topcontainer {position: absolute;top: 15%;left: 25%;width: 50%;text-align: center;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center;}
img.aligncenter { text-align:center; position:relative; left:50%; transform:translate(-50%); -webkit-transform:translate(-50%);}
.alignnone { float:none;}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:0;border-radius:4px;-webkit-border-radius:4px}
.wp-caption img{margin:0;padding:0;border:0}
.wp-caption p.wp-caption-text{font-size:12px;padding:0 5px;margin:0}
.sticky {position:relative;}
.gallery-caption {}
.bypostauthor {}

.navigation {overflow:hidden}
.clear { clear:both;}
.clear1 { clear:both; padding:1px 0 0;}
.clear5 { clear:both; padding:3px 0 2px;}
.clear10 { clear:both; padding:5px 0;}
.clear15 { clear:both; padding:8px 0 7px;}
.clear20 { clear:both; padding:10px 0;}
.clear30 { clear:both; padding:15px 0;}
.clear50 { clear:both; padding:25px 0;}
.mb-20 { margin-bottom:20px;}
.p-50 { padding:50px;}
.red { color:#F00;}

.btn-danger {background:#ff2d8c; border-color:#ff2d8c;}
.btn-danger:hover, .btn-danger:focus {background:#c5266e; border-color:#c5266e;}

.section_cont {max-width:2000px; margin:0 auto;}


/* SCHOOLS RANGE */
#nipcallout {text-align: center;}
#nipcallout p {font-size: 1.5em;font-weight: 800; line-height: 0; font-family: 'NexaBold', sans-serif;}
span#largetext {font-size: 3em;display: initial;vertical-align: middle;}
.abouticon h3 {text-transform: uppercase;color: #000;margin: 20px 0px 0px 0px;}
.abouticon img {width: 100px;margin-right: 25px;}
.registertext {text-align: center;width: 80%;margin: 0 auto;}
h1.smalltext {font-size: 20px;letter-spacing: 4px;color: #fff !important;}
h1.largetext {font-size: 3em;letter-spacing: 4px;}

#sidetyb {font-family: 'SignPainter', sans-serif;font-size: 2em;text-align: center;}
#sideicon1 li:nth-child(1) { border-bottom: 1px dashed #ff008d;}
#sideicon1 li img {margin: 20px 0px;}
.leftarrow {background-image: url(https://fropro.com.au/wp-content/uploads/2021/01/Arrow_Left.png);width: 77px;
    height: 135px;background-size: contain;}
.rightarrow {background-image: url(https://fropro.com.au/wp-content/uploads/2021/01/Arrow_Right.png);width: 77px;
    height: 135px;background-size: contain;}
.main_banner{position:relative;}
.banner_arc {-webkit-clip-path: polygon(50% 0%, 100% 0, 0 100%, 0 0);
clip-path: polygon(50% 0%, 100% 0, 0 100%, 0 0); min-height:700px; background:#00aeef;} 
.confetti {position:absolute; left:10px; top:20px;}

.contents_banner {background:#00aeef; padding:80px 0; color:#fff;} 
.confetti_bottom {position:absolute; left:0; right:0; bottom:-70px;}

#slider {position:absolute; left:50%; top:40%; transform:translate(-50%, -50%);}
#slider .item { max-width:1130px; margin:0 auto;}
#slider .item img {width:auto; margin:0 auto;}
#slider .owl-prev, #slider .owl-next {width:50px; height:80px; line-height:80px; position:absolute; right:50px; top:50%; transform:translateY(-50%);}
#slider .owl-prev {left:50px;}

#slider2 {left:50%; transform:translate(-50%, -50%);}
#slider2 .item { max-width:1130px;}
#slider2 .item img {width:auto; margin:0 auto;}
#slider2 .owl-prev, #slider2 .owl-next {width:50px; height:80px; line-height:80px; position:absolute; right:50px; top:50%; transform:translateY(-50%);}
#slider2 .owl-prev {left:50px;}

#slider2 .owl-carousel, #slider2 .owl-carousel.owl-loaded {
    display: block;
}


/* FLAVOUR SLIDER EDITS
.owl-carousel .owl-item:nth-child(9) .prod_contents .quantity, .owl-carousel .owl-item:nth-child(4) .prod_contents .quantity , .owl-carousel .owl-item:nth-child(9) .prod_contents ul, .owl-carousel .owl-item:nth-child(4) .prod_contents ul {
    display: none;
}
.owl-carousel .owl-item:nth-child(9) a.readlink, .owl-carousel .owl-item:nth-child(4) a.readlink  {
    background: #ff2d8c;
    color: #fff;
    padding: 15px 20px;
} */
#mc_embed_signup .mc-field-group label {color: #000;font-family: 'Nexa Bold', sans-serif;}

.prod_capi {float:left; width:40%; color:#fff;font-family: 'NexaBold';}
.prod_img {float:right; width:60%;}
.prod_capi .feat_heading {background:url(images/feat.png) repeat-x; background-size:100% 100%; display:inline-block; padding:5px 35px; color:#fff; text-transform:uppercase;}
.prod_capi .feat_heading h3 {margin-bottom:0;}

.prod_capi .feat_heading2 {background:url(images/feat.png) repeat-x; background-size:100% 100%; display:inline-block; padding:5px 35px; color:#fff; text-transform:uppercase; margin-bottom:15px;}
.prod_capi .feat_heading2 h3 {margin-bottom:0; font-size:40px; font-family: 'EdoSZ';}

.prod_capi h2 { font-size:55px; margin-bottom:20px;font-family: 'EdoSZ';}
.stock_content {font-size:30px; margin-bottom:20px; text-transform:uppercase; letter-spacing:1px;}
.stock_content img {display:inline-block !important; vertical-align:top;}
.five_star {font-size:20px; text-transform:uppercase; letter-spacing:1px; display:inline-block; padding-right:100px; position:relative;}
.five_star img { position:absolute; right:0; top:0; max-width:70px;}


.about_sec {margin-top:-160px;}
.video_contents, .video { position:relative; overflow:hidden;}
.video_contents .video, .video .vdo { overflow:hidden;height:300px;}
.video_contents iframe, .video iframe {position:relative; z-index:1; width:100%; height:300px;}
.video_contents img { width:100%;}
.playpause {background-image:url(images/icons/play-arrow.svg); background-repeat:no-repeat; background-size:100%; width:50px; height:50px; position:absolute; left:50%; top:50%; background-position:center; cursor:pointer; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:1;}

.comparison_sec {position:relative; padding-bottom:0;}
.comparison_sec:before {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); content:"="; font-size:200px; font-weight:bold; color:#fff; z-index:5;}
@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -400px 0; }
}
.comparison_sec:after {position:absolute; left:0; right:0; bottom:-50px; content:""; background:url(images/comp-bg.png) repeat-x; background-size:100%; width:100%; height:100px;-webkit-animation: slide 20s linear infinite;}

.comp {text-align:center;color:#fff; position:relative; min-height:650px;}
.comp h2 {font-size:70px; text-transform:uppercase; letter-spacing:1px; margin-bottom:30px;}
.comp_info {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.comp_left {text-align:center; background:#ff2d8c; color:#fff;}
.comp_right {background:#00aeef;text-align:center; color:#fff;}
.comp_right ul {padding:0; margin:0; list-style:none; text-align:center;}
.comp_right ul li {display:inline-block; width:calc(50% - 5px); margin-bottom:25px; padding:0 30px;} 

.products_sec {position:relative; padding:130px 0;}
.products_sec:before {position:absolute; content:"";-webkit-clip-path: polygon(31% 0, 100% 50%, 100% 50%, 0 100%, 0% 75%, 0 0);clip-path: polygon(31% 0, 100% 50%, 100% 50%, 0 100%, 0% 75%, 0 0); height:100%; left:0; top:0; width:35%; background:#00aeef;}

.products_sec:before {position:absolute; content:"";-webkit-clip-path: polygon(0 0, 100% 50%, 0 100%, 0% 50%);
clip-path: polygon(0 0, 100% 50%, 0 100%, 0% 50%); height:100%; left:0; top:0; width:35%; background:#00aeef;}

#slider_product {padding:0 20px;}
#slider_product .owl-prev, #slider_product .owl-next {width:35px; height:80px; line-height:80px; position:absolute; right:-40px; top:50%; transform:translateY(-50%);}
#slider_product .owl-prev {left:-40px;}

.prod_contents {text-align:center; text-transform:uppercase;font-family: 'NexaBold';}
.prod_contents h3 {margin:0; padding:15px 0; font-size: 22px;}
.prod_contents a {color:#000;}
.prod_contents a:hover {color:#ff2d8c;}
.prod_contents .readlink {font-size:13px;}
.prod_contents .quantity {background:#ff2d8c; padding:3px 5px; color:#fff;}
.prod_contents ul {padding:0; margin:0 0 20px; list-style:none;}
.prod_contents ul li {display:inline-block; width:calc(50% - 5px); padding:15px 0;}
.prod_contents ul li:first-child {border-right:1px solid #ff2d8c;}
.prod_contents ul li span {display:block; font-size:24px;}

.prod_detail_info {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.prod_detail_img {
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
}
.prod_detail_img img { object-fit:scale-down; height:362px;}
.title_fro { font-family: 'EdoSZ'; font-size:60px; text-align:center;}

table.detail_table {border-collapse:inherit; color:#000;}
table.detail_table .table_title {color:#000; font-size:16px;}
table.detail_table tr td {font-weight:600; line-height:1.5; padding:5px 10px; font-size:14px;}
table.detail_table{border:1px solid #000; color:#000; margin-bottom:0;}
table.part_one {border-bottom:0; background:rgba(0,0,0,.05);}
table.part_one h4 {margin-bottom:0;}
table.part_two {border-top:0; border-color:#000;}
table.part_two tr td, .part_two tr td { border:0;}
table.part_three {border-top:0; border-color:#000;}
table.part_three tr td, .part_three tr td { border:0;}
table.part_four {border-top:0; border-color:#000;}
table.part_four tr td, .part_four tr td { border:0;}
.table_title {text-align:center; text-transform:uppercase; font-weight:600;}


.stats_sec {position:relative;}
.stats_sec:before {position:absolute; content:"";-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 0% 50%, 100% 0);
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 100% 100%, 0% 50%, 100% 0); height:100%; right:0; top:0; width:30%; background:#ff2d8c; z-index:-1;}

ul.stat_logos {padding:0; margin:0; list-style:none; text-align:center;}
ul.stat_logos li {display:inline-block; width:calc(25% - 5px); margin-bottom:30px; padding:0 25px;}

ul.partner_logos {padding:0; margin:0; list-style:none; text-align:center;}
ul.partner_logos li {display:inline-block; width:calc(33.33% - 5px); margin-bottom:30px; padding:0 47px;}
ul.partner_logos li img {max-height:100px;}

.contact_sec {padding:80px 0; position:relative;}
.contact_sec:before {position:absolute; left:0; top:0; bottom:0; right:0; content:""; background:rgba(255,255,255,0.50);}

.contact_form {background:#00aeef; padding:50px 100px; position:relative; color:#fff; max-width:750px; margin:0 auto;}
.contact_form h2 {text-align:center; /*margin-bottom:50px;*/}
.contact_form .custom-radio {margin-bottom:10px;}
.contact_form .custom-control-label::before {background:none; border:2px solid #fff;}
.contact_field label {text-transform:uppercase; font-size:18px;font-family: 'NexaBold';}
.contact_field .form-control {margin-bottom:15px;}
.contact_field .btn {margin-top:35px; text-transform:uppercase; border-radius:25px;font-family: 'NexaBold'; padding:5px 25px;}
.contact_form iframe { border:none !important;}
.btn-mrg { margin:0 10px 10px 0;}

.fsBody {padding:0;}
.fsBody .fsForm {margin:0; padding:0;}
.fsBody .fsSectionHeader {color:#fff; background-color:#00aeef;}
.fsBody .fsForm .fsSectionHeading {color:#fff;}
.fsBody p {margin-bottom:0;}
.fsborderradius .fsBody .fsSectionHeader {text-align:center;}
.fsRowBody input[type=checkbox], .fsRowBody input[type=radio] {top:7px;}
.fsRowBody input[type=checkbox]:before, .fsRowBody input[type=checkbox]:checked:before, .fsRowBody input[type=radio]:before, .fsRowBody input[type=radio]:checked:before {top:-5px; position:relative;}
.fsborderradius .fsBody .fsForm {background:#f6f6f6; padding:25px;}

.blog_post{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:15px}
.blog_post:last-child{border-bottom:none}
.blog_post h4 a {color:#000;}
.blog_post h4 a:hover {color:#ff2d8c;}
.post-stats{font-size:13px;margin-bottom:5px;}
.post-stats span{margin-right:10px}
.post-stats i.fa{margin-right:5px}
.tagcloud a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px!important;background:#333;color:#fff;border-radius:4px;-webkit-border-radius:4px;}
.tagcloud a:hover{background:#ff2d8c}
.tags_list a{word-break:break-word;white-space:normal;display:inline-block;padding:4px 8px;margin:0 8px 8px 0;font-size:12px;background:#333;color:#fff;border-radius:4px;-webkit-border-radius:4px;}
.tags_list a:hover{background:#ff2d8c}
.comment_sec{}

.sidebar {}
.sidebar .widget { margin-bottom:30px;}
.sidebar ul { list-style:none; margin:0; padding:0;}
.sidebar ul li { border-bottom:1px dotted #ddd; line-height:1.5;}
.sidebar ul li:last-child { border-bottom:none;}
.sidebar ul li a { display:block; padding:5px 0 5px 20px; position:relative;}
.sidebar ul li a:before { content: "\f105"; font-family: 'FontAwesome'; position:absolute; left:5px; top:5px;}
.sidebar ul li a:hover, .sidebar ul li a.active { background:#ff2d8c; color:#fff; text-decoration:none;}

.custom_pagination {}
.page-numbers { display:inline-block; padding:0; margin:0; border-radius:4px;}
.page-numbers > li { display:inline;}
.page-numbers > li > a, .page-numbers > li > span { position:relative; float:left; padding:5px 15px; font-size:14px; margin-left:-1px; line-height:1.42857143; color:#333; text-decoration:none; background-color:#fff; border:1px solid #ddd; border-radius:0;}
.page-numbers > li:first-child > a, .page-numbers > li:first-child > span { border-top-left-radius:3px;	border-bottom-left-radius:3px;}
.page-numbers > li:last-child > a, .page-numbers > li:last-child > span { border-top-right-radius:3px; border-bottom-right-radius:3px;}
.page-numbers > li > a:hover, .page-numbers > li > span:hover, .page-numbers > li > a:focus, .page-numbers > li > span:focus { color:#ff2d8c; background-color:#eee; border-color:#ddd;}
.page-numbers > .active > a, .page-numbers > .active > span, .page-numbers > .active > a:hover, .page-numbers > .active > span:hover, .page-numbers > .active > a:focus, .page-numbers > .active > span:focus { z-index:2;	color:#fff;	cursor:default;	background-color:#ff2d8c; border-color:#ff2d8c;}
.page-numbers .current, .page-numbers .current:hover { z-index:2; color:#fff; cursor:default; background-color:#ff2d8c;	border-color:#ff2d8c;}
.page-numbers > .disabled > span, .page-numbers > .disabled > span:hover, .page-numbers > .disabled > span:focus, .page-numbers > .disabled > a, .page-numbers > .disabled > a:hover, .page-numbers > .disabled > a:focus { color:#999; cursor:not-allowed; background-color:#fff; border-color:#ddd;}

.search_bar { background-color:#e5e5e5; padding:20px; text-align:center;}


.formfield{ border:#CCC 1px solid; height:38px; padding:5px;}
.formfield.search_field { width:300px;}

.hover_img_box{ display:inline-block; position:relative; cursor:pointer; background:#e5e5e5; padding:2px 5px; margin:0 8px 8px 0; border-radius:4px; font-size:14px;}
.hover_img_box:hover { background:#000; color:#fff;}
.hover_img_box img { display:none; position:absolute; top:30px; left:0; max-width:200px; height:auto; z-index:9999; padding:10px; background:#fff; box-shadow:0 0 10px #bbb;}
.hover_img_box:hover img { display:block;}

.distancedisplay{float:right; color:#ff2d8c; font-weight:bold;}

#scrolling_div { height:800px; overflow:auto;}
#map { width:100%; height:800px;}
.store_left_sec { padding:10px; border-bottom:#e5e5e5 1px solid;}
.store_logo_map { max-height:40px; float:right;}
.store_logo { max-height:30px; margin-left:15px;}

.owl-carousel .owl-item .prod_contents img { object-fit:scale-down; height:168px;}