Healthcare Providers

1.tabordion {
2  color: #333;
3  display: block;
4  margin: auto;
5  position: relative;
6  width: 85%;
7}
8.tabordion input[name="sections"] {
9  position: absolute;
10        top: 50px;
11}
12
13.tabordion section {
14  display: block;
15}
16
17.tabordion input[name=sections]:checked~article {
18        text-align: center;
19    display: block;
20    padding-top: 0px !important;
21}
22.tabordion section label {
23        line-height: 1.1;
24        display: inline-block;
25    padding: 21px 0px;
26    border: none;
27    font-size: 1.2rem;
28    text-align: center;
29    color: #fff;
30    background-color: #2b6a83;
31    -webkit-box-shadow: 0 -2px 0 0 transparent inset;
32  cursor: pointer;
33  position: relative;
34  width: 100%;
35  z-index: 99999 !important;
36  margin-bottom: 10px;
37}
38
39.tabordion section article {
40    display: none;
41    left: 0px;
42    min-width: 300px;
43    padding: 30px 30px 20px 21px;
44    position: relative;
45    top: 0;
46}
47
48.tabordion section article:after {
49  bottom: 0;
50  content: "";
51  display: block;
52  left:-229px;
53  position: absolute;
54  top: 0;
55  width: 220px;
56}
57.tabordion input[name=sections] {
58    position: absolute;
59    display: none 
60} label:before,input[name=sections]:checked + label {
61    background-color: #f3cb5d;
62    color: white;
63   font-weight: 800;
64}
65.tabordion input[name="sections"]:checked ~ article {
66  display: block;
67    padding-top: 50px;
68}
69.ime{
70    width: 200px;
71  overflow: hidden;
72  height: 170px;;
73    padding: 20px
74}

1.tabordion {
2  color: #333;
3  display: block;
4  margin: auto;
5  position: relative;
6  width: 85%;
7}
8.tabordion input[name="sections"] {
9  position: absolute;
10        top: 50px;
11}
12
13.tabordion section {
14  display: block;
15}
16
17.tabordion input[name=sections]:checked~article {
18        text-align: center;
19    display: block;
20    padding-top: 0px !important;
21}
22.tabordion section label {
23        line-height: 1.1;
24        display: inline-block;
25    padding: 21px 0px;
26    border: none;
27    font-size: 1.2rem;
28    text-align: center;
29    color: #fff;
30    background-color: #2b6a83;
31    -webkit-box-shadow: 0 -2px 0 0 transparent inset;
32  cursor: pointer;
33  position: relative;
34  width: 100%;
35  z-index: 99999 !important;
36  margin-bottom: 10px;
37}
38
39.tabordion section article {
40    display: none;
41    left: 0px;
42    min-width: 300px;
43    padding: 30px 30px 20px 21px;
44    position: relative;
45    top: 0;
46}
47
48.tabordion section article:after {
49  bottom: 0;
50  content: "";
51  display: block;
52  left:-229px;
53  position: absolute;
54  top: 0;
55  width: 220px;
56}
57.tabordion input[name=sections] {
58    position: absolute;
59    display: none 
60} label:before,input[name=sections]:checked + label {
61    background-color: #f3cb5d;
62    color: white;
63   font-weight: 800;
64}
65.tabordion input[name="sections"]:checked ~ article {
66  display: block;
67    padding-top: 50px;
68}
69.ime{
70    width: 200px;
71  overflow: hidden;
72  height: 170px;;
73    padding: 20px
74}<div class="tabordion"><section id="section1"><input id="option1" checked="checked" name="sections" type="radio" /><label for="option1">Family Caregivers <i class="fa fa-angle-down" aria-hidden="true"></i>
75</label> <article>
76<div class="rom">
77<div class="col-md-8 sec">
78<h3>Caregiving Strategies Handbook</h3>
79</div>
80</div>
81</article></section><section id="section2"><input id="option2" name="sections" type="radio" /><label for="option2">Alzheimer’s & Dementia <i class="fa fa-angle-down" aria-hidden="true"></i></label><article>
82<h2>Alzheimer’s & Dementia</h2>
83<div class="rom">
84<div class="col-md-4 ime"><img class="resim alignnone wp-image-21936" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Screen-Shot-2021-04-06-at-10.26.30-PM.png" alt="" /></div>
85<div class="col-md-8 sec">
86<h3>Caring for Someone with Alzheimer's or Dementia</h3>
87<h4>A HANDBOOK FOR CARE</h4>
88<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Caring-for-Someone-with-Alzheimers-or-Dementia.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
89</div>
90</div>
91
92<hr />
93
94<div class="rom">
95<div class="col-md-4 ime"><img class="resim alignnone wp-image-21938" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Screen-Shot-2021-04-06-at-10.29.23-PM.png" alt="" /></div>
96<div class="col-md-8 sec">
97<h3>Dementia: A Guide for Caregivers</h3>
98<h4>Communicating about dementia with healthcare providers</h4>
99<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Dementia-A-Guide-for-Caregivers.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
100</div>
101</div>
102
103<hr />
104
105<div class="rom">
106<div class="col-md-4 ime"><img class="resim alignnone wp-image-21940" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Screen-Shot-2021-04-06-at-10.32.29-PM.png" alt="" /></div>
107<div class="col-md-8 sec">
108<h3>Dementia in Canada Statistics</h3>
109<h4>Demintia in Canada, including Alzheimer's disease</h4>
110<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Dementia-in-Canada-Statistics.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
111</div>
112</div>
113</article></section><section id="section3"><input id="option3" name="sections" type="radio" /><label for="option3">COPD <i class="fa fa-angle-down" aria-hidden="true"></i></label><article>
114<h2>Chronic Obstructive Pulmonary Disease (COPD)</h2>
115<div class="rom">
116<div class="col-md-4 ime"><img class="resim alignnone wp-image-22431" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/image.jpeg" alt="" /></div>
117<div class="col-md-8 sec">
118<h3>COPD Handbook</h3>
119<h4>Signs and Symptoms of Chronic Obstructive Pulmonary Disease</h4>
120<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/COPD-Handbook.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
121</div>
122</div>
123</article></section><section id="section4"><input id="option4" name="sections" type="radio" /><label for="option4">Stroke <i class="fa fa-angle-down" aria-hidden="true"></i></label><article>
124<h2>Stroke</h2>
125<div class="rom">
126<div class="col-md-4 ime"><img class="resim alignnone wp-image-21961" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/iStock-1168179082.jpg" alt="" /></div>
127<div class="col-md-8 sec">
128<h3>A Guide for Stroke Survivors and Families</h3>
129<h4>A GUIDE FOR STROKE SURVIVORS, FAMILIES, & CAREGIVERS</h4>
130<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/A-Guide-for-Stroke-Survivors-and-Families.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
131</div>
132</div>
133</article></section><section id="section5"><input id="option5" name="sections" type="radio" /><label for="option5">Palliative Care <i class="fa fa-angle-down" aria-hidden="true"></i></label><article>
134<h2>Palliative Care</h2>
135<div class="rom">
136<div class="col-md-4 ime"><img class="resim alignnone wp-image-21961" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Screen-Shot-2021-04-06-at-11.12.32-PM.png" alt="" /></div>
137<div class="col-md-8 sec">
138<h3>A Caregiver's Guide to the Dying Process</h3>
139<h4>“Dying is not primarily a medical condition, but a personally experienced, lived condition.”</h4>
140<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/A-Caregivers-Guide-to-the-Dying-Process.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
141</div>
142</div>
143
144<hr />
145
146<div class="rom">
147<div class="col-md-4 ime"><img class="resim alignnone size-full wp-image-21963" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Screen-Shot-2021-04-06-at-11.15.12-PM.png" alt="" width="755" height="467" /></div>
148<div class="col-md-8 sec">
149<h3>Guiding Family Caregivers through End of Life Care</h3>
150<h4>Why Do Family Caregivers Needs To Be Guided To Take Care Of Themselves?</h4>
151<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Guiding-Family-Caregivers-through-End-of-Life-Care.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
152</div>
153</div>
154</article></section><section id="section6"><input id="option6" name="sections" type="radio" /><label for="option6">Respite Care <i class="fa fa-angle-down" aria-hidden="true"></i></label><article>
155<h2>Respite Care</h2>
156<div class="rom">
157<div class="col-md-4 ime"><img class="resim alignnone wp-image-21967" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Screen-Shot-2021-04-06-at-11.22.29-PM.png" alt="" /></div>
158<div class="col-md-8 sec">
159<h3>Respite Care Guide</h3>
160<h4>Finding What’s Best for You. Respite refers to a short time of rest or relief.</h4>
161<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Respite-Care-Guide.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
162</div>
163</div>
164</article></section><section id="section7"><input id="option7" name="sections" type="radio" /><label for="option7">Postpartum Care <i class="fa fa-angle-down" aria-hidden="true"></i></label><article>
165<h2>Postpartum Care</h2>
166<div class="rom">
167<div class="col-md-4 ime"><img class="resim alignnone wp-image-21970" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Screen-Shot-2021-04-06-at-11.28.19-PM.png" alt="" /></div>
168<div class="col-md-8 sec">
169<h3>Your Guide to Postpartum Care</h3>
170<h4>The first 6 weeks after birth is known as the postpartum period.</h4>
171<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Your-Guide-to-Postpartum-Care.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
172</div>
173</div>
174
175<hr />
176
177<div class="rom">
178<div class="col-md-4 ime"><img class="resim alignnone wp-image-21973" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Screen-Shot-2021-04-06-at-11.33.15-PM.png" alt="" /></div>
179<div class="col-md-8 sec">
180<h3>Postpartum Care in Canada</h3>
181<h4>The postpartum period is a significant time for the mother, baby, partner, and family.</h4>
182<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Postpartum-Care-in-Canada.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
183</div>
184</div>
185</article></section><section id="section8"><input id="option8" name="sections" type="radio" /><label for="option8">Hospital Discharge Guide <i class="fa fa-angle-down" aria-hidden="true"></i></label><article>
186<h2>Hospital Discharge</h2>
187<div class="rom">
188<div class="col-md-4 ime"><img class="resim alignnone wp-image-18146" src="http://www.bigheartshomecare.ca/wp-content/uploads/2021/02/bh-blog-hospital-discharge-planning.jpg" alt="hospital discharge planning" /></div>
189<div class="col-md-8 sec">
190<h3>Hospital Discharge Guid</h3>
191<h4>In the Hospital: Planning for Discharge, Know Who Is on the Discharge Team</h4>
192<div id="btn"><span class="noselect"><a href="http://www.bigheartshomecare.ca/wp-content/uploads/2021/04/Hospital_to_Home-1.pdf" target="_blank" rel="noopener">Read More..</a></span></div>
193</div>
194</div>
195</article></section></div>