@charset "utf-8";
/* CSS Document 
   Charlenesweb.ca Sep 2015
   Header Font: Dosis (Google Font)
   Content Font: Arial

   Blue #00468C
   Red: #B40909
   Grey #D6D6D7

   smartphone portrait 320px
   smartphone landscape 568
   tablet portrait 768
   tablet landscape 1024
-------------------------------------------------------------- */
body {
	padding-top:88px; /* for fixed menu + 34px */
	background-color: #FFF;
	font: 15px/18px Arial, Helvetica, sans-serif !important;
	color:#000;
	line-height:120%;
	
}
h1, h2, h3, h4, h5, h6, .large {
	font-family: 'Dosis', sans-serif; 
	color:#00468C;
	font-weight:bold;
}
h1 {
	font-size:36px;
	line-height:120%;
}
h1 img {
	margin-right:5px; 
	margin-top:-15px; 
	height:40px; 
	width:auto;
}
h3, h3.dkgrey {color:#333;}
hr {
	border: 0;
    height: 1px;
    /*background-image: linear-gradient(to right, rgba(0, 70, 140, 0), rgba(0, 70, 140, 0.75), rgba(0, 70, 140, 0));*/
	background-color:#00468C;
}
sup {font-size:90%; font-weight:bold;}

.large {font-size:18px; font-weight:700;}
p.small {margin-top:10px;}
.alert-info {
    background-color: #D6D6D7;
    border-color: #00468C;
	color:#00468C;
	font-size:18px;
	line-height:120%;
}
/* links */
p a, p a:focus, p a:link, p a:visited {
	color:#00468C;
	font-weight:bold;
}
p a:hover {
	color:#B40909;
}

/* Forms */
input, .form-control {
	background-color:#EEE;	
}

/* image treatments */
img.border {
	border:5px solid #00468C;	
}
.overlay {
	position:relative;
	max-width:1036px;
}
.post-content {
    background: rgba(0, 0, 0, 0.63) none repeat scroll 0 0;
    opacity: 0.65;
    bottom:0;
    left:0;
	padding:0;
    min-width: 100%;
    min-height: 47px; 
    position: absolute;
    color: #ffffff; 
}
.details {
    position: absolute; 
    z-index: 2; 
    bottom: 20px;
	right:20px;
	text-align:right;
	font-family: 'Dosis', sans-serif;
	font-size:36px;
	font-weight:700;
	color:#FFF;
}
@media (max-width: 767px) {
	.details {
		font-size:28px;
	}
}
/* Top Bar - fix to top*/
.topbar {
	position: fixed;
	top:0;
	right: 0;
	left: 0;
	z-index: 1030;
	margin:0;
	width:100%;
	padding:0;
	height:54px;
	border-bottom:5px solid #B40909;
	background-image:-moz-linear-gradient(33% 0% -90deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%); 
	background-image:-webkit-gradient(linear,33% 0%,33% 100%,color-stop(0, rgb(235,235,236)),color-stop(1, rgb(214,214,215)));
	background-image:-webkit-linear-gradient(-90deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%);
	background-image:linear-gradient(180deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%);
	height:54px;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffebebec,endColorstr=#ffd6d6d7,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffebebec,endColorstr=#ffd6d6d7,GradientType=0);
	font-size:21px;
	line-height:120%;
	text-align:center;
}
.topbar a {
	color:#00468C;
}
.topbar a:hover {
	color:#B40909;
}
/* header row */
.header .searchbox {
	margin-top:10px;
}
.searchbox input, .searchbox button {
	height:47px;
	border-color:rgb(204,204,204);
	border-width:2px;
	background-color:#EEE;
}
.searchbox .glyphicon {
	color:#00468C;
	font-size:24px;
}
/* Main Menu */
.navmain {
	margin-top:25px;
}
.navmain .navbar-default {
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(56,126,193) 0%,rgb(48,112,173) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(56,126,193)),color-stop(1, rgb(48,112,173)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(56,126,193) 0%,rgb(48,112,173) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(56,126,193) 0%,rgb(48,112,173) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(56,126,193) 0%,rgb(48,112,173) 100%);
	background-image:linear-gradient(180deg,rgb(56,126,193) 0%,rgb(48,112,173) 100%);
	/* Firefox v1.0+ */
	-moz-border-radius:4px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:4px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:4px;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff387ec1,endColorstr=#ff3070ad,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff387ec1,endColorstr=#ff3070ad,GradientType=0);
}
.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
	vertical-align:top;
}
.navbar-default .navbar-nav>li {
	border-right:1px solid #FFF;
	padding-bottom:0;
	margin-bottom:0;
}
.navbar-default .navbar-nav>li>a {
	font-family: 'Dosis', sans-serif;
	font-size:29px;
	line-height:1;
	color:#FFF;
	font-weight:400;
	text-align:center;
	padding-top:17px;
	padding-bottom:17px;
}
.navbar-default .navbar-nav>li#navno-porepaid-cards>a {padding-top:2px; padding-bottom:0; margin-bottom:0;}
.navbar-default .navbar-nav>li>a:hover {
	color:#D6D6D7; /* grey */
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #00468C;
    background-color: #D6D6D7;
}
@media (min-width: 768px) {
	.navbar-default .navbar-nav>li:last-child {
		border-right:none;
	}
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav>li {
		border-right:none;
		padding-top:5px;
		padding-bottom:5px;
	}
}
/* Main content box */
.main-content {
	padding:20px 45px 20px 45px;
	background-color:rgb(255,255,255);
	min-height:722px;
	border-color:rgb(187,187,187);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:5px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:5px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:5px;
	border-style:solid;
	/* Firefox v3.5+ */
	-moz-box-shadow:0px 0px 12px 5px rgba(51,51,51,0.65);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow:0px 0px 12px 5px rgba(51,51,51,0.65);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
	box-shadow:0px 0px 12px 5px rgba(51,51,51,0.65);
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color=#ff333333,Strength=17)";
	filter:progid:DXImageTransform.Microsoft.Glow(Color=#ff333333,Strength=17);
}

/* HOME PAGE */
.modal-img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#confirmaccept .modal-body {
	padding-top:120px;
	padding-left:70px;
	padding-right:70px;
	background-image:url(../img/flag-corner.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#confirmaccept .modal-body h2 {
	margin-top:20px;
	margin-bottom:20px;
}
#confirmaccept .modal-footer {
	text-align:center;
}

/* FOOTER */
.footer {
	margin-top:70px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:rgb(0,70,140);
	width:100%;
	min-height:100px;
	color:#FFF;
	font-size:18px;
}
.footer a {color:#FFF;}
.footer a:hover {color:#D6D6D7;}
@media (min-width: 768px) {
	.copyright {
		text-align:right;
	}
}
@media (max-width: 767px) {
	.copyright {
		text-align:left;
		margin-top:10px;
	}
}

.red {color:#B40909 !important; }
.blue {color:#00468C !important;}
.grey {color:#D6D6D7 !important;}

 /* Popover */
.popover {
    border: 2px dotted grey;
	max-width:600px;
	min-width:300px;
}

/* Popover Header */
.popover-title {
    border-bottom:2px solid #B40909;
	background-image:-moz-linear-gradient(33% 0% -90deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%); 
	background-image:-webkit-gradient(linear,33% 0%,33% 100%,color-stop(0, rgb(235,235,236)),color-stop(1, rgb(214,214,215)));
	background-image:-webkit-linear-gradient(-90deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%);
	background-image:-o-linear-gradient(-90deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%);
	background-image:-ms-linear-gradient(-90deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%);
	background-image:linear-gradient(180deg,rgb(235,235,236) 0%,rgb(214,214,215) 100%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffebebec,endColorstr=#ffd6d6d7,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffebebec,endColorstr=#ffd6d6d7,GradientType=0);
    color: #000; 
    font-size: 16px;
    text-align:center;
}

/* Popover Body */
.popover-content {
    background-color: #FFF;
    color: #333;
    padding: 15px;
	line-height:1.4;
	font-size:14px;
}

/* Popover Arrow */
.arrow {
    border-right-color: #7a7a7a !important;
}
.hiliteyellow {
	background-color:yellow;
}