/* cmsms stylesheet: bedford_2023_laptop modified: 08/03/23 13:26:25 */
/* cmsms stylesheet: bedford_2023_laptop modified: 06/09/23 15:03:40 */
/* cmsms stylesheet: bedford_2023_laptop modified: 06/09/23 14:12:18 */
body {
	margin: 0px;
	padding: 0px;
	font-size: 110%;
	line-height: 140%;
	font-family: "proxima-nova", sans-serif;
	font-weight: 400;
	color: #000000;
}

#outer_background-image {
    position:  absolute;
    top: -5px;
    left:  0px;
    width:  100%;
    height: 685px;
    overflow:  hidden;
    z-index: 1;
}
#inner_background-image {
    width:  500%;
    margin-left:  -200%;
}
#actual_background-image {
    display:  table;
    margin:  0px auto;
}
#actual_background-image img {}

#outer_background-image-other {
    position:  absolute;
    top: -5px;
    left:  0px;
    width:  100%;
    height: 260px;
    overflow:  hidden;
    z-index: 1;
}

#inner_background-image-other {
    width:  500%;
    margin-left:  -200%;
}
#actual_background-image-other {
    display:  table;
    margin:  0px auto;
}
#actual_background-image-other img {}

.toppadder {
    margin-top: 142px;
}

header {position: sticky;z-index: 99999999;top:  0px;border-top: 5px solid #ae2dc4;}

#header_border {
	position: absolute;
	top: -5px;
	left: 0px;
	height: 5px;
	font-size: 4px;
	width: 100%;
	background-color: #ae2dc4;
	z-index: 999999
}

#outer_header {
	background-image: url("https://bedfordcraftcentre.co.uk/look/white_trans.png");
	position: relative;
	transition: margin-top 0.4s, margin-bottom 0.4s, background-color 0.4s, background-image 0.4s, border-bottom 0.4s;
}

.miniheader #outer_header {
	margin-top: -30px;
	margin-bottom: 30px;
	background-image: url("https://bedfordcraftcentre.co.uk/look/strong_white_trans.png");
	border-bottom:  1px solid #60106f;
}

#inner_header {
	height: 108px;
	position: relative;
}

#logo {
	position: absolute;
	top: -5px;
	left: 0px;
	width: 230px;
	height:  166px;
	background-color:  #454554;
	text-align: center;
	box-sizing:  border-box;
	padding: 18px 10px 10px 10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	transition: width 0.4s, padding-top 0.4s;;
}

#logo img {
	max-width: 100%;
	height: auto;
}

.miniheader #logo {
	position: absolute;
	top: -5px;
	left: 0px;
	width: 180px;
	height:  166px;
	background-color:  #454554;
	text-align: center;
	box-sizing:  border-box;
	padding-top: 48px;
}

#strapline {
	position: absolute;
	top: 60px;
	right: 0px;
}

#phone {
	position: absolute;
	top: 90px;
	right: 0px;
}

#search {
	position:absolute;
	bottom: -53px;
	right: 0px;
	width:  454px;
	height: 53px;
	background-color: #454554;
	color: #fff;
	box-sizing:  border-box;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px 15px;
}

#search label {
	display: none;
}

#search input {
    display: inline-block;
    width: 264px;
    height: 34px;
    border: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:  left;
    margin-right: 10px;
    box-sizing: border-box;
    padding: 4px;
}

#search input.search-button {
    border:  0px;
    background-color:  #454554;
    color:  #ffffff;
    width: 130px;
    font-family: trumpgothicpro, sans-serif;
    font-weight: 500;
    font-size: 160%;
    padding: 0px;
}

#socials {
	/* position: absolute; */
	/* top:10px; */
	/* right: 0px; */
	display:  table;
	margin: 0px auto 20px auto;
}

#socials a {
	display: block;
	float: left;
	margin-left: 12px;
	width: 32px;
	height: 32px;
}

#top_navigation {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#menu_show {
	display: none;
}

#actual_menu {
	display: block;
}

#actual_menu ul {
	margin: 0px;
	padding: 0px;
}

#actual_menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

#actual_menu a:link, #actual_menu a:visited {
	display: block;
	border-right: 1px solid #ffffff !important;
	color: #000000;
	text-align: center;
	text-decoration: none;
	height: 108px;
	box-sizing: border-box;
	font-size: 110%;
	padding: 50px 10px 0px 10px;
	transition: color 0.3s;
	text-transform: capitalize;
}

#actual_menu a span {
    display: block;
    padding: 0px 15px 10px 15px;
    border-bottom: 3px solid;
    transition: padding-bottom 0.3s;
}

#actual_menu a#home:link, #actual_menu a#home:visited {
    border-left: 1px solid #ffffff;
}

#actual_menu a#home span {
    border-color: #60106e;
}

#actual_menu a#courses span {
    border-color: #eda53a;
}

#actual_menu a#our-centre span {
    border-color: #619fe2;
}

#actual_menu a#about-us span {
    border-color: #ed5459;
}

#actual_menu a#contact-us span {
    border-color: #1eb488;
}

#actual_menu a#home:hover {
   color: #60106e;
}

#actual_menu a#courses:hover {
    color: #eda53a;
}

#actual_menu a#our-centre:hover {
    color: #619fe2;
}

#actual_menu a#about-us:hover {
    color: #ed5459;
}

#actual_menu a#contact-us:hover {
    color: #1eb488;
}

#actual_menu a:hover {
border-color: #ffffff;
}

#actual_menu a:hover span {
	padding-bottom: 6px;
	border-bottom: 8px solid;
	
}

#outer_slider {
	/* margin-top: 20px; */
	/* background-color: #cccccc; */
	position:  relative;
	z-index: 2;
}

#inner_slider {
	position: relative;
	height: 572px;
}

#hero_text {
	background-image: url("https://bedfordcraftcentre.co.uk/look/white_trans.png");
	position: absolute;
	bottom: 40px;
	left: 0px;
	box-sizing: border-box;
	width: 760px;
	padding: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: block;
	border-radius: 5px;
	line-height: 160%;
}

#hero_text h2 {font-weight: 400;margin-bottom: 30px;}

#outer_mainpage {
	
position:  relative;
	
z-index: 2;
}

#inner_mainpage {
	padding-top: 60px;
	position: relative;
}

#outer_courseblock {
    background-color: #464555;
    padding: 40px 0px 0px 0px;
}

#inner_courseblock {}

a.courseblock:link, a.courseblock:visited {
    display:  block;
    margin: 0px 10px 20px 10px;
    float:  left;
    width: 280px;
    background-color: #cccccc;
    color: #ffffff;
    text-decoration: none;
    box-sizing:  border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:  hidden;
    text-align:  center;
    line-height: 100%;
    font-family: trumpgothicpro, sans-serif;
    font-weight: 400;
    text-transform:  uppercase;
    transition: background-color 0.4s, color 0.4s;
    height: 276px;
}

a#bookmaking_courseblock:link, a#bookmaking_courseblock:visited {
    background-color: #231942;
}

a#bookmaking_courseblock:hover {
    background-color: #21096c;
}

a#ceramics_courseblock:link, a#ceramics_courseblock:visited {
    background-color: #1eb488;
}

a#ceramics_courseblock:hover {
    background-color: #0abd89;
}

a#mixedmedia_courseblock:link, a#mixedmedia_courseblock:visited {
    background-color: #ed5459;
}

a#mixedmedia_courseblock:hover {
    background-color: #e02329;
}

a#painting_courseblock:link, a#painting_courseblock:visited {
    background-color: #231942;
}

a#painting_courseblock:hover {
    background-color: #1e0a5c;
}

a#dressmaking_courseblock:link, a#dressmaking_courseblock:visited {
    background-color: #4079b6;
}

a#dressmaking_courseblock:hover {
    background-color: #1569c3;
}

a#jewellery_courseblock:link, a#jewellery_courseblock:visited {
    background-color: #715d2f;
}

a#jewellery_courseblock:hover {
    background-color: #916c17;
}

a#stainedglass_courseblock:link, a#stainedglass_courseblock:visited {
    background-color: #428254;
}

a#stainedglass_courseblock:hover {
    background-color: #218c3f;
}

a#upholstery_courseblock:link, a#upholstery_courseblock:visited{
    background-color: #693272;
}

a#upholstery_courseblock:hover {
    background-color: #721981;
}

.courseblock_image {}

.courseblock_image img {
    width:  100%;
    height:  auto;
    transition: width 0.4s, margin-left 0.4s, margin-top 0.4s;
}

.courseblock_on .courseblock_image img {
    width: 110%;
    margin-left: -5%;
    margin-top: -5%;
}

.courseblock_text {}

.courseblock_text p {
    margin-bottom: 0px;
    margin-top:  20px;
    font-weight:  400;
}

.courseblock_text h3 {
    margin-top: 0px;
    font-size: 180%;
    margin-bottom: 20px;
}


#outer_footer {
	
}

#inner_footer {
	padding-top: 40px;
	position: relative;
	text-align:  center;
}

#footer_top {

}

#footer_bottom {
font-size: 75%;
}


h1 {
	font-size: 200%;
	line-height: 120%;
	font-weight: 400;
	margin: 0px 0px 40px 0px;
}

h2 {
	font-size: 180%;
		line-height: 120%;
	font-weight: 400;
	margin: 20px 0px 10px 0px;
}

h3 {
	font-size: 140%;
		line-height: 120%;
	font-weight: 400;
	margin: 20px 0px 10px 0px;
}

h4 {
	font-size: 130%;
		line-height: 120%;
	font-weight: 400;
	margin: 20px 0px 10px 0px;
}

h5 {
	font-size: 120%;
		line-height: 120%;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}

h6 {
	font-size: 110%;
		line-height: 120%;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}

p {
	margin: 0px 0px 10px 0px;
}

a:link, a:visited {
	color: #ae2dc4;
	text-decoration: none;
    transition: color 0.4s;
}

a:hover  {
	color: #000000;
	text-decoration: underline;
}

a.blockbutton:link, a.blockbutton:visited {
	background-color: #60106f;
	color: #ffffff;
	text-decoration: none;
	display: table;
	transition: background-color 0.4s;
	font-family: trumpgothicpro, sans-serif;
	font-weight: 400;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 20px;
	font-size: 176%;
}

a.blockbutton:hover  {
	background-color: #ae2dc4;
	text-decoration: none;
}

a img {
border: 0px;
}

.inner {
	width: 1180px;
	margin: 0px auto;
}

.inner_margin {
    width: 1200px;
    margin:  0px auto;
}

.left_column {
	width: 700px;
	float: left;
}

.right_column {
	width: 400px;
	float: right;
}

.right_column img {
	max-width: 100%;
	height: auto;
}

.undercol {
	clear: both;
}

a.course_item:link, a.course_item:visited {width: 33.3%;display:  block;float:  left; color: #ffffff;}

a.course_item:hover {
	text-decoration: none;
}

.inner_course_item {background-color: #cccccc;display: block;margin: 0px 10px 20px 10px;padding: 30px 0px;height: 340px;position:  relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.inner_course_item_title {
display: block;
	padding: 0px 30px;
	
}

.inner_course_item_title h3 {margin: 0px 0px 15px 0px;font-family: trumpgothicpro, sans-serif;font-weight: 400;text-transform:  uppercase;font-size: 235%;text-align:  center;}

.inner_course_item_essentials {display: block;padding: 0px 30px 10px 30px;font-size: 80%}

.inner_course_item_synopsis {
display: block;
	padding: 0px 30px;

}

.inner_course_item_synopsis p {line-height: 120%;}

a.course_item:link .inner_course_item_mockbutton, a.course_item:visited .inner_course_item_mockbutton {display: block;padding: 0px 20px;background-color: white;width: 50%;color: #000000;box-sizing: border-box;position:  absolute;bottom:  20px;left: 25%;padding:  10px;text-align:  center;font-size: 120%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.colour_1 {
    background-color: #231942;
}

.colour_2 {
    background-color: #1eb488;
}

.colour_3 {
    background-color: #ed5459;
}

.colour_4 {
    background-color: #231942;
}

.colour_5 {
    background-color: #4079b6;
}

.colour_6 {
    background-color: #715d2f;
}

.colour_7 {
    background-color: #428254;
}

.colour_8 {
    background-color: #693272;
}

#greyback_outer {position: fixed;width: 100%;height: 100%;overflow: hidden;z-index: -1;padding-bottom: 354px;box-sizing:  border-box;}

#greyback_inner {position: relative;min-height: 2998px;}

#greyback_actual {background-color: #9494ae;position: absolute;left: 789px;width: 1920px;height: 100%;}

#left_course {
    float:  left;
    width: 756px;
}
#course_herobox {
    border: 1px solid #464555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:  hidden;
    margin-bottom: 40px;
}
#course_herobox_swatch {
    border-top: 5px solid #1db487;
    box-sizing:  border-box;
    padding:  20px;
}

#course_herobox_swatch h1 {
	margin-bottom: 20px;
}

#course_herobox_leftbox {
    float:  left;
}
#course_dates {}
#course_dates span {}
#course_dates i {
    display:  inline-block;
    padding: 0px 5px;
}
#course_dates div {}
#course_herobox_rightbox {
    float:  right;
    position:  relative;
    top: 0px;
}
a.course_leaflet:link, a.course_leaflet:visited {
    display: block;
    background-color: #464555;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:  none;
    color:  #ffffff;
    width: 190px;
	transition: background-color 0.4s;
}

#course_herobox_rightbox .submit input {
	display: block;
	background-color: #464555;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:  none;
	color:  #ea71ff;
	width: 230px;
	box-sizing: border-box;
	transition: background-color 0.4s;
	border: 0px;
	font-size: 130%;
	font-family: "proxima-nova", sans-serif;
}

a.course_leaflet:hover, #course_herobox_rightbox .submit input:hover {
	background-color: #ae2dc4;
}

a.course_enroll:link, a.course_enroll:visited {
    display:  block;
    width: 190px;
    background-color: #600f6e;
    text-align:  center;
    padding: 10px 20px;
    margin-bottom:  10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    color: #ffffff;
    transition: background-color 0.4s;
}

a.course_enroll:hover {
	background-color: #ae2dc4;
}

#course_herobox_synopsis {clear: both;padding-top:  20px;}
#course_bodybox {}
#right_course {
    float:  right;
    width: 360px;
}

#right_course iframe{
    width: 360px;
height: 200px;
}


#tutor {
    color: #ffffff;
}

#tutor h3 {
    color: #600f6e;
}

#tutor img {float: right;width:  150px;height:  auto;display:  block;margin-left:  20px;margin-bottom: 20px;}

/* basket stuff  */

#basket_launcher {
	background-color: #ae2dc4;
	padding:  10px 20px;
	color: #ffffff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transform: rotate(-90deg);
	font-size: 150%;
	position: fixed;
	top: 332px;
	right: -72px;
}

#basket {position:  absolute;top: 0px;right: 0px;z-index: 999999;}

#basket_items {
	display: none;
	position:  absolute;
	right: 0px;
	top: 20px;
	border: 1px solid #ae2dc4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 20px;
	width: 800px;
	/* height: 225px; */
	background-image: url("https://bedfordcraftcentre.co.uk/look/white_trans.png");
	-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.25);
	color: #000000;
}

#basket_items h3 {color: #ae2dc4;font-weight: 900;margin-bottom: 25px;}

#basket_closer {
    position: absolute;
    top: 17px;
    right: 24px;
    font-size: 80%;
    color: #ae2dc4;
    cursor: pointer;
    font-weight: 800;
}

#basket_closer:hover {
color: #dd2a00;
text-decoration: underline;
}

.basket_line {clear: both;min-height: 15px;padding: 10px 5px;}

.basket_head {
    color: #ffffff;
    background-color: #374142;
font-size: 70%;
}
.basket_item {float: left;width: 58%;box-sizing: border-box;padding-right: 10px;/* border-bottom: 1px solid #cccccc; */}

.basket_item .smalltext {
display: block;
font-size: 80%;
}

.basket_item img {
float: left;
    margin-right: 20px; }

.basket_quantity {
float: left;
width: 20%;
box-sizing: border-box;
padding-right: 10px;
margin-top: -5px;
}

.basket_head .basket_quantity {
margin-top: 0px;
}

.basket_quantity form {
display: inline-block;
width: 20px;
height: 20px;
box-sizing: border-box;
text-align: center;
}

.basket_quantity span {
display: inline-block;
width: 30px;
height: 20px;
box-sizing: border-box;
text-align: center;
}

.basket_quantity input.plus {
    display: inline-block;
    height: 20px;
    box-sizing: border-box;
    position: relative;
    width: 20px;
    font-size: 120%;
    padding: 0px;
    background-color: #ae2dc4;
    border: 0px;
color: #ffffff;
}

.basket_quantity input.minus {
    display: inline-block;
    height: 20px;
    box-sizing: border-box;
    position: relative;
    width: 20px;
    font-size: 120%;
    padding: 0px;
    background-color: #ae2dc4;
    border: 0px;
color: #ffffff;
}

.basket_cost {
float: left;
width: 15%;
box-sizing: border-box;
padding-right: 10px;
}

.basket_kill {float: left;width: 7%;box-sizing: border-box;padding-right: 10px;text-align:  right;}

.basket_kill form {display: inline-block;width: 20px;height: 20px;box-sizing: border-box;text-align: center;/* margin-top: -3px; */}

.basket_kill input.kill {
    display: inline-block;
    height: 20px;
    box-sizing: border-box;
    position: relative;
    width: 20px;
    font-size: 70%;
    padding: 0px;
    background-color: #ae2dc4;
    border: 0px;
    top: -4px;
    position:  relative;
    color:  #ffffff;
    font-weight:  bold;
}

.basket_quantity input.plus:hover, .basket_quantity input.minus:hover, .basket_kill input.kill:hover {
	transition-duration: .3s;
	transition-timing-function: linear;
        background-color: #374142;
        color: #ffffff;
}

.basket_foot {
    font-family: din-condensed, sans-serif;
    height: 60px;
    box-sizing: border-box;
    font-size: 160%;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 23px;
}

#checkoutform .formbuilderform div {
    clear: both;
	height: 60px
}

#checkoutform .formbuilderform div.statictext {
height: auto !important;
}

#checkoutform .formbuilderform label {float: left;width: 30%;}

#checkoutform .formbuilderform input, #checkoutform .formbuilderform select {float: left;width: 70%; box-sizing: border-box; height: 40px}