@import url('fontawesome/font-awesome.min.css');
/* open-sans-regular - latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-display: swap; font-weight: 400; src: url('fonts/open-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */ 
	src: local(''),
       url('fonts/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v27-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* m-plus-1p-regular - latin */
@font-face { font-family: 'M PLUS 1p'; font-style: normal; font-display: swap; font-weight: 400; src: url('fonts/m-plus-1p-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/m-plus-1p-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/m-plus-1p-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/m-plus-1p-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/m-plus-1p-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/m-plus-1p-v19-latin-regular.svg#MPLUS1p') format('svg'); /* Legacy iOS */
}
/* questrial-regular - latin */
@font-face { font-family: 'Questrial'; font-style: normal; font-display: swap; font-weight: 400; src: url('fonts/questrial-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/questrial-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/questrial-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/questrial-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/questrial-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/questrial-v13-latin-regular.svg#Questrial') format('svg'); /* Legacy iOS */
}

h1 { font-family: "M PLUS 1p" !important; font-size: 38px; border: none; color: #e31c23 }
h2 { font-family: "M PLUS 1p" !important; margin-top: 30px; font-size: 30px; border: none; color: #e31c23; }
h3, h4, h5, h6 { font-family: "M PLUS 1p" !important; margin-top: 25px; font-size: 22px; border: none; color: #00a3e3; }
body { font-family: "Open Sans"; color: #555555; font-size: 16px; line-height: 150%; border: none; background-color: #fff;}
p {margin: 0 0 10px 0; }
#block-www-content a, #block-www-content a:visited, #block-www-content a:active {color: #e63c0a;}
#header { background-color: #fff; background-image: none; box-shadow: 0 4px 16px 0 rgba(0,0,0,0.1); font-family: "Open Sans";}
#block-www-branding { float: left; clear: none;}
.site-branding__logo img { height: 100px;}
.site-branding__text { display: none;}

@media only screen and (min-width: 901px) {
	/* Main menu */
	.region-header {float:left; clear: none;}
	.region-primary-menu {float: left; clear: none;}
	.region-secondary-menu .menu-item { display: block; clear: none; float: left;} 
	.region-primary-menu li, .region-secondary-menu li {display: block; position: relative;}
	#block-www-main-menu ul.menu li a, #block-www-account-menu li a { font-size: 15px; color: #00a3e3; line-height: 30px; padding: 5px 10px; margin: 38px 5px 5px 0; text-shadow: none; text-decoration: none;}
	#block-www-main-menu ul.menu li a.is-active { color: #e31c23; background: none; }
	
	#block-www-main-menu ul.menu li > a:before, #block-www-account-menu ul.menu li > a:before {
	  content: "";
	  position: absolute;
	  width: 100%;
	  height: 3px;
	  bottom: 0;
	  left: 0;
	  background-color: #00a3e3;
	  visibility: hidden;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transition: all 0.3s ease-in-out 0s;
	  transition: all 0.3s ease-in-out 0s;
	}
	
	#block-www-main-menu ul.menu li > a:hover, , #block-www-account-menu ul.menu li > a:hover {text-decoration: none; border-bottom: none;}
	#block-www-main-menu ul.menu li > a:hover:before, #block-www-account-menu ul.menu li > a:hover:before {
	  visibility: visible;
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1); 
	}
	#block-www-main-menu ul.menu li  > a.is-active:before, #block-www-account-menu ul.menu li  > a.is-active:before {
	  content: "";
	  position: absolute;
	  width: 100%;
	  height: 3px;
	  visibility: visible;
	  bottom: 0;
	  left: 0;
	  transform: scaleX(1);
	  background-color: #e31c23;
	}
}	
#block-www-account-menu { float: right;}	
#bigimage {height: 300px; background-size: cover; position:relative;}
#bigimage  {background: url("/sites/www.dubdoc.ie/themes/www/site-images/iStock-585147554-cropped.jpg"); background-size: cover;height:280px;margin-bottom:20px;}
#bigimage .layout-container { position: relative; top: 80px; height: 140px; margin-left: auto; margin-right: auto; max-width: 600px; width: 80%; border: 1px solid #131313; background: rgba(0,0,0,.6); color: white; padding: 20px 40px; }
#bigimage .layout-container h2 { font-family: "Questrial";  color: white; text-shadow: -1px 0 rgba(50,0,0,.6), 0 1px rgba(50,0,0,.6), 1px 0 rgba(50,0,0,.6), 0 -1px rgba(50,0,0,.6); font-size: 30px; line-height: 40px; height: 40px; overflow: hidden; margin: 0 0 10px 0; }
#bigimage .layout-container p { font-family: "Questrial"; text-shadow: -1px 0 rgba(50,0,0,.6), 0 1px rgba(50,0,0,.6), 1px 0 rgba(50,0,0,.6), 0 -1px rgba(50,0,0,.6); font-size: 18px; line-height: 25px; height: 50px; overflow: hidden; }
.featured-top {background: #fff; border: none;}	
#block-leftcolumnhomepage{width:32%;float:left;margin-right:15px;margin-left:5px;min-height: 12em;}
#block-centrecolumnhomepage{width:32%;float:left;margin-right:15px;min-height: 12em;}
#block-rightcolumnhomepage{width:32%;float:left;min-height: 12em;}
#block-leftcolumnhomepage h2, #block-centrecolumnhomepage h2, #block-rightcolumnhomepage h2{ font-size: 30px; margin-top: 0; color: #00a3e3;}
#block-leftcolumnhomepage h2::before { content: "\f073"; font-family: FontAwesome; padding-right: 10px; }
#block-centrecolumnhomepage h2::before { content: "\f0d6"; font-family: FontAwesome; padding-right: 10px; }
#block-rightcolumnhomepage h2::before { content: "\f0f0"; font-family: FontAwesome; padding-right: 10px; }
#block-leftcolumnhomepage p, #block-centrecolumnhomepage p, #block-rightcolumnhomepage p { height: 96px;line-height: 24px; font-size: 16px; overflow: hidden; }

#block-leftcolumnhomepage .content a, #block-centrecolumnhomepage .content a, #block-rightcolumnhomepage .content a { margin-left: auto; margin-right: auto; max-width: 50%; border-radius: 3px; display: block; margin-top: 20px; padding: 10px 15px; background: #e31c23; color: white; text-shadow: none; }
#block-leftcolumnhomepage .content a:hover, #block-centrecolumnhomepage .content a:hover, #block-rightcolumnhomepage .content a:hover { text-decoration: none; background: #710e11; }

.node .field--type-image { float: right; display: inline; margin-left: 20px; margin-bottom: 20px; }
.field--name-field-downloadable-resources {background: #f3f3f3; border: 1px solid #d3d3d3; padding: 10px 15px; margin-top: 20px; display: block; clear: both;}
.view-useful-information article.node--view-mode-full { float: left; width: 48%; }
#block-backtomembersarea p a { display: block; margin-left: auto; margin-right: auto; padding: 15px 20px; background-color: #e31c23; color: white; text-align: center; border-radius: 2px; }
#block-backtomembersarea p a:hover { text-decoration: none; background-color: #710e11; }
#block-views-block-members-area-block .views-row .views-field {
  border: 1px solid #d3d3d3;
  background: #f3f3f3;
}
#block-www-wehavemoved { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px #e31c23 solid; }
#block-www-wehavemoved .content h6 { font-size: 1rem; margin-top: 0; }
#block-www-wehavemoved .content p { font-size: 80%; }
#block-www-wehavemoved .content { min-height: 98px; text-align: left; background: transparent url("/sites/www.dubdoc.ie/themes/www/site-images/moved.png") left 50% no-repeat; background-size: 128px auto; padding-left: 148px; }

@media (min-width:992px) {
	#block-views-block-members-area-block  { float:left; width:50%;}
}

@media all and (max-width: 900px) {
	#block-leftcolumnhomepage,#block-centrecolumnhomepage,#block-rightcolumnhomepage{width:100%;float:none;}
	body:not(:target) .region-primary-menu .menu-toggle::after {background: url(/sites/www.dubdoc.ie/themes/www/site-images/hamburger.svg); no-repeat; background-size: contain; }
	#block-www-wehavemoved .content { background-position: 50% top; padding-left: 0; padding-top: 128px; text-align: center; }
}


@media all and (min-width: 461px) and (max-width: 900px) {
	#block-www-branding {padding-top:10px;}
	.region-primary-menu .menu-item, body:not(:target) .region-primary-menu .menu-item{width:32%; padding:0; line-height: 250%; text-shadow: none;}
	#block-www-main-menu .menu a, #block-useraccountmenu a { background:#f3f3f3;border: none !important; padding:0 5px;}
	#block-www-main-menu .menu a.is-active,  #block-www-main-menu ul.menu .menu-item--active-trail a, #block-useraccountmenu ul.menu a.is-active, #block-www-main-menu .menu a:hover { background: #00a3e3; color: white; text-shadow: none;}
	.path-frontpage #bigimage a.tag-bi-link {font-size:18pt;}
	.view-useful-information article.node--view-mode-full { display: block; float: none; margin-right: 10px; width:90%; }
	.view-useful-information article.node--view-mode-full .field-type-image { display: block !important; float: left !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 10px !important; max-width:100%;height:auto; margin-right: 20px; }
}
@media all and (max-width: 460px) {

	#block-www-main-menu .menu a.is-active,  #block-www-main-menu ul.menu .menu-item--active-trail a, #block-useraccountmenu ul.menu a.is-active, #block-www-main-menu .menu a:hover { background: #00a3e3; color: white; text-shadow: none; border-radius: 0;}
}


#block-views-block-members-area-block .views-row .views-field a { border-bottom: 15px solid #f3f3f3; height: 61px; display: block; padding: 15px 15px 15px 107px; background-position: 15px 15px; background-repeat: no-repeat; background-image: url("/sites/www.dubdoc.ie/themes/www/site-images/Window-256.png"); background-size: 71px 71px; overflow: hidden; }
.site-footer__top .region { width: 100%;}
.site-footer { background: #00a3e3; color: white; box-shadow: 0 -4px 16px rgba(0,0,0,0.1);}
#block-footer h2::before { content: "\f095"; font-family: FontAwesome; padding-right: 10px;}
#block-footer h2 { margin-top: 0; font-size: 18px; color: white; border: none; text-transform: none; }
#block-footer .content p, #block-footer .content a { font-size: 16px; color: #fff;}
.site-footer__bottom, .site-footer .block { border: none;}
#block-footerionic { text-align: right;}