Apply the OLP in these units https://manoa.hawaii.edu/exploringourfluidearth/ en Energy Acquisition, Growth, Development, and Reproduction https://manoa.hawaii.edu/exploringourfluidearth/biological/fish/energy-acquisition-growth-development-and-reproduction-fish <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--title--topic-page.html.twig x field--node--title.html.twig * field--node--topic-page.html.twig * field--title.html.twig * field--string.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <span class="field field--name-title field--type-string field--label-hidden">Energy Acquisition, Growth, Development, and Reproduction</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--title.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-display-title--topic-page.html.twig * field--node--field-display-title.html.twig * field--node--topic-page.html.twig * field--field-display-title.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-display-title field--type-string field--label-visually_hidden"> <div class="field__label visually-hidden">Title</div> <div class="field__item"><h2 class="page-title">Energy Acquisition, Growth, Development, and Reproduction</h2> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--uid--topic-page.html.twig x field--node--uid.html.twig * field--node--topic-page.html.twig * field--uid.html.twig * field--entity-reference.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <span class="field field--name-uid field--type-entity-reference field--label-hidden"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'username' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> <a title="View user profile." href="/exploringourfluidearth/users/rnakama" class="username">rnakama</a> <!-- END OUTPUT from 'core/themes/classy/templates/user/username.html.twig' --> </span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--uid.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--created--topic-page.html.twig x field--node--created.html.twig * field--node--topic-page.html.twig * field--created.html.twig * field--created.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <span class="field field--name-created field--type-created field--label-hidden">Wed, 11/06/2019 - 11:07</span> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--node--created.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-standards-ngss-pe--topic-page.html.twig * field--node--field-standards-ngss-pe.html.twig * field--node--topic-page.html.twig * field--field-standards-ngss-pe.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-standards-ngss-pe field--type-entity-reference field--label-above"> <div class="field__label">NGSS Performance Expectations</div> <div class="field__items"> <div class="field__item"><a href="/exploringourfluidearth/curriculum-alignment/ngss/pe/ms-ls1-7-develop-model-describe-how-food-rearranged-through-chemical-reactions-forming-new-molecules" hreflang="en">MS-LS1-7 Develop a model to describe how food is rearranged through chemical reactions forming new molecules that support growth and/or release energy as this matter moves through an organism.</a></div> <div class="field__item"><a href="/exploringourfluidearth/curriculum-alignment/ngss/pe/ms-ls2-1-analyze-and-interpret-data-provide-evidence-effects-resource-availability-organisms-and" hreflang="en">MS-LS2-1 Analyze and interpret data to provide evidence for the effects of resource availability on organisms and populations of organisms in an ecosystem.</a></div> <div class="field__item"><a href="/exploringourfluidearth/curriculum-alignment/ngss/pe/hs-ls1-7-use-model-illustrate-cellular-respiration-chemical-process-whereby-bonds-food-molecules-and" hreflang="en">HS-LS1-7 Use a model to illustrate that cellular respiration is a chemical process whereby the bonds of food molecules and oxygen molecules are broken and the bonds in new compounds are formed resulting in a net transfer of energy.</a></div> <div class="field__item"><a href="/exploringourfluidearth/curriculum-alignment/ngss/pe/hs-ls2-3-construct-and-revise-explanation-based-evidence-cycling-matter-and-flow-energy-aerobic-and" hreflang="en">HS-LS2-3 Construct and revise an explanation based on evidence for the cycling of matter and flow of energy in aerobic and anaerobic conditions.</a></div> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-standards-ngss-pe-linking--topic-page.html.twig * field--node--field-standards-ngss-pe-linking.html.twig * field--node--topic-page.html.twig * field--field-standards-ngss-pe-linking.html.twig * field--string.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-standards-ngss-pe-linking field--type-string field--label-visually_hidden"> <div class="field__label visually-hidden">NGSS PE Linking Sentence</div> <div class="field__item">The content and activities in this topic will work towards building an understanding of how fish acquire food and energy to grow and reproduce within the world ocean.</div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--body--topic-page.html.twig * field--node--body.html.twig * field--node--topic-page.html.twig * field--body.html.twig x field--text-with-summary.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-visually_hidden"> <div class="field__label visually-hidden">Body</div> <div class="field__item"><h2>Fish Diets</h2> <p>Fish eat a wide variety of food items. The world’s largest fish—the whale shark—eats microscopic food items called plankton. The term plankton describes any aquatic organism that cannot swim against a current. Examples of <strong>plankton</strong> in a whale shark’s diet include tiny crustaceans, fish eggs, and jellyfish.</p> <p>Some fish eat algae and aquatic plants. For example, the grazing of surgeonfish prevents seaweeds from smothering tropical coral reefs. Other fish species are active predators, hunting other organisms. Examples of predatory fish include sharks, tunas, swordfish, snappers, eels, and groupers.</p> <p>Collectively, fish are part of the ocean food web. Producers, like algae and phytoplankton, provide food for the various types of animals in the ocean, including fish (Fig. 4.62).</p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.62.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/Fig4.62.jpg?itok=CzvNNGFx" width="590" height="443" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.62. &lt;/strong&gt;An ocean food web incorporates many different organisms in an ecosystem, from primary producers to consumers like fish, fishermen, and whales, as well as decomposers like brittle stars and bacteria.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;https://coast.noaa.gov/psc/sea/content/ocean-food-chains-and-food-webs.html&quot; href=&quot;https://coast.noaa.gov/psc/sea/content/ocean-food-chains-and-food-webs.html&quot;&gt;NOAA Sea.Earth.Atmosphere curriculum&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig. 4.62. </strong>An ocean food web incorporates many different organisms in an ecosystem, from primary producers to consumers like fish, fishermen, and whales, as well as decomposers like brittle stars and bacteria.</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Image courtesy of <a href="https://coast.noaa.gov/psc/sea/content/ocean-food-chains-and-food-webs.html">NOAA Sea.Earth.Atmosphere curriculum</a></p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><div class="embed"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'entity_embed_container' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> <div class="action-background"> <div id="node-1765" class="node node-special-feature-page special-feature-type-voice-of-the-sea contextual-links-region clearfix special-feature-type- " data-embed-button="node" data-entity-embed-display="entity_reference:entity_reference_label" data-entity-embed-display-settings="{&quot;link&quot;:1}" data-entity-type="node" data-entity-uuid="7702cd40-cdac-42ab-83c0-e76758bb131b" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Voice of the Sea</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/voice-sea-food-webs-open-ocean" hreflang="und">Food Webs of the Open Ocean</a> </h2> <div class="field-item even"><p></p></div> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div></div> <div class="embed"> </div> <div class="embed"> <h2>Digestive System</h2> <p>The digestive system of fish breaks food into smaller particles and then into molecules. These small molecules move into the bloodstream, which carries them to the cells of the body. Nutrient molecules are the building blocks for making and maintaining cells. The most common building blocks are fats, amino acids, sugars, minerals, water, and vitamins. </p> <p><span style="font-size: 13.008px;">The <strong>digestive system</strong> begins at the mouth and ends at the anus. Three main groups of organs make up the digestive system: the mouth, the digestive tube, and the digestive glands. Food and water enter the body through the mouth, where food is swallowed. Most fishes swallow their food whole but some feed by biting and chewing</span></p> <p>The tongue helps push food through the pharynx and into the esophagus. The <strong>pharynx</strong> is a membrane-lined cavity behind the mouth that connects to the esophagus. The <strong>esophagus</strong> is a short, narrow tube between the mouth and stomach. Gill rakers prevent food from escaping through the gill covers as water moves from the mouth over the gills (Fig. 4.63).</p> </div> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.63-alt.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/Fig4.63-alt.jpg?itok=GhpIvsUe" width="590" height="396" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.63.&lt;/strong&gt; The digestive system of a fish&lt;/p&gt;&#10;" title="&lt;p&gt;Illustrated by Byron Inouye&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig. 4.63.</strong> The digestive system of a fish</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Illustrated by Byron Inouye</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.64.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/Fig4.64.jpg?itok=BnbuCI-z" width="590" height="396" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.64.&lt;/strong&gt; Internal anatomy of a fish showing the digestive organs.&lt;/p&gt;&#10;" title="&lt;p&gt;Illustrated by Byron Inouye&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig. 4.64.</strong> Internal anatomy of a fish showing the digestive organs.</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Illustrated by Byron Inouye</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p>The digestive tube is the passageway from the esophagus to the anus; it consists of the stomach and intestine. Food is pushed through the digestive tube by smooth muscles wrapped in rings around the tube. When the ring of smooth muscle contracts, the tube narrows, pushing food farther along the tube. <strong>Peristalsis</strong>, the contracting and relaxing of smooth muscles, creates a wavelike motion that pushes undigested food along the tube to the anus (Fig. 4.64). Specialized regions along the length of the tube perform different functions.</p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.65.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/Fig4.65.jpg?itok=cnzPtwRc" width="590" height="1442" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.65.&lt;/strong&gt; The contraction of smooth muscles in the digestive tract is called peristalsis.&lt;/p&gt;&#10;" title="&lt;p&gt;Image from Living Ocean, CRDG, University of Hawaii at&amp;nbsp;Manoa&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig. 4.65.</strong> The contraction of smooth muscles in the digestive tract is called peristalsis.</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Image from Living Ocean, CRDG, University of Hawaii at Manoa</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p>Food passes from the esophagus into the <strong>stomach</strong>, where it is partially digested before moving into the <strong>intestine</strong>. In some fishes the stomach blends into rest of the intestine to form a very long digestive tract. This helps maximize absorption of nutrients from difficult-to-digest material, like algae. This type of long intestine is usually found in herbivorous fishes like parrotfish. In fact, the intestines of herbivorous fish can be several times longer than the fish’s own body! Carnivorous fishes, on the other hand, usually have distinct stomachs and short intestines. This is because animal flesh is easier to digest.</p> <p>Chemicals in the intestine break the partially digested food into smaller molecules. Only small molecules can pass into the bloodstream. <strong>Defecation</strong> is the process of passing undigested material from the posterior part of the intestine out of the body through the anus. <strong>Feces</strong> is the solid material that is eliminated.</p> <p>The <strong>digestive glands</strong> produce chemicals that break down food. One such gland is the liver. The liver produces <strong>bile</strong>, a substance that breaks fats and oils into smaller particles. The <strong>gall bladder</strong> is a structure connected to the liver. The gall bladder stores the bile produced between meals.</p> <p>The <strong>pancreas</strong> is another digestive gland. The pancreas lies next to the stomach. The pancreas produces enzymes that help digestion. <strong>Enzymes</strong> are proteins that speed up chemical reactions. Enzymes travel from the pancreas into the intestine through small tubes called ducts.</p> <div class="embed"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'entity_embed_container' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> <div class="action-background"> <div id="node-1767" class="node node-special-feature-page special-feature-type-voice-of-the-sea contextual-links-region clearfix special-feature-type- " data-embed-button="node" data-entity-embed-display="entity_reference:entity_reference_label" data-entity-embed-display-settings="{&quot;link&quot;:1}" data-entity-type="node" data-entity-uuid="bb09755c-8047-4282-889a-bd00a6f08a5e" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Voice of the Sea</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/voice-sea-fish-no-take" hreflang="und">Fish No Take</a> </h2> <div class="field-item even"><p></p></div> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div></div> <h2>Feeding</h2> <p>Most fish are opportunistic and will feed on a wide variety of foods. Most fish are also predatory; they feed on live animals or on parts of live animals. But in tropical waters, up to 20 percent of the species, and 50 percent of the individual fish, feed on algae.</p> <p>Fish spend most of their time looking for food and feeding. Fish find food using their senses: eyes, ears, nose, mouth, and lateral line. The lateral line helps fish detect nearby prey by sensing water movement. And, some fishes, like cartilaginous fish and catfish even use electrosenses. Electroreceptive ability allows these fish to detect the weak electric fields that surround living prey.</p> <p>There are three main ways that fish feed: (1) biting, (2) suction, and (3) filtering. There is an evolutionary progression, from long jaws that catch prey to jaws that protrude and suck prey in. The feeding structure of advanced, suction-feeding fish consists of more than thirty moveable bones and fifty muscles.</p> <p>Many fish have also developed complex mechanisms for attracting and catching prey (Fig. 4.66). Archer fish, for example, shoot down insects by spitting water into the air. Cookie cutter sharks take bites out of large predators. Whale sharks filter-feed. Some angel fish feed on sponges. And the mangrove jack eats crustaceans.</p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.66a.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/Fig4.66a.jpg?itok=Rx89L0xM" width="290" height="198" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.66. (A)&lt;/strong&gt; an Archer fish (Toxotes microlepis) feeds by shooting fish with streams of water and can bring down insects up to 3 m above the water's surface.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;https://commons.wikimedia.org/wiki/File:ArcherFish01.jpg&quot; href=&quot;https://commons.wikimedia.org/wiki/File:ArcherFish01.jpg&quot;&gt;Ltshears&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 4.66. (A)</strong> an Archer fish (Toxotes microlepis) feeds by shooting fish with streams of water and can bring down insects up to 3 m above the water's surface.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of <a href="https://commons.wikimedia.org/wiki/File:ArcherFish01.jpg">Ltshears</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.66b.png" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/Fig4.66b.png?itok=G8rZZFRE" width="290" height="206" alt="&lt;p&gt;Fig. 4.66. (A) an Archer fish (Toxotes microlepis) feeds by shooting fish with streams of water and can bring down insects up to 3 m above the water's surface.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;https://en.wikipedia.org/wiki/File:Archerfish_(PSF).png&quot; href=&quot;https://en.wikipedia.org/wiki/File:Archerfish_(PSF).png&quot;&gt;Pearson Scott Foresman&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p>Fig. 4.66. (A) an Archer fish (Toxotes microlepis) feeds by shooting fish with streams of water and can bring down insects up to 3 m above the water's surface.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of <a href="https://en.wikipedia.org/wiki/File:Archerfish_(PSF).png">Pearson Scott Foresman</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.66c.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/Fig4.66c.jpg?itok=hQHj3PJI" width="290" height="185" alt="&lt;p&gt;&lt;strong&gt;(B)&lt;/strong&gt; Cookie cutter sharks (Isistius brasiliensis) attract prey with a bioluminescent ring and then take bites as shown in the round scars on the flank of a stranded female beaked whale.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;https://en.wikipedia.org/wiki/File:Isistius_brasiliensis_SI.jpg&quot; href=&quot;https://en.wikipedia.org/wiki/File:Isistius_brasiliensis_SI.jpg&quot;&gt;Jennifer Strotman&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>(B)</strong> Cookie cutter sharks (Isistius brasiliensis) attract prey with a bioluminescent ring and then take bites as shown in the round scars on the flank of a stranded female beaked whale.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of <a href="https://en.wikipedia.org/wiki/File:Isistius_brasiliensis_SI.jpg">Jennifer Strotman</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.66d.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/Fig4.66d.jpg?itok=eKPzU2lg" width="290" height="625" alt="&lt;p&gt;&lt;strong&gt;(B) &lt;/strong&gt;Cookie cutter sharks (Isistius brasiliensis) attract prey with a bioluminescent ring and then take bites as shown in the round scars on the flank of a stranded female beaked whale.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of &lt;a data-cke-saved-href=&quot;https://en.wikipedia.org/wiki/File:Scars_from_cookie-cutter_shark_bites_on_Gray%27s_beaked_whale.jpg&quot; href=&quot;https://en.wikipedia.org/wiki/File:Scars_from_cookie-cutter_shark_bites_on_Gray%27s_beaked_whale.jpg&quot;&gt;Avenue&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>(B) </strong>Cookie cutter sharks (Isistius brasiliensis) attract prey with a bioluminescent ring and then take bites as shown in the round scars on the flank of a stranded female beaked whale.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image courtesy of <a href="https://en.wikipedia.org/wiki/File:Scars_from_cookie-cutter_shark_bites_on_Gray%27s_beaked_whale.jpg">Avenue</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><p> </p> <h2>Growth</h2> <p>Mammals have <strong>determinate</strong> growth, which means they stop growing in length after maturity. In contrast, fishes have <strong>indeterminate</strong> growth. This means that fishes continue to grow in length throughout their lives.</p> <p>However, growth is a complicated process. And, even indeterminate growth slows down with age. Growth also depends on external and internal factors. External environmental conditions such as food quality and quantity, temperature, and water quality affect growth rate. Growth rate also depends on internal physiological status such as health, stress, and reproductive state. But, even with optimal environmental conditions and plentiful food, the growth rate of fishes will level off. In other words, it is possible to speed up growth by feeding fish more food, but there is a point where growth will stop increasing as rapidly (See Fig 4.67).</p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.67.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/Fig4.67.jpg?itok=kd5UPt-M" width="590" height="433" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.67.&lt;/strong&gt; Growth rates of young hammerhead sharks (S. lewini) level off even with increasing amounts of food.&lt;/p&gt;&#10;" title="&lt;p&gt;Image courtesy of Kanesa Duncan Seraphin&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig. 4.67.</strong> Growth rates of young hammerhead sharks (S. lewini) level off even with increasing amounts of food.</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Image courtesy of Kanesa Duncan Seraphin</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><h2>Reproductive System</h2> <p><strong>Reproduction</strong> is the process of producing offspring. Fish reproduce when eggs from the ovaries of a female are fertilized by sperm from the testes of a male. Both eggs and sperm are single cells with half the normal number of chromosomes. They join to form a   fertilized egg, with a full complement of chromosomes, which can then begin growing into a new fish (Fig 4.68).</p> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.68.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/Fig4.68.jpg?itok=oSXCCBC-" width="590" height="415" alt="&lt;p&gt;&lt;strong&gt;Fig 4.68.&lt;/strong&gt; Salmon eggs in different stages of development.&lt;/p&gt;&#10;" title="&lt;p&gt;Image Courtsey of&amp;nbsp;&lt;a data-cke-saved-href=&quot;https://commons.wikimedia.org/wiki/File:Salmoneggskils.jpg&quot; href=&quot;https://commons.wikimedia.org/wiki/File:Salmoneggskils.jpg&quot;&gt;en:User:Kils&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig 4.68.</strong> Salmon eggs in different stages of development.</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Image Courtsey of <a href="https://commons.wikimedia.org/wiki/File:Salmoneggskils.jpg">en:User:Kils</a></p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --><h6> </h6> <div class="embed"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'entity_embed_container' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> <div class="action-background"> <div id="node-1769" class="node node-special-feature-page special-feature-type-voice-of-the-sea contextual-links-region clearfix special-feature-type- " data-embed-button="node" data-entity-embed-display="entity_reference:entity_reference_label" data-entity-embed-display-settings="{&quot;link&quot;:1}" data-entity-type="node" data-entity-uuid="0c46a784-f527-4bd1-b5ed-c85c00d9b410" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Voice of the Sea</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/voice-sea-fish-spawning-aggregations" hreflang="und">Fish Spawning Aggregations</a> </h2> <div class="field-item even"><p></p></div> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div></div> <div class="embed"> </div> <div class="embed">Although most fishes’ eggs are fertilized externally, some bony fishes, and most elasmobranchs, do fertilize their eggs internally. In the case of the male mosquitofish, the anal fin has been modified into a gonopodium. The <strong>gonopodium</strong> is tube-like and caries sperm from the male to the female during internal fertilization (Fig 4.69).<br />  </div> <div class="embed"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.69.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/Fig4.69.jpg?itok=SgtXZS0u" width="590" height="341" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.69.&lt;/strong&gt; A male mosquitofish with a gonopodium used for internal fertilization&lt;/p&gt;&#10;" title="&lt;p&gt;Image by &lt;a data-cke-saved-href=&quot;https://commons.wikimedia.org/wiki/File:Gambusia_affinis_male.jpg&quot; href=&quot;https://commons.wikimedia.org/wiki/File:Gambusia_affinis_male.jpg&quot;&gt;Nozo&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig. 4.69.</strong> A male mosquitofish with a gonopodium used for internal fertilization</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Image by <a href="https://commons.wikimedia.org/wiki/File:Gambusia_affinis_male.jpg">Nozo</a></p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --></div> <div class="embed"> </div> <div class="embed">Cartilaginous fishes also have internal fertilization. Males use <strong>claspers</strong>, which are modifications of the pelvic fins, to inseminate females. Sea water is mixed with sperm before being injected into the urogenital opening of a female shark, which is called a <strong>cloaca</strong>. <p>Fertilized fish eggs develop into embryos, which use the yolk in the egg as food. After a period of development, the embryos become free-swimming. In fishes with internal fertilization, eggs may be released as newly developed embryos or larvae attached to a yolk sac that become part of the plankton. In <strong>ovoviparous</strong> fishes, like guppies and angel sharks as well as coelacanths, the eggs develop inside the mother and are released as fully formed fishes that do not have a larval stage. In <strong>viviparous</strong> fishes, like hammerhead and tiger sharks, eggs develop inside the mother or inside of a father’s egg pouch, and the eggs receive added nutrition. The added nutrition can come from eating other eggs (either fertilized or unfertilized), or it can come from placental-type connections to the parent, which supply nutrients from the parent to developing embryo. When these fishes hatch, they are relatively large and free swimming; they also do not have a larval stage.</p> </div> <div class="embed"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.70.jpeg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/Fig4.70.jpeg?itok=GrF-oqsi" width="590" height="443" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.70. &lt;/strong&gt;Claspers of a male shark, which are used for internal fertilization.&lt;/p&gt;&#10;" title="&lt;p&gt;Image by &lt;a data-cke-saved-href=&quot;https://en.wikipedia.org/wiki/File:Carcharhinus_brevipinna_JNC3077_Male_parts.JPG&quot; href=&quot;https://en.wikipedia.org/wiki/File:Carcharhinus_brevipinna_JNC3077_Male_parts.JPG&quot;&gt;Jean-Lou Justine&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig. 4.70. </strong>Claspers of a male shark, which are used for internal fertilization.</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Image by <a href="https://en.wikipedia.org/wiki/File:Carcharhinus_brevipinna_JNC3077_Male_parts.JPG">Jean-Lou Justine</a></p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --></div> <h2>Gender Roles</h2> <p> Most fishes remain the same sex (male or female) for their entire lives. However, some types of fishes can function as males and females at the same time. These fishes, called <strong>simultaneous hermaphrodites</strong>, make both eggs and sperm. And, they can release both eggs and sperm in a single spawn. Other fishes are <strong>sequential hermaphrodites</strong>, meaning they change their sex—either from male to female or from female to male. Scientists hypothesize that fishes developed the ability to change their sex to enhance reproductive success. For example, when anemone fish have long-term mates, the larger fish is female (Fig. 4.71). This allows egg production to be maximized because larger females can produce more eggs. Sperm is not limited because generally there is a surplus of sperm. If the female anemone fish dies, the male will take a new mate. The new mate is usually younger and smaller, so the original male will turn female and produce eggs. The new, smaller mate will take the male, sperm producing role.</p> <div class="embed"> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--colorbox-large.html.twig * media--image.html.twig * media--colorbox-large.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-center media media--type-image media--view-mode-colorbox-large"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/FIg4.71.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/full-page-width/public/FIg4.71.jpg?itok=tNftgNdK" width="590" height="738" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.71.&lt;/strong&gt; If a female anemone fish dies, a juvenile male moves in, and the larger, resident male will change sex to female.&lt;/p&gt;&#10;" title="&lt;p&gt;Image Courtesy of &lt;a data-cke-saved-href=&quot;https://en.wikipedia.org/wiki/File:Anemone_purple_anemonefish.jpg&quot; href=&quot;https://en.wikipedia.org/wiki/File:Anemone_purple_anemonefish.jpg&quot;&gt;Nick Hobgood&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-full-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image caption</div> <div class="field__item"><p><strong>Fig. 4.71.</strong> If a female anemone fish dies, a juvenile male moves in, and the larger, resident male will change sex to female.</p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-visually_hidden"> <div class="field__label visually-hidden">Image copyright and source</div> <div class="field__item"><p>Image Courtesy of <a href="https://en.wikipedia.org/wiki/File:Anemone_purple_anemonefish.jpg">Nick Hobgood</a></p> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --></div> <p>However, it is actually more common for sequential hermphrodites to be first female and then male. This is probably because male fish often compete for female fish, and the larger male usually wins. Thus, the winning male can fertilize the eggs of many females. For example, the male cleaner wrasse often has a <strong>harem</strong>, which is a group of females that stay with him.</p> <p>Some fishes that change sex also change color patterns and behavior. In some cases, like the bluehead wrasse, small females and males are similarly yellow colored in the initial phase. Either type of initial phase (male or female) can change into a larger, terminal phase male with a blue head, black and white body, and green tail. The terminal phase male sets up a territory over coral heads preferred by females for spawning. Initial phase males still participate in spawning, but they are not as successful as terminal phase males.</p> <div class="embed"> <p> </p> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.72a.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/Fig4.72a.jpg?itok=pL9rWs0p" width="290" height="387" alt="&lt;p&gt;&lt;strong&gt;Fig. 4.72. (A)&lt;/strong&gt; An initial phase, yellow, bluehead wrasse&lt;/p&gt;&#10;" title="&lt;p&gt;Image Courtesy of &lt;a data-cke-saved-href=&quot;https://en.wikipedia.org/wiki/File:Thalassoma_bifasciatum_(Bluehead_Wrasse)_juvenile_yellow_stage_over_Bispira_brunnea_(Social_Feather_Duster_Worms).jpg&quot; href=&quot;https://en.wikipedia.org/wiki/File:Thalassoma_bifasciatum_(Bluehead_Wrasse)_juvenile_yellow_stage_over_Bispira_brunnea_(Social_Feather_Duster_Worms).jpg&quot;&gt;Nick Hobgood&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p><strong>Fig. 4.72. (A)</strong> An initial phase, yellow, bluehead wrasse</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image Courtesy of <a href="https://en.wikipedia.org/wiki/File:Thalassoma_bifasciatum_(Bluehead_Wrasse)_juvenile_yellow_stage_over_Bispira_brunnea_(Social_Feather_Duster_Worms).jpg">Nick Hobgood</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--half-w-caption.html.twig * media--image.html.twig * media--half-w-caption.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="align-left media media--type-image media--view-mode-half-w-caption"><!-- THEME DEBUG --><!-- THEME HOOK: 'field' --><!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --><!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --><div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Fig4.73b.jpg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/half_page_width/public/Fig4.73b.jpg?itok=GoS_dG2T" width="290" height="343" alt="&lt;p&gt;(B) A terminal phase, male, bluehead wrasse.&lt;/p&gt;&#10;" title="&lt;p&gt;Image Courtesy of &lt;a data-cke-saved-href=&quot;https://en.wikipedia.org/wiki/File:Bluhead_Wrasse.jpg&quot; href=&quot;https://en.wikipedia.org/wiki/File:Bluhead_Wrasse.jpg&quot;&gt;Tibor Marcinek&lt;/a&gt;&lt;/p&gt;&#10;" class="image-style-half-page-width" /></div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-alttext--image.html.twig * field--media--field-media-alttext.html.twig * field--media--image.html.twig * field--field-media-alttext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-alttext field--type-text-long field--label-hidden field__item"><p>(B) A terminal phase, male, bluehead wrasse.</p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-titletext--image.html.twig * field--media--field-media-titletext.html.twig * field--media--image.html.twig * field--field-media-titletext.html.twig x field--text-long.html.twig * field.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> <div class="clearfix text-formatted field field--name-field-media-titletext field--type-text-long field--label-hidden field__item"><p>Image Courtesy of <a href="https://en.wikipedia.org/wiki/File:Bluhead_Wrasse.jpg">Tibor Marcinek</a></p> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-long.html.twig' --> </article><!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --></div> <p> </p> <div class="embed"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'entity_embed_container' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> <div class="action-background"> <div id="node-1771" class="node node-question-set special-feature-type-question-set contextual-links-region clearfix special-feature-type- " data-embed-button="node" data-entity-embed-display="entity_reference:entity_reference_label" data-entity-embed-display-settings="{&quot;link&quot;:1}" data-entity-type="node" data-entity-uuid="0bfebdc7-4928-43a3-9f57-87eec11c6070" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle"> Question Set</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/biological/fish/energy-acquisition-growth-development-and-reproduction-fish/question-set-energy-acquisition-growth-and-reproduction-fish" hreflang="und">Energy Acquisition, Growth, and Reproduction</a> </h2> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div></div> <div class="embed"> <div class="embed"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'entity_embed_container' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> <div class="action-background"> <div id="node-1772" class="node node-special-feature-page special-feature-type-further-investigations contextual-links-region clearfix special-feature-type- " data-embed-button="node" data-entity-embed-display="entity_reference:entity_reference_label" data-entity-embed-display-settings="{&quot;link&quot;:1}" data-entity-type="node" data-entity-uuid="cd8fc919-ff58-4974-8c27-dc30a5247913" data-langcode="und"> <div class="embed-type-marker"><i class="icon white"></i></div> <div class="embed-supertitle">Further Investigations</div> <h2 class="embed-title"> <a target="_blank" href="/exploringourfluidearth/biological/fish/energy-acquisition-growth-development-and-reproduction-fish/further-investigations-energy-acquisition-growth-and-reproduction-fish" hreflang="und">Energy Acquisition, Growth, and Reproduction</a> </h2> <div class="field-item even"><p></p></div> <div> </div> <!-- END OUTPUT from 'themes/tsi/templates/entity-embed-container.html.twig' --> </div></div></div> </div> <h6> </h6> </div> </div> <!-- END OUTPUT from 'core/themes/classy/templates/field/field--text-with-summary.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-toc--topic-page.html.twig * field--node--field-toc.html.twig * field--node--topic-page.html.twig * field--field-toc.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-toc field--type-entity-reference field--label-above"> <div class="field__label">Table of Contents</div> <div class="field__item"><a href="/exploringourfluidearth/toc/biological/fish/energy-acquisition-growth-development-and-reproduction-fish" hreflang="en">Energy Acquisition, Growth, Development, and Reproduction - Fish</a></div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--node--field-representative-image--topic-page.html.twig * field--node--field-representative-image.html.twig * field--node--topic-page.html.twig * field--field-representative-image.html.twig * field--entity-reference.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-representative-image field--type-entity-reference field--label-above"> <div class="field__label">Representative Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'media' --> <!-- FILE NAME SUGGESTIONS: * media--source-image.html.twig * media--image--default.html.twig * media--image.html.twig * media--default.html.twig x media.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/media.html.twig' --> <article class="media media--type-image media--view-mode-default"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'field' --> <!-- FILE NAME SUGGESTIONS: * field--media--field-media-image--image.html.twig * field--media--field-media-image.html.twig * field--media--image.html.twig * field--field-media-image.html.twig * field--image.html.twig x field.html.twig --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/field.html.twig' --> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field__label visually-hidden">Image</div> <div class="field__item"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_formatter' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> <a href="/exploringourfluidearth/sites/default/files/Rep_FishAncestry.jpeg" target="_blank"> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image_style' --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'image' --> <!-- BEGIN OUTPUT from 'themes/tsi/templates/image.html.twig' --> <div class="imgpost"> <span class="img-overlay-lightbox"></span> <img loading="lazy" src="/exploringourfluidearth/sites/default/files/styles/1_quarter_page/public/Rep_FishAncestry.jpeg?itok=pLOywor_" width="135" height="62" class="image-style-_-quarter-page" /> </div> <!-- END OUTPUT from 'themes/tsi/templates/image.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/field/image-style.html.twig' --> </a> <!-- END OUTPUT from 'themes/tsi/templates/image-formatter.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> </article> <!-- END OUTPUT from 'themes/tsi/templates/media.html.twig' --> </div> </div> <!-- END OUTPUT from 'themes/tsi/templates/field.html.twig' --> <!-- THEME DEBUG --> <!-- THEME HOOK: 'links__node' --> <!-- FILE NAME SUGGESTIONS: x links--node.html.twig x links--node.html.twig * links.html.twig --> <!-- BEGIN OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> <!-- END OUTPUT from 'core/themes/classy/templates/content/links--node.html.twig' --> Wed, 06 Nov 2019 21:07:48 +0000 rnakama 1764 at https://manoa.hawaii.edu/exploringourfluidearth