/*------------------------------------------------------------------------*\
 * PREFIX MEANINGS
 *
 *
 * ................. Global Styles
 *
 * t ............... Text Styles
 *
 *		t1 - menu
 *		t2 - content
 *		t3 - footer
 *
 * c ............... Container Styles
 *
 *		c1 - menu
 *		c2 - content
 *		c3 - footer
 *
 * ................. Miscellaneous Styles
 *
 * ................. Media Query (Responsive) Styles
 *
\*------------------------------------------------------------------------*/
 
 /*------------------------------------*\
    #GLOBAL STYLES
\*------------------------------------*/

html {overflow-x:hidden;}

body {font-family: 'PT Sans', sans-serif; margin: 0px; padding: 0px; background-color: #ffffff; overflow-x:hidden; font-size: 100%; text-align: left;}
	
h1, h2, h3, h4 {display: inline !important; font-weight: normal;}
	
a {text-decoration: none !important;}
	
 
/*------------------------------------*\
    #TEXT STYLES (t1 - MENU)
\*------------------------------------*/


.t1-01 {color: #125d9a !important;}
	

/*------------------------------------*\
    #TEXT STYLES (t2 - 	CONTENT)
\*------------------------------------*/


.t2-01 {font-family: 'Fjalla One', sans-serif !important;}
.t2-02 {font-family: "PT Sans", serif !important;}
.t2-03 {color: #0d4a82 !important;}
.t2-04 {color: #00c0ff !important;}
.t-05 {font-size: 30px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 42px;}
.t-06 {font-size: 30px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 42px;}



/*------------------------------------*\
    #CONTAINER STYLES (c1 - MENU)
\*------------------------------------*/


.c1-01 {background-color: #0072bc;}
	
	
/*------------------------------------*\
    #CONTAINER STYLES (c2 - CONTENT)
\*------------------------------------*/


.c2-01 {background-color: #0d4a82 !important;}
.c2-02 {background-color: #0072bc !important;}
.c2-03 {background-color: #464646 !important;}
.c2-04 {padding-top: 100px;}
.c2-05 {min-height: 150px;}
.c2-06 {background-color: #e5f6f3 !important;}


/*------------------------------------*\
    #CONTAINER STYLES (c3 - FOOTER)
\*------------------------------------*/


.c3-01 {background-color: #0d4a82;}
.c3-02 {height: 20px; background-color: #062644 !important; margin: 0px; padding: 0px;}
	

/*------------------------------------*\
    #MISCELLANEOUS STYLES 
\*------------------------------------*/
	

.point {cursor: pointer;}
		
#thislink > #sub {visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.4s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0.4s linear 0.3s,opacity 0.3s linear;
  -ms-transition: visibility 0.4s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0.4s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0.4s linear 0.3s,opacity 0.3s linear;
  background-image: url(../img/flat-bg.png);}

#thislink:hover  #sub {visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  -ms-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
  background-image: url(../img/flat-bg.png);}

.Normal {font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 28px;}
.Normal a:active {color: #0067be;}
.Normal a:link {color: #0067be;}
.Normal a:visited {color: #0067be;}
.Normal a:hover {color: #0067be;}
.NormalTextBox {color: #515151; font-family: 'Open Sans', sans-serif; padding-left: 10px; font-size: 18px; width: 90%; border: solid 1px #d9d9d9; height: 40px; vertical-align: center;}
	
#fullsizeMenu table td .c1-05 {margin: 0 auto;}
	
#back-top {position: fixed; 	bottom: 50px; right: 3%; z-index: 100;}
#back-top a {width: 108px; display: block; text-align: center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#back-top a:hover {color: #000;}
#backToTop {filter:alpha(opacity=40); opacity: 0.4;}
#backToTop:hover {filter:alpha(opacity=80); opacity: 0.8;}
	
.row-no-padding > [class*="col-"] {padding-left: 0 !important; padding-right: 0 !important;}

.ycp .vid-bottom {height: 325px !important;}

.afcoeLogo {float: left;}

.af-slide {font-size: 13px;}

#dnn2816DoYouHaveaPassport {background-color: #1763aa; padding: 5px 20px 20px 20px; text-align: center; color: white;}
#dnn2816DoYouHaveaPassport .af-slide {font-size: 20px !important;}
#dnn2816DoYouHaveaPassport .radio-as-buttons {width: 65px !important; white-space: nowrap !important;}
#dnn2816DoYouHaveaPassport .bstrap30 {margin-bottom: 0px !important;}

.bookmark {margin-top:-150px; padding-bottom:150px; display:block;}
.cke_chrome {width: 100% !important;}

.anchor {display: block; position: relative; top: -150px; visibility: hidden;}
.afType {display: none !important;}
a:not([class]) {text-decoration: none;}
a:not([class]):hover {text-decoration: underline;}

.btn-af-blue {color: #fff !important; background-color: #0072bc !important; border-color: #0072bc !important;}
.btn-af-blue:hover {text-decoration: none; background-color: #4d5be1; color: #fff;}

.b-12 {background-image: url(https://manna.amazingfacts.org/amazingfacts/website/undaunted/images/Granite-Bay-Church-Sanctuary.jpg); background-size: cover;}



/*------------------------------------*\
    #MEDIA QUERY (RESPONSIVE) STYLES
\*------------------------------------*/

/* Large devices (desktops, less than 1470px) ----------- */
@media (max-width: 1512px) 
{
	.c2-02 {bottom: 35px;}
	.c2-05 {bottom: -40px;}
}

/* Medium devices (tablets, less than 1024px) ----------- */
@media (max-width: 1072px) 
{
	.c1-09 {top: -25px;}
	.afcoeLogo {float: none;}
}

/* Small devices (landscape phones, less than 885px) ----------- */
@media (max-width: 897px) 
{
	.c1-02{padding-top: 25px;}
}

/* Small devices (landscape phones, less than 885px) ----------- */
@media (max-width: 700px) 
{
	.b-12 {background-position: 60% center; background-size: cover; background-repeat: no-repeat; background-attachment: unset;}
    .t-05 {font-size: 25px; line-height: 32px;}
	.t-06 {font-size: 20px; line-height: 30px;}
	
    #footerRow > div:nth-of-type(2n+1) {clear: both;}
	#footerRow > div:nth-child(3) {padding-top: 25px;}
	#footerRow > div:nth-child(4) {padding-top: 25px;}
}