@charset "UTF-8";

/*
 Page Intro Header
 */
 
.pagelayout>.page-panel.panel-bgcolour.page-intro-header>.page-panel-inner{
 padding-top: 72px;
 padding-bottom: 87px
}

/*
 Buttons
 */
 
button.btn, a.btn, a[href].btn, span.btn{
 font-weight: 700
}

@media ( min-width: 992px ){

 .row>div.extra-padding-left{
  padding-left: 40px	
 }

 .row>div.extra-padding-right{
  padding-right: 40px	
 }

}

@media ( min-width: 1360px ){
	
 .row>div.extra-padding-left{
  padding-left: 90px	
 }

 .row>div.extra-padding-right{
  padding-right: 90px	
 }
 
}

/*
 Widget class
 */
 
.content-centered-and-contained{
 text-align: center
}
.content-centered-and-contained .wys{
 max-width: 720px;
 margin-left: auto;
 margin-right: auto 
}
.content-centered-and-contained.wide .wys{
 max-width: 1000px;
}
.content-centered-and-contained img.img-fill,
.content-centered-and-contained img.responive{
 margin-left: auto;
 margin-right: auto 
}

/*
 Images
 */
 
.img-rounded-corners img{
 border-radius: 10px
}

/*
 Tables
 */
 
table.flags-languages tr+tr td{
 padding-left: 8px;
 font-weight: 700
}

/*
 Flags
 */
img.flag-shadow{
 border-radius: 12px;
 box-shadow: 3px 3px 6px -3px #00000080	
}
img.flag-shadow.small{
 border-radius: 10px;
 min-height: 56px
}

/*
 Bullet points
 */
 
ul.styled-bullet-points{
  list-style-type: none;
  padding: 16px 0 0 0;
  margin: 0;
}
ul.styled-bullet-points>li{
  display: block;
  background-image: url( "../images/bulletpoint-tick.svg" );
  background-repeat: no-repeat; 
  background-position: left top;
  background-size: 26px 26px;
  min-height: 26px;
  padding-left: 40px
}
ul.styled-bullet-points>li+li{
 margin-top: 14px
}

/*
 Banners
 */
 
.pagelayout>.page-panel.panel-bgcolour.phonic-planet-banners>.page-panel-inner{
 padding-top: 50px;
 padding-bottom: 70px
}

@media ( min-width: 1200px ){
	
 .pagelayout>.page-panel.panel-bgcolour.phonic-planet-banners.phonic-planet-banners-xl>.page-panel-inner{
  padding-top: 77px;
  padding-bottom: 90px
 }
 
}

.page-panel.phonic-planet-banners>.page-panel-inner .embeded-svg{
 text-align: center;
 margin-left: auto;
 margin-right: auto
}

.page-panel.phonic-planet-banners .banner-group .banner.banner-border>.bnr.banner-block{
 border-width: 3px;	
 border-radius: 10px
}
.page-panel.phonic-planet-banners .banner-group .banner .title{
 font-size: 1.75rem;
 color: #61d3ce
}
.page-panel.phonic-planet-banners .banner-group .banner button.btn, 
.page-panel.phonic-planet-banners .banner-group .banner a.btn, 
.page-panel.phonic-planet-banners .banner-group .banner a[href].btn, 
.page-panel.phonic-planet-banners .banner-group .banner span.btn{
 color: #313640
}

/*
 Pagination
 */

.carousel-- .pagination>ul>li>a:before,
.testimonials-- .pagination>ul>li>a:before{
 width: 20px;
 height: 20px;
 background-color: #fff; 
 border-color: #ebebeb;
 border-radius: 10px
}
.carousel-- .pagination>ul>li.active.focus>a:before,
.testimonials-- .pagination>ul>li.active.focus>a:before{
 background-color: #1ba1e8;
 border-color: #1ba1e8
}

@media ( min-width: 576px ){
	
 .testimonials-- .pagination>ul>li>a:before{
  width: 14px;
  height: 14px;
  border-radius: 7px
 }

}


/*
 Personal Profile
 */
 
@media ( min-width: 1200px ){
	
 .pagelayout>.page-panel.personal-profile>.page-panel-inner{
  padding-top: 77px;
  padding-bottom: 90px
 }
 
}
 
.page-panel.personal-profile .column-first .widget-panel{
 max-width: 170px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}
 
.page-panel.personal-profile .column-first .widget-panel{
 max-width: 170px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.page-panel.personal-profile .column-first .widget-panel img{
 border-radius: 50%
}

/*
 Contact us
 */

.slim-center-column .sendmailform--{
 margin: 0 auto;
 width: 100%;
 max-width: 600px
}