.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: underline;}.link, a{font-weight: normal;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1342px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1342px;}
.bodysize{max-width: 1342px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #225977;}
.link:hover, a:hover{color: #c0772a;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #cccaca;}
body{
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffffff;
	}
.content{
		background-color: #ffffff;
	}
.searchbox{
		border: 3px solid #ffffff;
	}
#default_footer{
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		font-size:10pt;
		padding-bottom:10px;
		color:#333333;
	}
#default_footer a{
		text-decoration: underline;
		color:#333333;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #00b0b0;
	background: #00b0b0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b0b0), color-stop(50%,#00b0b0), color-stop(51%,#00b0b0), color-stop(100%,#00b0b0));
	background: -moz-linear-gradient(top,  #00b0b0 0%, #00b0b0 50%, #00b0b0 51%, #00b0b0 100%);
	background: -webkit-linear-gradient(top,  #00b0b0 0%,#00b0b0 50%,#00b0b0 51%,#00b0b0 100%);
	background: -o-linear-gradient(top,  #00b0b0 0%,#00b0b0 50%,#00b0b0 51%,#00b0b0 100%);
	background: -ms-linear-gradient(top,  #00b0b0 0%,#00b0b0 50%,#00b0b0 51%,#00b0b0 100%);
	background: linear-gradient(top,  #00b0b0 0%,#00b0b0 50%,#00b0b0 51%,#00b0b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0b0', endColorstr='#00b0b0',GradientType=0 );
	border: 0px solid #000000;
	color: #ffffff;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #20c9c9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20c9c9), color-stop(50%,#20c9c9), color-stop(51%,#20c9c9), color-stop(100%,#20c9c9));
	background: -moz-linear-gradient(top,  #20c9c9 0%, #20c9c9 50%, #20c9c9 51%, #20c9c9 100%);
	background: -webkit-linear-gradient(top,  #20c9c9 0%,#20c9c9 50%,#20c9c9 51%,#20c9c9 100%);
	background: -o-linear-gradient(top,  #20c9c9 0%,#20c9c9 50%,#20c9c9 51%,#20c9c9 100%);
	background: -ms-linear-gradient(top,  #20c9c9 0%,#20c9c9 50%,#20c9c9 51%,#20c9c9 100%);
	background: linear-gradient(top,  #20c9c9 0%,#20c9c9 50%,#20c9c9 51%,#20c9c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20c9c9', endColorstr='#20c9c9',GradientType=0 );
	border: 0px solid #000000;
	color: #ffffff;
}
.button a, .button-strip a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip-active a{
	color: #ffffff;
	text-decoration:none;
}
.button:hover a, .button-strip:hover a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip a{
	font-weight:normal;
}
.resource_item_open{
	border: 0px solid #000000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #225977;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom:0px;
	margin-top:0px;
	line-height: 1.3;
}
h1, h2, .heading1, .heading2{
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;
}
h1, .heading1{
	font-weight: bold;
	font-size: 3.667em;
}
h2, .heading2{
	font-weight: bold;
	font-size: 2.667em;
}
h3, .heading3{
	font-weight: bold;
	font-size: 1.833em;
}
h4, .heading4{
	font-size: 1.167em;
	font-weight: bold;
}
h5, .heading5{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.917em;
}
.widget_tab, .widget_tab_selected{
	background: #3a4f4b;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #00b0b0;
	color: #ffffff;
}
a.button-strip{
	width: 100%;
	display: block;
}
a.button-strip:hover{
	text-decoration:none;
}
.widget_tab, .widget_tab_selected{
	cursor: pointer;margin-left: auto;margin-right: 1px;padding: 5px;float: left;font-size: 1.083em;
}
.widget_tab_bar{
	height: 28px;
	border-bottom:1px solid #cccaca;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: normal;
	background: #fcf5bf;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf5bf), color-stop(50%,#fcf5bf), color-stop(51%,#fcf5bf), color-stop(100%,#fcf5bf));
	background: -moz-linear-gradient(top,  #fcf5bf 0%, #fcf5bf 50%, #fcf5bf 51%, #fcf5bf 100%);
	background: -webkit-linear-gradient(top,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	background: -o-linear-gradient(top,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	background: -ms-linear-gradient(top,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	background: linear-gradient(top,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf5bf', endColorstr='#fcf5bf',GradientType=0 );
	color: #000000;
}
.vtab{
	font-weight: normal;
	background: #fcf5bf;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#fcf5bf), color-stop(50%,#fcf5bf), color-stop(51%,#fcf5bf), color-stop(100%,#fcf5bf));
	background: -moz-linear-gradient(-90deg,  #fcf5bf 0%, #fcf5bf 50%, #fcf5bf 51%, #fcf5bf 100%);
	background: -webkit-linear-gradient(-90deg,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	background: -o-linear-gradient(-90deg,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	background: -ms-linear-gradient(-90deg,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	background: linear-gradient(-90deg,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	color: #000000;
}
.vtab:hover, .vtab_selected{
	background: #ed1b24;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#ed1b24), color-stop(50%,#ed1b24), color-stop(51%,#ed1b24), color-stop(100%,#ed1b24));
	background: -moz-linear-gradient(-90deg,  #ed1b24 0%, #ed1b24 50%, #ed1b24 51%, #ed1b24 100%);
	background: -webkit-linear-gradient(-90deg,  #ed1b24 0%,#ed1b24 50%,#ed1b24 51%,#ed1b24 100%);
	background: -o-linear-gradient(-90deg,  #ed1b24 0%,#ed1b24 50%,#ed1b24 51%,#ed1b24 100%);
	background: -ms-linear-gradient(-90deg,  #ed1b24 0%,#ed1b24 50%,#ed1b24 51%,#ed1b24 100%);
	background: linear-gradient(-90deg,  #ed1b24 0%,#ed1b24 50%,#ed1b24 51%,#ed1b24 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1b24', endColorstr='#ed1b24',GradientType=0 );
	color: #ffffff;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #fcf5bf;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf5bf), color-stop(50%,#fcf5bf), color-stop(51%,#fcf5bf), color-stop(100%,#fcf5bf));
	background: -moz-linear-gradient(top,  #fcf5bf 0%, #fcf5bf 50%, #fcf5bf 51%, #fcf5bf 100%);
	background: -webkit-linear-gradient(top,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	background: -o-linear-gradient(top,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	background: -ms-linear-gradient(top,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	background: linear-gradient(top,  #fcf5bf 0%,#fcf5bf 50%,#fcf5bf 51%,#fcf5bf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf5bf', endColorstr='#fcf5bf',GradientType=0 );

	color: #000000;
	border-right: 0px solid #fcf5bf;
	border-left: 0px solid #fcf5bf;
	border-top: 0px solid #fcf5bf;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.tab:hover, .tab_selected, .navbar-top .open>a, .navbar-top>div>ul>li>a:hover, .navbar-top a.current, .navbar-top>div>ul>li>a:focus{
	background: #ed1b24;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1b24), color-stop(50%,#ed1b24), color-stop(51%,#ed1b24), color-stop(100%,#ed1b24));
	background: -moz-linear-gradient(top,  #ed1b24 0%, #ed1b24 50%, #ed1b24 51%, #ed1b24 100%);
	background: -webkit-linear-gradient(top,  #ed1b24 0%,#ed1b24 50%,#ed1b24 51%,#ed1b24 100%);
	background: -o-linear-gradient(top,  #ed1b24 0%,#ed1b24 50%,#ed1b24 51%,#ed1b24 100%);
	background: -ms-linear-gradient(top,  #ed1b24 0%,#ed1b24 50%,#ed1b24 51%,#ed1b24 100%);
	background: linear-gradient(top,  #ed1b24 0%,#ed1b24 50%,#ed1b24 51%,#ed1b24 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1b24', endColorstr='#ed1b24',GradientType=0 );
	color: #ffffff;
}
.tab a{
	color: #000000;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #ffffff;
}
.tab-bar{
	border-bottom: 1px solid #fcf5bf;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,none), color-stop(50%,none), color-stop(51%,none), color-stop(100%,none));
	background: -moz-linear-gradient(top,  none 0%, none 50%, none 51%, none 100%);
	background: -webkit-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -o-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -ms-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='none', endColorstr='none',GradientType=0 );
	color: #ffffff;
}
#responsiveheaderimage{
	background-image: URL(/images/logos/granvillelibrary/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 1px solid #3a4f4b;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
}
.widgetheader{
	color: #ffffff;
	font-weight: bold;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: -1px -1px 0px 0px;
	border-radius: -1px -1px 0px 0px;
	background: #3a4f4b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a4f4b), color-stop(50%,#3a4f4b), color-stop(51%,#3a4f4b), color-stop(100%,#3a4f4b));
	background: -moz-linear-gradient(top,  #3a4f4b 0%, #3a4f4b 50%, #3a4f4b 51%, #3a4f4b 100%);
	background: -webkit-linear-gradient(top,  #3a4f4b 0%,#3a4f4b 50%,#3a4f4b 51%,#3a4f4b 100%);
	background: -o-linear-gradient(top,  #3a4f4b 0%,#3a4f4b 50%,#3a4f4b 51%,#3a4f4b 100%);
	background: -ms-linear-gradient(top,  #3a4f4b 0%,#3a4f4b 50%,#3a4f4b 51%,#3a4f4b 100%);
	background: linear-gradient(top,  #3a4f4b 0%,#3a4f4b 50%,#3a4f4b 51%,#3a4f4b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4f4b', endColorstr='#3a4f4b',GradientType=0 );
}
.widgetbody{
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius: 0px 0px -1px -1px;
	border-radius: 0px 0px -1px -1px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #225977;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #225977;
	border-color: #225977;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #225977;
}
.polaris-nav-active i{
	color: #225977;
}
.widgetbody hr{
	color: #cccaca;
	background-color: #cccaca;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #cccaca;
}
.bottomrule{
	border-bottom: 1px solid #cccaca;
}
.bodytext{color: #000000;}
.headingtext{color: #225977;}
/*** General ***/

html {
  font-size: 16px;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    border-top: #DF9C34 solid 10px;
}

#body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
#body > div {
    vertical-align: top;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px;
}
/* target a div to allow a content block to go full width */
#body>div>.amh-row>div#idQXbwR.amh-block>.amh-content {
    max-width: 100%;
}
a:hover {
	cursor: pointer !important;
}
a:visited {
    color: #551A8B;
}
.granville-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
/** Buttons **/
.btn-primary, .btn-primary:hover {
    background-color: #066699;
    border-color: #066699;
    cursor: pointer;
    text-transform: capitalize;
      color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #551a8b;
      color: #fff;
}
.btn, .button {
    font-weight: 400;
    color: #fff;
    background: #066699;
    background-color: #066699;
    border-color: #066699;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    text-transform: capitalize;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: none;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.btn:hover, .button:hover {
    text-decoration: none;
    border: 1px solid transparent;
    background-color: #551a8b;
    background: #551a8b;
  color: white;
}
/*** Navigation ***/
.navbar-top .navbar-nav > li > a {
    padding: 1em 1.5em;
    font-family: "Oswald", sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: background-color 0.75s ease;
    color: #000;
    text-transform: uppercase;
}
/** hides default home tab **/
#navbar-collapse-grid > ul > li:nth-child(2) > a {
  display: none;
}
#navbar-collapse-grid > ul > li > a > i {
  display: none;
}
/** submenus **/
.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    transition: background-color 0.75s ease;
    background-color: #d59532;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}
.dropdown-menu>li>a {
    padding: 0.6em 0.2em;
    font-size: 1rem;
    color: #fff;
    transition: background-color 0.75s ease;
    font-family: "Oswald", sans-serif;
}
.dropdown-menu>li>a:hover {
    background-color: #ed1b24;
    text-decoration: none;
    color: #fff;
}
.navbar {
    position: relative;
    border: 0px solid transparent;
}
.navbar-top .navbar-collapse {
    padding: 0px;
}
#navbar {
    padding: 0;
    background-color: #fcf5bf;
    border: #fbb03b solid 1px;
}
#navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-nav {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}


.navbar-nav > li {
    margin-right: 12px; 
}

.navbar-nav > li:last-child {
    margin-right: 0;
}

/*** Header ***/
@media (min-width: 1600px) {
#header-wrapper, #footer-wrapper {
        max-width: 70%;
        margin: auto;
        border-left: #ccc solid 1px;
        border-right: #ccc solid 1px;
}
}
.granville-navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}
#header .granville-navbar-brand {
    max-width: 40%;
    margin-left: 15px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.align-top {
    vertical-align: top;
}
.d-inline-block {
    display: inline-block;
}
#header .granville-navbar-brand img {
    max-width: 100%;
    width: 415px;
    margin-bottom: 10px;
    z-index: 5;
    position: relative;
}
#block-oplin-block-29 {
    position: absolute;
    right: 120px;
    top: 8px;
}
#block-oplin-block-15 {
    position: absolute;
    right: 5%;
    top: 60px;
    width: 42%;
    background-color: #fff;
}
#block-oplin-block-29 a {
    font-size: 0.9rem;
    font-weight: 400;
    color: #6552DF;
}
#block-oplin-block-15 fieldset {
    padding: 0.35em 0.625em 0.75em;
    border: none;
}
#block-oplin-block-15 #searchselect {
    height: 40px;
    border: none;
    padding-top: 8px;
    padding-bottom: 6px;
    padding-left: 2px;
    background-color: #fff;
    margin-left: 10px;
    margin-top: 6px;
    margin-right: 6px;
    display: inline;
    float: left;
}
#block-oplin-block-15 #q {
    display: inline;
    width: 45%;
    height: 38px;
    color: #000 !important;
    background-color: #fff;
    font-size: 1rem;
    font-family: "Open Sans",sans-serif;
    position: relative;
    z-index: 1;
}
#block-oplin-block-15 #searchsubmit {
    font-size: 1.375rem;
    font-family: "Segoe UI Symbol",sans-serif;
    background-color: #fff;
    color: #7D6CE4 !important;
    border: none;
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}
#block-oplin-block-15 #searchselect #source {
    color: #000;
    font-size: 0.875rem;
    border: none !important;
    background-color: rgb(248,248,248);
}

/*** Footer ***/
.site-footer {
    font-family: Oswald,sans-serif;
    background: #E39F35;
    color: #000;
    padding: 10px 0 30px;
    margin-top: 20px;
    width: 100%;
}
.site-footer .granville-container, .site-footer .site-footer-top {
    width: 100%;
}
.granville-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.justify-content-between {
    justify-content: space-between;
}
.site-footer-top {
    width: 100%;
    flex-wrap: nowrap;
    margin: 0 auto;
}
.site-footer-top .region {
    margin: 0 10px;
}
.site-footer .block {
    margin: 10px 0 0 0;
    border: none;
    padding: 0;
}
.site-footer .granville-content {
    color: #000;
    font-size: 1.125rem;
}
#footer p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.site-footer .granville-content a, .site-footer .granville-content a.is-active {
    font-family: "Open Sans",serif;
    color: #2E3192;
    font-weight: 400;
    font-decoration: underline;
}
.site-footer-top a {
    text-decoration: none;
}
.site-footer .granville-content a:hover, .site-footer .granville-content a:focus {
    color: #DFC04F;
}
.site-footer .block h2 {
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    border-bottom: none;
    padding-bottom: 0;
    text-shadow: none;
}
.site-footer .block h2 {
    color: #000;
    font-size: 1.375rem;
    font-weight: 400;
    padding: 0;
    margin: 2px 0 4px 0;
   font-family: "Open Sans", sans-serif
}
.rtecenter {
    text-align: center;
}
#block-oplin-block-14 img:hover {
    transition: all 0.2s ease-in-out;
    transform: scale(1.3);
}
#backtotop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 70px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.2);
    height: 70px;
    text-align: center;
    line-height: 70px;
    color: #fff;
    transition: all 0.75s ease;
}
.svg-inline--fa {
    display: var(--fa-display,inline-block);
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}
#footer b {
   font-weight: 400;
}
/**** Media queries ***/
@media (min-width:480px)  {
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
}

@media (min-width: 576px) {
    .granville-container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .granville-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .granville-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .granville-container {
        max-width: 1140px;
    }
}


@media (max-width: 991px) {
    #block-oplin-block-29 {
        position: static;
        text-align: center;
    }
  #header .granville-navbar-brand {
    width: 100%;
    max-width: 100%;
    margin: 0;
    text-align: center;
}
  .site-footer-top .region {
    width: 100%;
    flex-basis: 100%;
}
  .site-footer-top {
    width: 100%;
    flex-wrap: wrap;
}
  #block-oplin-block-15 {
     display: none; 
  }
  .navbar-brand {
    display: none;
  }
  #navbar,.navbar-nav {
      display: block;
  }
}